/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-color: #2C3D6E;
	}
form, input {margin: 0px; padding: 0px;}

a, a:link, a:active, a:visited {font-size:100%; text-decoration:underline; color:#152452;}
a:hover{color:#152452; text-decoration:none;}

h1 {font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 700; color: #152452;}
h2 {font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: 700; color: #152452;}
h3 {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: 700; color: #152452;}
h4 {font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: 700; color: #152452;}

div.backTop  {font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #152452; text-decoration:none;}
div.backTop a, div.backTop a:visited, div.backTop a:link, div.backTop a:active {color: #152452; text-decoration:none;}
div.backTop a:hover {color: #152452; text-decoration:underline;}	

div.utilNav {font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #152452; text-decoration:none;}
div.utilNav a, div.utilNav a:visited, div.utilNav a:link, div.utilNav a:active {color: #152452; text-decoration:none;}
div.utilNav a:hover {color: #152452; text-decoration:underline;}

div.subNav {font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #152452; text-decoration:none; width: 135px;}
div.subNav a, div.subNav a:visited, div.subNav a:link, div.subNav a:active {color: #152452; text-decoration:none;}
div.subNav a:hover {color: #152452; text-decoration:underline;}

.pageHead {font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: 700; color: #152452;}
.pageSubHead {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: 700; color: #152452;}

.leftNavCell {border-right: 1px solid #152452;}
.bodyContentDiv {border: 0px solid gray; margin: 0px auto; width: 100%; height: auto; background-color: #fff;}
.mainContent {padding-left: 15px; font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; border:1px solid white;}
.paragraphs {clear:both; padding-top: 15px;}

.small {font-size: 10px;}


.infocus {
	margin: 0px;
	padding: 0px;
	width: 185px;
	height: 33px;
	background-color: #6E83BD;
	color: #fff;
	border: 1px solid #2E3F70;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	float: left;
}

div.infocus  a, div.infocus  a:visited, div.infocus  a:link, div.infocus  a:active {color: #fff; text-decoration:none;}
div.infocus  a:hover {color: #fff; background-color: #6E83BD; text-decoration: underline; padding:0px; margin: 0px;}	

.crumbs {
	margin: 0px;
	padding: 0px;
	top: -2px;;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#pullquote {float:right; width: 180px; padding: 10px; border: solid 2px #C32435; margin-left: 3px; color:#00164B; font-weight: bold;}

.contentArea {width: 480px; font-size: 12px;}

div.footer {border: 0px solid gray; margin: 0px auto; width: 100%; height: 100%; background-color: #2C3D6E; color: #fff; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
div.footer a, div.footer a:visited, div.footer a:link, div.footer a:active {color: #fff; text-decoration:underline;}
div.footer a:hover {color: #fff; text-decoration:none;}
.footerTxt {padding-top: 10px;}
.whiteBg { background-color: #FFFFFF;}

.membrMenuCont {border-bottom: 1px solid #fff; margin: 0px auto; width: 100%; height: auto; background-color: #fff; color: #fff;}
.logoSrchCont {border: 0px solid gray; margin: 0px; width: 100%; height: auto; background-color: #004F83;}
.srchBox {margin: 1px;  padding: 0px; height: 13px; font-size: 11px; border: 1px solid #ccc; position:relative; top: -10px;}
.whatsNew {color: #800040;}
.srchBtn {margin: 0px; padding: 0px; position:relative; top: 0px;}
.headLine {border: 0px solid gray; margin: 0px; width: 100%; height: auto; background-image: url(/images/head_line.gif); background-repeat: repeat-x;}
.topMenuCont {border: 0px solid gray; margin: 0px; width: 100%; height: 48px; background-color: #fff; background-image: url(/images/menu_bg.gif); background-repeat: repeat-x;}
.topMenu {border-width: 0px 0px 0px 0px; border-color: #fff; border-style: solid; margin: 0px; padding: 0px; width: 100%; height: 24px; background-color: #2C3D6E;}

/******* css main menu ***********/
	#divNav {
		position: relative;
		margin: 0;
		padding: 0;
		height: 24px;
		width: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	#nav {
		margin: 0;
		padding: 0;
	}

	#nav li.on ul, #nav li.off ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 0px;
		text-align: center;
	}

	#nav li ul {
		display: none;
		font-size: 10px;
	}

	#nav li.off ul, #nav li.on ul { /*put the subnav below*/
		position: absolute;
		top: 25px;
		*top: 25px;
		left: 5px;
		*left: -0px;
		padding-top: 0px;
		background: #ccc;
		height: 23px;
		width: 100%;
	}
	

	#nav li a {
		color: #fff;
		font-weight: bold;
		display: block;
		height: 13px;
		*height: 12px;
		width: 100px;
		border-right: 1px solid #fff;
		padding: 5px;
		
	}

	#nav li.on a {
		background-color: #ccc;
		border-right: 1px solid #fff;
		color: #152452;
		
	}

	#nav li.on ul a, #nav li.off ul a {
		float: left; /*ie doesn't inherit the float*/
		border: 0;
		color: #152452;
		width: auto;
		margin-right: 3px;
				
	}
	
	#nav li.on ul span.sep, #nav li.off ul span.sep {
		float: left; /*ie doesn't inherit the float*/
		border: 0;
		color: #152452;
		width: auto;
		margin-right: 3px;
		padding: 5px;
				
	}

	#nav li.on ul {
		display: block;
	}

	/*#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
		
	}*/

	#nav li.off a:hover,
	#nav li:hover a,
	#nav li.over a {
  	background: #ccc;
  	color: #152452;
	}
	
	#navSub li.off a:hover,
	#navSub li:hover a,
	#navSub li.over a {
  	background: #ccc;
  	color: #152452;
	text-decoration: underline;
	}
	
	/************* util menu *********************/
    div.menu4 {
	  margin: 0px;
      padding: 0px;
	  border-left: 1px solid #2C3D6E;
	  background: #eee none;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-weight: 700;
	  height: 19px;
	  background-color: #fff;
	  color: #2C3D6E;
	  text-decoration: none;
	  
    }
    div.menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
	  text-decoration: none;
	  
    }
    div.menu4 li {
      margin: 0;
      padding: 0;
      float: left;
	  height: 19px;
      background: #fff none;
	  border-right: 1px solid #2C3D6E;
      text-align: center;
	  text-decoration: none;
	  
    }
    div.menu4 a {
      display: block;
	  color: #2C3D6E;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 2px;	
      text-decoration: none;
	  
    }
    div.menu4 a:hover {
      background: #ccc none;
	  color: #2C3D6E;
	  padding-bottom: 3px;
	  padding-right: 10px;		
	  text-decoration: none;
    }
  
  	  div.menu4 a:visited {
	  text-decoration: none;
    }

div#homeContent {
	clear: both;
	padding-top: 10px;
}	

a.campaign {
	background: #E0E2E9;
	border: 1px solid #435486;
	display: block;
	font-weight: normal;
	margin: 10px 10px 0 0;
	padding: 5px;
}
a.campaign span { display: block; font-size: 120%; font-weight: bold; }
div.subNav a.campaign:hover { background: #d5d7e1; border-color: #2C3D6E; text-decoration: none; }
ul.indented { list-style: none; }

/*****Form styles*****/
fieldset#formFieldset { border: none; padding: 0 5px; }
ol.forms {
	float: left;
	list-style: none;
	margin: 0;
	padding: 10px 0 0 35px;
	position: relative;
	width: 528px;
}
form#regForm ol.forms { padding-left: 0; width: 563px; }
ol.forms li {
	float: left;
	list-style: none;
	margin: 0 0 1em 0;
	position: relative;
	width: 100%;
}
ol.forms li ul { margin: 0; padding: 0; }
ol.forms li label { 
	display: block;
	float: left;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: .5em;
	width: 5em;
}
form#regForm ol.forms li label { width: 90px; }
form#regForm span.error { color: #f00; display: block; margin-left: 90px; }
ol.forms li.long label { float: none; width: 90%;}
ol.forms li ul li label { 
	display: inline;
	float: none;
	padding-left: 5px;
	width: auto;
}
ol.forms li input { width: 50%; }
ol.forms li.short input { width: 25%; }
ol.forms li ul li input, ol.forms li.buttons input { width: auto; }
ol.forms li textarea { height: 75px; width: 90%; }
.notice { color: #2C3D6E; font-weight: bold; font-size: 120%; }
ul#errors { clear: both; width: 100%; }
ul#errors li { color: #ff0000; margin: 0;}
.updated { background: #E0E2E9; border: 1px solid #2C3D6E; margin: 0; padding: 10px; }
#loadingImage { display: none; }
