body {font-family:Verdana, Arial, Helvetica, sans-serif;
}

html {font-size: 100%;}

body {font-size: 75%;}

h2 {font-size: 200%;;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;}

h3 {font-size: 175%;;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align:center;}


h4 {font-family: Arial, Helvetica, sans-serif;
    margin-left:10px;}


p {
  margin-bottom: 5px;
}

/* ---- Structure ---- */

#wrapper {
  width: 78em;
  margin: 0px auto;
  border-top: 0px;
  border-left:10px #FFFFFF solid;
  padding:1em 1em 1em 1em;
}

#masthead {
	width:100%;
	height:150px;
	margin-bottom:1em;
}

#bannerleft {
	float:left;
}

#bannerright {
	float:right;
}


#content {
  width: 100%;
  float: left;
}

#sidebar {
  width: 32%;
  float: left;
}

#mainContent {
  width: 67%;
  float: right;
}

#mainContentSpan {
  width:100%;
  clear: both;
}

#introBanner {
  width: 100%;
  clear: both;
  min-height:200px;
  margin-bottom:1em;
}

#introText {
  padding:0px 10px;
  width: 48%;
  min-height:200px;
  float: left;
}
.fullSpan {
  width: 100%;
  clear: both;
  margin-bottom:1em;
}

.halfSpanLeft {
  width: 49%;
  float: left;
}

.halfSpanRight {
  width: 49%;
  float: right;
}

#column1 {
  width: 49%;
  float: left;
}

#column2 {
  width: 49%;
  float: right;
}

.halfSpanLeft .mission {
  padding: 3% 5%;
  font-size: 120%;

}

.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.greenPictureFrame {
	border:2px #003300 solid;
	height:196px;
	width:441px;
	float:right;
}

img.mainPicture {
	z-index:-1;
}

.homePagePanel {
	min-height:170px;
}