/*  GENERAL STYLES  */

body {
	margin: 10px; 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	text-transform: none; 
	color: #666666; 
	background-color: #164861;
	text-align:center;
}

p {
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	margin-right: 5px;
}

a {
	color: #2B5681;	
}

h1 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif; 
	color: #295584;
}

h2 {
	font: normal 15px Verdana, Arial, Helvetica, sans-serif;
	color: #295584;
}

h3 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;	
	color: #295584;
	}

h4 {
	font: bold 8px Verdana, Arial, Helvetica, sans-serif;
	color: #295584;
}

ul {
	margin: 10px 0;
	padding: 0 13px;
}

li {
	color: #000000;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
}
img {
	border:0px;
}


/* Layers */

#container {
	width:760px; 
	margin: 0px auto;
	padding: 0px; 
	background-color: white; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	border: #85A3B2 1px solid;

}

.portalheader {
background-color:#E0E0E0;
border-bottom:1px solid #666666;
float:none;
height:27px;
margin:0px auto;
padding:0px;
text-align:left;
width:760px;
}

.portallogo, .portalalert {
	float: left; 
	margin: 0; 
	padding:0;
	background-color: #e0e0e0; 
	text-align: left;
}


.subportalheader {
background-color:#FFFFFF;
float:none;
margin:0px auto;
text-align:left;
width:100%;
}



.headerfooter {
	width:760px;
	margin: 0px auto;
	height:18px;
	padding:0; 
	background-color:#F0F1E3;
}

.headerfooter a {
	color: #660000;
	text-decoration:underline;	
}

.headerlinks {
	margin:0; 
	padding:2px 5px; 
	float:left; 
	text-align:right; 
	width:70%;
	font: 10px Verdana, Arial, Helvetica, sans-serif; 	
}

.date {
	float:right; 
	margin:0 3px 0 5px; 
	padding:2px 5px; 
	color:#000000;
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
}

.headlineDate {
	font-weight: bold;	
}

#logo {
	height:67px;
	margin:0;
	padding:0;
}

p.copyright {
	border-bottom:5px solid #85A3B2;
	width:760px;
	clear:both;
	text-align:center;
	margin:10px 0 0 0;
}

p.footer {
	width:760px;
	clear:both;
	margin: 6px auto;
	text-align:center;
	color:white;
	padding:5px 0 20px 0;
}

/* COLUMNS */
#left_col {float:left; clear:none;}

#left {
	width:209px;
	float:left;
	clear:left;
	margin:5px 0 2px 5px;
}

/* Fix margin for non-IE */
html > body #left {margin-left:10px;}

#center {
	width:525px;
	float: left;
	clear:none;
	margin:5px 0px 2px 7px;	
	background-color:#F3F3F3;
}

#center div{
	margin:8px;
	display:block;
}



/* Containers in Columns */

div#pic {
border-top:3px solid white;
	float:right;
	margin: 5px 5px 3px 0;
	width:528px;
} 

* html #pic {margin-right:1px; m/argin-right:1px;} 

#pic table {
width:530px;
padding:0;
margin:0;
}

*html #pic table {width:525px; w/idth:525px;}

#pic table td.text {
background-color:#85A3B2;
padding:5px;
}

#pic table .text h3 {
color: white;
font-size:11px;
}

#pic table a.featureMore {
color: white;
font-size:11px;

}

.box {
	margin:5px 0px 10px 5px;
	padding: 5px;
	
}
.boxBeige {
	padding:5px 0px 10px 5px;
	padding-bottom: 10px;
	background-color:#F0F1E3;
}

.boxLast {
	margin:5px 0px 10px 5px;
	padding-bottom: 10px;	
}


/* Other Styles */

p.more {
	text-align:right;
	font-size:11px;
	clear:both;
	margin-bottom: 3px;
	padding-bottom: 5px;
	margin-top: 5px;
}
p.more a, p.text a{
	color:#854136;	
}
p.text {
	font-size:10px;
	clear:both;
	margin-bottom: 3px;
	margin-top: 5px;
}

p.footer a {
	color:white;
	font-size:10px;
	text-decoration:none;
}
button {
	border:0px solid white;
	background-color:#fff;
}

#search {
	margin:1px 0 1px 1px;	
	padding:5px 5px 0px 5px;
	background-color:#F0F1E3;
}


#search input, #search select {
	width:140px;
	height:17px;
	border:1px solid #797A7F;
	font-size:12px;
	font-weight:bold;
	color: #2B5681;
	margin-top:3px;
}
#search button {
	background-color:#F0F1E3;
}
#search img {
	border:0px;
	vertical-align:middle;
}
#search table, #search form, #search select {
	margin-top:0px;
	margin-bottom:2px;	
}
#search ul {
	color: #295584;
	margin-top:0px;
	margin-left:3px;
}
#search hr {
	text-align:left;
	width:150px;
	color:#2A5580;
	height:1px;	
}
#search h3 {
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
}
#search LABEL {
	OVERFLOW: hidden; WIDTH: 0px; POSITION: absolute; HEIGHT: 0px;
}


#center h3 {
	clear:both;
	color:#000;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;		
}
#center p {
	color:#000;
	margin-top:3px;
}
#center img {
	border:-0.25px solid black;
	margin:3px 8px 0 0;	
}
#center td {
	vertical-align:top;
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
	margin-top:3px;
	margin-bottom:0px;		
}
#center h2 {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	color: #295584;
	clear:both;
	margin-bottom:0px;
	margin-top:0px;
	text-align:left;
}


.teaserimg {
float:left;
padding: 0 8px 15px 0;
}

.box h3, .boxBeige h3 {
	margin:0px;
	font-size:12px;
}


.box ul, .boxLast ul, .boxBeige ul {
	margin-top:5px;
	margin-left:3px;
	margin-bottom:0px;
	padding-bottom:0px;

}

.box li, .boxBeige li,  #search li  {
font-size:11px;
}

.box hr, .boxBeige hr, .weeklyPoll hr {
	text-align:center;
	width:85%;
	color:#2A5580;
	height:1px;
}

.whiteBar {
border-bottom: 8px solid #ffffff;
} 
.beigeBar {
border-bottom: 8px solid #F0F1E3;
}

hr.beige {
width:100%;
background-color: #F0F1E3;
height:8px;
margin:5px;

}

hr.white {
width:100%;
background-color: #ffffff;
height:2px;
margin:5px;
border:none;
}


#news h2 {
border-top: 7px solid white;
margin-left:-8px;
margin-right: -8px;
padding:10px;
clear:both;
text-align:left;
width:505px;
}

#news ul {	
	margin-top:0px;
	margin-left:5px;	
}

#news table th {
width:70px;
padding-right:4px;
text-align:left;
vertical-align:top;
color:#000;
font-weight:normal;
font-size:11px;
}

#news td, #news th {
padding-bottom:6px;
}




/* Accessibility */
.skip {font-size: 0pt; text-decoration:none; top: -100px; position: absolute; color: #FFFFFF;}
.skip a, .skip a:active, .skip a:hover, .skip a:link, .skip a:visited {font-size: 0pt; text-decoration:none; color:#FFFFFF; top: -100px; position: absolute;}

/*user functions */


#userfunctions {
/* float:right; */
}

#userfunctions a{
text-decoration:none;
}

#userfunctions p {
font-size:11px;
margin:0pt;
padding:0pt;
text-align:right;
}

#userfunctions p a {
font-size:11px;
}

#userfunctions img {
margin:0;
}

#level2 #right {
background-color:#F0F1E3;
width:150px;
}
#search_nav {
background-color:#F0F1E3;
height:3em;
margin:0pt 0pt 0pt 218px;
padding:3px 0pt;
}
#search_nav .breadcrumb {
float:left;
margin-left:15px;
width:300px;
}
p.breadcrumb {
color:#2B5681;
font-size:10px !important;
margin-top:5px;
}
#search_nav form {
float:right;
margin-top:5px;
width:170px;
}
#search_nav input {
border:1px solid #333333;
color:#315994;
font-size:13px;
font-weight:bold;
height:16px;
padding:0px;
width:120px;
}
#search_nav button {
background-color:#F0F1E3;
}
#search_nav table, .searchBox {
border:0px none;
margin:0px;
padding:0px;
}
#search_nav td {
padding-left:3px;
padding-top:0px;
vertical-align:top;
}
.searchBox td.searchInput {
width:115px;
}
#search_nav label {
height:0pt;
overflow:hidden;
position:absolute;
width:0pt;
}

#main_content {
clear:none;
float:right;
margin:0pt 0pt 10px;
width:520px;
}
#main_content h1 {
color:#2B5681;
font-size:18px;
margin-top:20px;
}
#main_content h2 {
color:#2B5681;
font-size:15px;
margin-top:5px;
}
#main_content p {
color:#000000;
padding-bottom:3px;
padding-right:75px;
}
#main_content td p {
padding-right:0px;
}

#main_content ul {
padding-left:20px;
}
#main_content ul li {
padding-left:5px;
}

#main_content img {
margin: 0 8px 0 0;
}

#main_content_translate {
margin:5px 0pt 2px 25px;
padding-bottom:150px;
width:695px;
}
#main_content_translate p {
color:#000000;
padding-bottom:3px;
padding-left:80px;
padding-right:70px;
}
#main_content_translate h1 {
color:#295584;
font-family:Verdana,Arial,Helvetica,sans-serif;
padding-left:80px;
padding-top:25px;
}
#main_content_translate img {
float:left;
padding-bottom:10px;
padding-right:10px;
}
#main_content_translate p.footer {
clear:both;
margin:6px auto;
padding:5px 0pt 20px;
text-align:center;
width:100%;
}
#main_content_translate p.footer a {
color:#2B5681;
}
.photo {
display:block;
float:left;
padding-left:10px;
width:510px;
}
.photo img {
padding-right:10px;
}
.inheadline {
color:#2B5681;
font-weight:bold;
}
.printFooter {
float:right;
margin-right:7px;
width:510px;
}
.dataentry, #results {
clear:both;
margin:10px 20px 10px 0pt;
padding:10px;
width:500px;
}
html > body #dataentry {
margin:0pt 0pt 10px;
}
html > body #results {
margin:0pt 0pt 10px;
}
.dataentry caption {
background-color:#E2E1C3;
border-bottom-style:solid;
border-bottom-width:5px;
font-family:Verdana;
font-size:90%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0pt;
padding:3px 0px;
text-align:center;
}
html > body .dataentry caption {
margin:10px 0pt 0pt;
}
.dataentry td, .dataentry th {
font-size:80%;
padding:8px 10px;
}
.dataentry .labelsWide, .dataentry .labels {
background-color:#F3F3E7;
font-weight:bold;
text-align:left;
}
.dataentry .fields, .dataentry .total {
width:328px;
}
.total {
font-weight:bold;
}
.errorMessage {
color:#FF3300;
}
#buttons {
margin:10px 20px;
padding:0pt;
text-align:right;
}
#results th {
font-family:Verdana;
font-size:90%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0pt;
padding:1px 6px;
}
#results td {
border-top-style:solid;
border-top-width:13px;
font-family:Verdana;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt;
padding:1px;
text-align:center;
}
#print {
background-color:#FFFFFF;
}
#print #container {
border:medium none;
margin:0px;
width:7in;
}
#print #main_content {
width:7in;
}
.printButtons {
padding-right:20px;
text-align:right;
}
.skip {
color:white;
font-size:0pt;
position:absolute;
text-decoration:none;
top:-100px;
}
a.skip:link, a.skip:active, a.skip:visited, a.skip:hover {
color:#FFFFFF;
position:absolute;
top:-100px;
}
table.survey {
border:0px none;
width:760px;
}
.survey td {
margin:0px;
padding:0px;
vertical-align:top;
}
table.attachedFiles {
border:0px none;
margin:0px;
padding:0px;
width:400px;
}
table.attachedFiles td a, table.attachedFiles td {
font-size:11px;
}
table.calendar {
border:1px solid #E1E1C3;
margin:0px;
padding:0px;
width:350px;
}
table.calendar td {
border:1px solid #CCCCCC;
font-size:11px;
margin:0px;
padding:0px;
vertical-align:top;
}
td.day {
background-color:#F1F1E3;
color:#000000;
font-size:12px;
margin:0px;
padding:0px;
text-align:center;
vertical-align:top;
}
table.calendar td a, table.photoCalendar td a {
font-size:12px;
}
form.zipCode {
background-color:#E2E1C3;
margin-top:0px;
padding:3px 0px;
text-align:center;
width:500px;
}
#userfunctions {
}
#userfunctions a {
text-decoration:none;
}
#userfunctions p {
font-size:11px;
margin:0pt;
padding:0pt;
text-align:right;
}
#emailform {
margin:0pt;
}
#emailform h3 {
margin:0pt;
}
p.url {
color:#295584;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:0pt 0pt 0pt 10px;
}
#emailform td, #emailform th {
padding:0pt;
}
#emailform th {
color:#295584;
font-family:Verdana;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
width:125px;
}
#emailform input, #emailform textarea {
border:1px solid #999999;
font-family:Verdana;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:1px;
width:230px;
}
#emailform #sendcopy {
border:0pt none;
margin:0pt;

width:14px;
}
#emailform #buttons input, input.submit {
border:0pt none !important;
padding:0pt;
vertical-align:bottom !important;
width:50px !important;
}
input {
font-size:10px;
}
.padding {
margin:0pt 0pt 20px 10px;
}
.padding .printButtons {
padding:400px 0pt 20px;
}
#recaptcha {
margin:0pt 0pt 10px 10px;
}







/* Flyout Navigation */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.leftnavFlyout {
z-index:1000;
float:left;
}

/* remove all the bullets, borders and padding from the default list styling */
.leftnavFlyout ul {
	border-right: #85A3B2 1px solid;
	border-top: #85A3B2 1px solid;
	border-bottom: #85A3B2 0px solid;
	border-left: #85A3B2 12px solid;
	padding: 0;
	margin:0;
	width: 205px;
	list-style-type: none;
	z-index:1000;
}

/* position relative so that you can position the sub levels */
.leftnavFlyout li {
position:relative;
}

/* get rid of the table */
.leftnavFlyout table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; }

/* style the links */
.leftnavFlyout a, .leftnavFlyout a:visited {
PADDING: 6px 11px 6px 8px; 
FONT-SIZE: 11px; 
line-height:12px;
MARGIN: 0px; 
TEXT-DECORATION: none;	
display:block; 
text-decoration:none;
color:#000;
background-color:#fff;
BORDER-BOTTOM: #85a3b2 1px solid; 
}

/* menus with child links have an arrow */
.leftnavFlyout .sub > a {
background: #fff url('/CommonFiles/images/arrow.gif') no-repeat center right;
}

/* menus without child links have no arrow */
.leftnavFlyout .selected a, .leftnavFlyout .selected a:hover {
background-color: #D7DFCA;
background-image:none;
}

.leftnavFlyout .selected ul a, .leftnavFlyout .selected ul a:hover {
background-color:#fff;
}

.leftnavFlyout ul a, .leftnavFlyout ul a:visited{
width:186px;	
}

.leftnavFlyout ul ul, .leftnavFlyout ul ul ul, .leftnavFlyout ul ul ul ul {
width:169px;
}

.leftnavFlyout ul ul a, .leftnavFlyout ul ul a:visited, .leftnavFlyout ul ul ul a, .leftnavFlyout ul ul ul a:visited, .leftnavFlyout ul ul ul ul a, .leftnavFlyout ul ul ul ul a:visited {
width:150px;
}

.leftnavFlyout :hover > a {
color:#000; 
background-color:#D7DFCA;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.leftnavFlyout ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:205px; 
}

.leftnavFlyout .selected ul {
top:0px;
}

.leftnavFlyout ul ul ul, .leftnavFlyout ul ul ul ul {
left:169px;
}

/* Move the flyout menus up for lower menu items 

.leftnavFlyout .nav4 ul {top:-102px;}    .leftnavFlyout .nav4 ul ul { top:-1px;}
.leftnavFlyout .nav5 ul {top:-55px;} 	.leftnavFlyout .nav5 ul ul { top:-1px;}
.leftnavFlyout .nav6 ul {top:-151px;} 	.leftnavFlyout .nav6 ul ul { top:-1px;}
.leftnavFlyout .nav7 ul {top:-56px;}		.leftnavFlyout .nav7 ul ul { top:-1px;}
.leftnavFlyout .nav8 ul {top:-201px;}	.leftnavFlyout .nav8 ul ul { top:-1px;}
.leftnavFlyout .nav9 ul {top:-226px;}	.leftnavFlyout .nav9 ul ul { top:-1px;}
*/

/* make the second level visible when hover on first level list OR link */
.leftnavFlyout ul li:hover ul,
.leftnavFlyout ul a:hover ul {
visibility:visible;
}


/* keep the third level hidden when you hover on first level list OR link */
.leftnavFlyout ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.leftnavFlyout ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.leftnavFlyout ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.leftnavFlyout ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* Selected Menus */

/* style selected menus */
.leftnavFlyout ul .selected ul {
width:195px;
left:10px;
border: 0px solid white;
BORDER-BOTTOM: #85a3b2 1px solid; 
background-color:#fff;
margin-left:-10px;
padding-left:10px;
top:0;
}

.leftnavFlyout ul .selected ul ul {
left:0;
BORDER-BOTTOM: #fff 0px solid;
padding-left:20px;
width:185px;
}

.leftnavFlyout ul .selected ul ul ul {
left:0;
BORDER-BOTTOM: #fff 0px solid;
padding-left:20px;
width:175px;
}

.selected > a {
font-weight:bold;
}


.selected a{
background-color:#D7DFCA;
BORDER-BOTTOM: #85a3b2 1px solid; 
}

.selected ul a:visited {
border-bottom:none;
}

.selected ul a {
border-bottom:0px solid white;
color: #2B5681;
background-color:#fff;

}

.selected ul a:hover {
text-decoration:underline !important;
color:#85A3B2;
background-color:#fff;
}

.leftnavFlyout .selected :hover > a {
color:#2B5681; 
background-color:#fff;
}

/* Selected Menu Visibility */

/* show second level */
.leftnavFlyout ul .selected ul {
visibility:visible !important;
position:relative;
}

/* keep the third level hidden when on second level*/
.leftnavFlyout ul .selected ul ul{
visibility:hidden !important;
position:absolute;
}

/* show third level when selected */
.leftnavFlyout ul .selected ul .selected ul {
visibility:visible !important;
position:relative;
}

/* keep the fourth level hidden when on third level*/
.leftnavFlyout ul .selected ul .selected ul ul{
visibility:hidden !important;
position:absolute;
}

/* show the fourth level when third level is selected*/
.leftnavFlyout ul .selected ul .selected ul .selected ul{
visibility:visible !important;
position:relative;
}

