/* CSS Document */
html, body	{background-color: #C4CFD6; margin: 0px; font-size : .85em; height: 100%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0 }
a img {border: none}
#container	{background-color: #FFF; width: 770px; margin: auto; padding: 0; height: 100%; }
#banner		{background-color: #FFF; width: 770px; margin: 0}
#logo		{float: left}
#logo p	{margin:0; padding: 0}
#bgbanner	{float: right}
#searchbar	{background: #DCC182; text-align: right; height: 20px; clear: both; border-top: 3px solid #0177BF; padding-bottom: 1px; padding-right: 5px; font-size: .95em}
#searchbar	a:link, a:active, a:visited	{text-decoration: none; color: #173C6F; font-family: Arial, Helvetica, sans-serif;  }
#searchbar	a:hover	{text-decoration: underline}
input.searchbutton	{ font-family: Arial, Helvetica, sans-serif; height: 18px; margin-right: 0px; font-size: 1em; margin: 1px 3px 0px 3px; line-height: 10px }
input.searchfield	{margin:auto 0; height: 15px; vertical-align: bottom; font-size: 0.9em; color:#666666; font-family: Arial, Helvetica, sans-serif; padding-bottom: 0px; }
.searchform	{margin:0; padding: 0}

/*this is for the content */
#main	{background-color: #FFF; width: 770px; height: auto }
td.contentheader	{ font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 18px;	font-weight: bold; color: #072F66; padding: 5px 0 0 0 }
#breadcrumb 		{ background-color: #FAFAFA; border-left: 1px #E4E4E4 solid; padding: 2px; margin-left: 0; margin-right: 5px; font-size: .9em; line-height: .9em }
#breadcrumb	a:link, a:active, a:visited {color: #0177BF; text-decoration: none }
#breadcrumb a:hover	{color:#666666;  text-decoration: underline}
a:link.internaltoplinks, a:active.internaltoplinks, a:visited.internaltoplinks   {color: #0177BF; font-size: 0.9em; text-decoration:none; text-decoration: none; padding-left: 5px }
a:hover.internaltoplinks {color:#666666; text-decoration: none}
.indent		{margin: 0 0 8px 15px; line-height: 16px}

#content	{ background-color: #FFF; float: right; border-left: 1px solid #000; padding-left: 7px; width: 584px; margin: 10px 5px 10px 0; z-index: -1}
#content a:link, a:active, a:visited {text-decoration: none}
#content a:hover {text-decoration: underline}

/*homepage information box*/
#autocontent	{width: 589px; }
#imagery	{float:left; width: 419px; margin: 0 0 5px 0; }
#imagery p	{margin:0; padding: 0}
#overview	{width: 562px; background: #F5F2EA; padding: 5px 10px; clear: both; background-image: url(images/oviewborder.gif); background-repeat: no-repeat; background-position: bottom left}

#news	{float: left; width: 154px; background: #E7EBEC; margin: 0 0 10px 10px; height: 218px }
#newsheader {background: #0177BF; padding: 5px;}
#newsheader a:link, #newsheader a:active, #newsheader a:visited	{color: #FFF; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size:1.1em; font-weight: bold; text-decoration: none}
#newsheader a:hover {color: #CCCCCC; text-decoration: none}
#newslist {height: 165px }
ul#newslist  {list-style: none; margin: 0; padding: 0;  }
#newslist li {padding-left: 5px; margin: 4px 3px; color: #0177BF; }
#newslist li a:link, a:active, a:visited	{ color: #0177BF; font-weight: normal; text-decoration: none; }
#newslist li a:hover {color: #0177BF; text-decoration: underline}	

#morenews a {color : #072F66; font-weight: bold; font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; float: right; padding-right: 5px; margin-bottom: 8px; text-decoration: none}
#morenews a:hover	{text-decoration: underline}
#footer	{background-color: #FFF; width: 760px; margin-top: 20px 0 5px 0 ; padding: 15px 5px; clear: both; font-size: 9px; }
#footer a {text-decoration: none; padding: 0 4px; clear:both}
#footer a:hover {text-decoration: underline}
#update	{float:right; position: absolute; bottom: 5px; right: 5px; clear:both; font-size: 9px}


/*multilevel pullout menu */
#nav	{float: left;
		 z-index: 100;
		 position: relative;
		 top: 0px; left: 0px;
		 width: 155px; /* width for FF and Opera*/
		 background-color: #F5F8F9;
		 margin: 10px 0 0 3px;
		 padding-bottom: 10px;
		 background-image: url(images/navborder.gif);
		 background-repeat: no-repeat;
		 background-position: bottom left; 
		 }
	
#nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		display: block;
		 z-index: 100;
		}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.9em;
		clear: left;
		width: 155px /* width for IE*/
		}
	
	
	#nav li a {
	  font-family: Arial, Verdana, Helvetica, sans-serif; 
	  font-weight: bold;
		display : block;
		color : #072F66;
		text-decoration : none;
		padding : 0 5px;
	}
	
	
	#nav li a:hover {
		color : white;
		background-color : #0177BF;
	}
	
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999px;
		margin-left : 145px;
		margin-top : -1.7em;
		background-color: #E1E4E4;
		width: 174px; /*width for FF and opera - seems to affect layout in opera*/
	}
	


	#nav li li a {margin-left: 6px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; width:155px } /* this width required for IE and Firefox*/
	
	#nav li li a:hover {border-left: 6px solid #DCC182; border-right:6px solid #DCC182; width:152px; margin-left: 0 }
	
	#nav li ul ul { /* third-and-above-level lists */
		margin: -1.9em 0 0 174px;
		background-color: #D5DBDB;
		padding:0;
		color:#072F66;
		width: 174px;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999px;
	}

	#nav li:hover ul, #nav li.sfhover ul,  #nav li li.sfhover ul, #nav li li li.sfhover ul {
		margin-top: -22px;
		left: auto;
		z-index: 150;
	}
	
	#nav li:hover ul, #nav li li:hover ul,  #nav li.sfhover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		margin-top: -1.9em;
		left: auto;
		z-index: 150;
	}