@charset "UTF-8";
body {
	background: #d4e3ed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #d4e3ed;
	background-image: url(images/BG.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 16px;
}
a {
	color:#5078a2;
	text-decoration:none;
}
a:hover {
	color:#d4e3ed;
}
	#container  {
	width: 1000px;
	margin: 0 auto; /* this overrides the text-align: center on the body element. */
	position: relative;
}
#head {
	position: absolute;
	height: 20px;
	width: 178px;
	left: 494px;
	top: 123px;
}
#headHighlights {
	position: absolute;
	height: 20px;
	width: 178px;
	left: 160px;
	top: 80px;
}


#mast  {
	height: 71px;
	text-align: center;
	width: 1000px;
}
#nav {
	background-color: #325c80;
	float: left;
	height: 405px;
	width: 153px;
	margin-top: 9px;
}
#content {
	height: 405px;
	width: 680px;
	margin-top: 9px;
	margin-left: 160px;
}
#footer {
	text-align: center;
	clear: both;
	margin-top: 15px;
	color: #1a2548;
	width: 680px;
	padding: 15px 153px 15px 153px;
	font-style: italic;
	font-size: 13px;
}

#contentPhoto {
	float: left;
	border: 2px solid #5078a2;
}
#contentFlash {
	float: right;
	width: 333px;
	height: 315px;
	margin-top: 90px;
	border: 0;
}
#contentFlashHighlights {
	float: left;
	width: 676px;
	height: 350px;
	padding-top:50px
}



#insets {
	float: right;
	height: 405px;
	width: 153px;
	margin-top: 9px;
	margin-left: 7px;
}
.nav {
	margin-top: 9px;
}

.inset {
	border: 2px solid #5078a2;
}
