@charset "UTF-8";
/* CSS Document */

html {

	margin: 0px;
	padding-bottom: 16px;
	background-color: #102d52;

}

body {

	min-width: 960px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #363f4c;
	background-image: url(../images/bg_gradient.png);
	background-position: top center;
	background-repeat: repeat-x;
	cursor: default;

}

body, div, span, p, table, td, tr {

	font-family: Trebuchet MS, Tahoma, Lucida Grande, Helvetica, Arial, MS Sans Serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;

}

A, A:link, A:visited {

	color: #3681b2;
	font-weight: normal;
	text-decoration: underline;

}

A:hover {

	font-weight: normal;
	text-decoration: none;

}

A:active {

	color: #abdff5;
	font-weight: normal;
	text-decoration: none;

}

img {

	behavior: url(includes/iepngfix.htc);
	border: 0px;

}

#windowstrip {

	position: relative;
	top: 0px;
	width: 100%;

}

#header {

	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 88px;
	text-align: center;
	margin: 0px auto 0px auto;
	z-index: 20;

}

#headerleft {

	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 512px;
	height: 88px;
	text-align: left;

}

#headerright {

	position: relative;
	top: 0px;
	left: 0px;
	float: right;
	width: 216px;
	height: 88px;
	text-align: right;

}

#buttons {

	clear: both;
	position: relative;
	top: 0px;
	width: 960px;
	height: 16px;
	margin: 0px auto 0px auto;
	z-index: 20;

}

#mastheadstrip {

	position: relative;
	top: 0px;
	width: 100%;
	background-color: #152f52;
	margin-bottom: 0px;

}

#masthead {

	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 266px;
	text-align: center;
	margin: 0px auto 0px auto;
	z-index: 20;

}

#mastheadphoto {

	position: relative;
	top: 8px;
	left: 0px;
	width: 960px;
	height: 160px;
	text-align: center;
	z-index: 30;

}

#mastheadmenu {

	position: relative;
	top: 16px;
	left: 0px;
	width: 960px;
	height: 82px;
	text-align: center;
	z-index: 30;

}

#promo {

	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 56px;
	text-align: center;
	margin: 0px auto 0px auto;
	z-index: 20;

}

#bodycontent {

	position: relative;
	top: 0px;
	width: 960px;
	background-color: #ffffff;
	background-image: url(../images/body_bg.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	margin: 8px auto 0px auto;
	z-index: 0;

}

#bodytop {

	position: relative;
	top: 0px;
	width: 960px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/body_top.png);
	background-position: top center;
	background-repeat: no-repeat;

}

#body {

	position: relative;
	top: 0px;
	width: 960px;
	min-height: 560px;
	height: auto !important;
	height: 560px;
	margin: 0px auto 32px auto;
	padding-top: 16px;
	text-align: right;
	background-image: none;
	background-position: 15% bottom;
	background-repeat: no-repeat;
	z-index: 10;

}

#bodybottom {

	position: relative;
	top: 0px;
	width: 960px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/body_bottom.png);
	background-position: bottom center;
	background-repeat: no-repeat;

}

#tabsmenu {

	clear: both;
	float: left;
	width: 232px;
	text-align: justify;
	margin: 0px 0px 0px 24px;
	padding-top: 28px;
	z-index: 20;

}

.left {

	clear: left;
	float: left;
	width: 232px;
	text-align: justify;
	margin: 0px 0px 16px 24px;
	padding-top: 24px;
	z-index: 20;

}

* html #tabsmenu, * html .left {

	margin: 0px 0px 16px 8px;

}

.center {

	float: right;
	width: 320px;
	text-align: justify;
	margin: 0px 24px 16px 0px;
	padding-top: 24px;
	z-index: 20;

}

.right {

	float: right;
	width: 320px;
	text-align: justify;
	margin: 0px 24px 16px 0px;
	padding-top: 24px;
	z-index: 20;

}

.full {

	float: right;
	width: 664px;
	text-align: justify;
	margin: 0px 24px 16px 0px;
	padding-top: 24px;
	z-index: 20;

}

* html .right, * html .full {

	margin: 0px 8px 16px 0px;

}

.altright {

	clear: right;
	float: right;
	width: 400px;
	text-align: justify;
	margin: 0px 24px 16px 0px;
	padding-top: 0px;
	z-index: 20;
	

}

.altcenter {

	float: right;
	width: 240px;
	text-align: right;
	margin: 0px 24px 16px 0px;
	padding-top: 24px;
	z-index: 20;
	

}

.nopad {

	padding: 0px;

}

#footer {

	clear: both;
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	text-align: center;
	margin: 16px auto 0px auto;
	padding-top: 8px;
	border: solid 1px #1a4d80;
	border-width: 1px 0px 0px 0px;
	z-index: 20;

}

#footerleft {

	float: left;
	width: 480px;
	text-align: left;

}

#footerright {

	float: right;
	width: 480px;
	text-align: right;

}

.footertext {

	font-family: Helvetica, Arial, Sans Serif;
	font-size: 10px;
	color: #2e6799;
	font-weight: normal;
	line-height: 12px;

}

.footertext A, .footertext A:link {

	text-decoration: none;
	color: #2e6799;

}

.feature {

	width: 216px;
	height: 184px;
	text-align: left;
	overflow: hidden;
	background-image: url(../images/feature_bg.png);
	background-position: top center;
	background-repeat: no-repeat;

}

.feature .content {

	width: 200px;
	height: 100%;
	margin: 0px;
	padding: 8px 8px 16px 8px;

}

.feature h2 {

	height: 36px;

}

.feature ul {

	margin: 0px;
	padding: 0px;
	
}

.feature li {

	width: 200px;
	height: 40px;
	list-style-type: none;
	border: solid 1px #1a4d80;
	border-width: 1px 0px 0px 0px;
	margin: 0px;
	padding: 0px;

}

.feature .date {

	color: #abdff5;
	text-transform: uppercase;

}

.feature a {

	text-decoration: none;
	
}

#slideshow {

	position: relative;
	width: 320px;
	height: 272px;

}

#slideshow img {

	position: relative;
	left: 0;
	top: 0;

}

.slide {

	display: none;

}

#nextslide {

	z-index: 100;

}

.date {

	font-size: 11px;
	color: #9aa6b3;

}

.hilitetext {

	font-size: inherit;
	font-weight: bold;

}

.inactive {

	font-size: inherit;
	color: #9aa6b3;

}

#navlegend {

	float: left;
	font-size: 11px;
	text-align: left;

}

.navbuttons {

	clear: right;
	float: right;
	width: 348px;
	font-size: 11px;
	text-align: right;
	margin-bottom: 16px;

}

.switch {

	opacity: 0.8;
	filter: alpha(opacity=80);

}

.switchon {

	opacity: 1;
	filter: alpha(opacity=100);

}

.button {

	position: relative;
	left: 0px;
	opacity: 0.70;
	filter: alpha(opacity=70);

}

.buttonon {

	opacity: 1;
	filter: alpha(opacity=100);

}

.tab {

	position: relative;
	left: 0px;
	opacity: 0.70;
	filter: alpha(opacity=70);
	background-color: #ffffff;

}

.tabon {

	opacity: 1;
	filter: alpha(opacity=100);
	background-color: #ffffff;

}

.lowlight {

	opacity: 0.7;
	filter: alpha(opacity=70);

}

.splash {

	border: solid 1px #ffffff;

}

.photoleft {

	float: left;
	margin: 24px 16px 8px 0px;

}

.photoright {

	float: right;
	margin: 16px 0px 8px 16px;

}

.captionleft {

	clear: left;
	text-align: left;
	font-size: 10px;
	color: #9aa4b3;
	margin: 0px 0px 16px 0px;

}

.captionright {

	clear: right;
	text-align: right;
	font-size: 10px;
	color: #9aa4b3;
	margin: 0px 0px 16px 0px;

}

.icon {

	position: relative;
	top: 5px;

}



form {

	line-height: 32px;
	padding: 0px;
	margin: 0px;

}

input, select, textarea, .requiredfield {

	font-family: Helvetica, Arial, MS Sans Serif;
	font-size: 12px;
	color: #4b5266;
	border: solid 1px #cfdbe6;
	margin: 0px 0px 12px 0px;
	padding: 2px;

}

textarea {

	font-size: 12px;

}

input[type=image], .formbutton {

	background-color: #ffffff;
	border: solid 0px #ffffff;

}

input[type=checkbox], input[type=radio], input[type=file] {

	border: 0px;

}

div.item {

	clear: both;
	display: inline;
	width: 100%;
	padding: 0px;
	margin: 0px;

}

form label {

	display: inline;
	padding: 0px;
	margin: 0px;

}

.fieldname {

	float: left;
	width: 128px;
	text-align: right;
	padding: 0px 0px 0px 0px;

}

.fielddata {

	float: right;
	width: 184px;
	text-align: left;
	padding: 0px;
	margin: 0px;

}

table {

	border: 1px solid #b8c0cc;
	border-collapse: collapse;
	background-color: #ffffff;
	margin: 8px 0px 0px 0px;

}

th {

	border: 1px solid #b8c0cc;
	padding: 4px;
	line-height: 14px;
	-moz-border-radius: 0px;
	text-align: center;
	vertical-align: top;
	font-size: 11px;

}
	
td {

	border: 1px solid #b8c0cc;
	padding: 4px;
	line-height: 14px;
	-moz-border-radius: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;

}

th.textcenter, td.textcenter {

	text-align: center;

}

th.textleft, td.textleft {

	text-align: left;

}

th.highlight, td.highlight {

	color: #1a4d80;
	font-weight: bold;

}

.tablenote {

	font-size: 11px;
	margin-bottom: 24px;

}

br {

	clear: right;

}

hr {

	clear: right;
	float: right;
	width: 664px;
	height: 1px;
	border: 0px;
	border-color: #cfdbe6;
	text-align: right;
	background-color: #cfdbe6;
	margin: 32px 24px 32px 0px;

}

p {

	display: block;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	text-align: justify;

}

.altcenter p {

	text-align: right;

}

p.buttons {

	line-height: 10px;

}

p.quote {

	background-image: url(/images/callout_top.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 24px 28px 0px 28px;
	margin-bottom: 8px;

}

p.quoter {

	text-align: right;
	color: #7d8499;
	margin-bottom: 24px;
	padding: 32px 28px 0px 0px;
	background-image: url(/images/callout_bottom.png);
	background-position: top right;
	background-repeat: no-repeat;

}

.quotertitle {

	font-size: 11px;

}

.highlight {

	color: #ee3b33;

}

.sm {

	font-size: 11px;
	line-height: 20px;

}

.lg {

	font-size: 15px;
	line-height: 24px;

}

.normal {

	font-weight: normal;

}

ul {

	clear: right;
	margin: 0px 0px 16px 16px;
	padding: 0px 16px 0px 16px;

}

ol {

	clear: right;
	margin: 0px 0px 16px 8px;
	padding: 0px 16px 0px 16px;

}

ul li {

	list-style-type: square;
	text-align: left;
	margin-bottom: 8px;

}

ol li {

	text-align: left;
	margin-bottom: 8px;

}

h1, h2, h3, h4 {

	color: #36414d;
	padding: 0px;

}

h1 {

	width: 232px;
	height: 48px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;

}

h2 {

	height: 24px;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;

}

h3 {

	color: #1a4d80;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;

}

h4 {

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;

}