@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: black; background: white;
	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: center; 		/* this centers the container in IE 5* browsers. The text is then set 
								   to the left aligned default in the #container selector */
}

body h1 	{ font:Arial, Helvetica, sans-serif normal large }
body h2 	{ font:Arial, Helvetica, sans-serif normal smaller }


.h2custom {
	font-size: 120%;
	font-weight: bold;
	font: Arial, Helvetica, sans-serif;
	/* font-style: italic; */
	border-bottom: 1px solid gray;
	color: brown;
	margin-top: 15px;
	margin-bottom: 5px;
}


.newsHeading {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	margin-top: 0px;
	margin-bottom: 0px;
}

.newsText {
	font-size: 90%;
	font: Arial, Helvetica, sans-serif;
	color: black;
	margin-top: 2px;
	margin-bottom: 15px;
}

/* ------------------------------------------------------------------------------------------------
/		POSITION INFO FOR HEADER DIV AREAS
/  ------------------------------------------------------------------------------------------------ */

#gblTopNav   	{position: absolute; left:0px;    top:0px;   width:770px;  height:14px; }
#bannerLogo  	{position: absolute; left:0px;    top:15px;  width:105px ; height:80px; }
#bannerLogo1  	{position: absolute; left:10px;   top:20px;  }
#bannerLogo2  	{position: absolute; left:10px;   top:45px; }
#bannerPhoto 	{position: absolute; left:105px;  top:15px;  width:665px; height:80px; }
#date           {position: absolute; left:0px;    top:95px;  width:766px; height:17px; }
#welcome		{position: absolute; left:560px;  top:95px;  width:200px; height:17px; }
#logInOut       {position: absolute; left:560px;  top:95px;  width:200px; height:17px; }


.thrColFixHdr #container 	{width: 770px; } /* using 20px less than a full 800px width allows for browser
					 						    chrome and avoids a horizontal scroll bar */

/* Changed height of header from 114 to 97 to remove the gap caused by the blank date area */
.thrColFixHdr #header 	 	{position:relative; float: left; width: 770px; height: 95px; }

.thrColFixHdr #loginBox 	{width: 300px; }
				 		/* since this element is floated, a width must be given */
				 		/* the actual width of this div, in standards-compliant browsers, 
						   or standards mode in Internet Explorer will include the padding 
						   and border in addition to the width */
						   
.thrColFixHdr #leftSidebar 	{float: left; width: 105px; }
				 		/* since this element is floated, a width must be given */
				 		/* the actual width of this div, in standards-compliant browsers, 
						   or standards mode in Internet Explorer will include the padding 
						   and border in addition to the width */


.thrColFixHdr #rightSidebar {float: right; width: 200px; }
	 					/* since this element is floated, a width must be given */
			 			/* the actual width of this div, in standards-compliant browsers, 
							   or standards mode in Internet Explorer will include the padding 
							   and border in addition to the width */
							   
.thrColFixHdr #footer { position:relative; } 




/* ------------------------------------------------------------------------------------------------
/		CHARACTERISTICS OF DIV AREAS  (FONT, COLOR, BORDERS, ETC.)
/  ------------------------------------------------------------------------------------------------ */
#gblTopNav         {font-size:10px; color:#CCC; background:#4e6b7c; text-align:right;}
#gblTopNav a       {text-decoration:none;color:#FFF;font-size:10px;}
#gblTopNav a:hover {color:#C30;}
#gblTopNav skipnav {text-decoration:none;color:#4e6b7c;font-size:10px;}

#bannerLogo  	   {background:#2E73B6;	padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#bannerPhoto	   {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-left:1px solid #000000;}

#date		   {text-decoration:none; color:black; background: white; font-size:10px; 
				padding:0px 0px 0px 4px; margin:2px 0px 0px 0px; border-bottom:1px solid #000000;}
						
#welcome   {text-decoration:none; color:black; background: white; 
			font-family:verdana; font-size:12px; 
			padding:0px 0px 0px 4px; margin:2px 0px 0px 0px; border-bottom:1px solid #000000;		}

#logInOut  {text-decoration:none; color:black; background: white; 
			font-family:verdana; font-size:12px; 
			padding:0px 0px 0px 4px; margin:2px 0px 0px 0px; border-bottom:1px solid #000000;		}


#leftTopNav 		{width:105px; color:blue; background-image: url('images/quadwhiteline.gif');  }
#leftTopNav div		{text-align:left;}
#leftTopNav p 		{border-top: 1px solid #cc6666;border-bottom : 1px solid #660000;margin:0;
					 font-family:tahoma,verdana,sans-serif;font-size:12px;text-align:right;}
#leftTopNav a 		{color: #2E73B6; display: block; font-weight:bold; font-size:10px; font-family:arial;
					 text-align:center; text-decoration:none; margin: 0; }

/* Quad Background - White / Red / White	*/
	
.thrColFixHdr #leftTopNav .white  		{background: #2E73B6 url('../images/quadwhiteline.gif'); 
							 font-weight:bold; font-size:11px; }
.thrColFixHdr #leftTopNav .white a 		{background: #2E73B6 url('../images/quadwhiteline.gif'); 
							 font-weight:bold; font-size:11px; }
.thrColFixHdr #leftTopNav .white a:hover 	{color: white; background: #2E73B6; display:block; 
							 font-weight:bold; font-size:11px; }


/* Quad Background - Red / White / Red		*/

.thrColFixHdr #leftTopNav .red  			{background: #2E73B6 url('../images/quadredline.gif'); 
							 font-weight:bold; font-size:11px; }
.thrColFixHdr #leftTopNav .red a 			{background: #2E73B6 url('../images/quadredline.gif'); 
							 font-weight:bold; font-size:11px; }
.thrColFixHdr #leftTopNav .red a:hover 	{color: white; background: #2E73B6; display:block; 
							 font-weight:bold; font-size:11px; }


.thrColFixHdr #leftSidebar h3 	{padding:0px 0px 0px 0px; margin:0; color:#081c59; font-size:12px; font-weight:bold;}
.thrColFixHdr #leftSidebar p  	{padding:0px 0px 0px 0px; display:block; font-size:11px; background-color:#DDDDDD; margin:2px 0px 3px 0px; color:#000000; font-style:italic;}
.thrColFixHdr #leftSidebar .box   {padding:0px 0px 0px 0px; display:block; font-size:11px; background-color:#DDDDDD;}

.thrColFixHdr #leftSidebar .cidbluedivider 	      {height:15px; margin-top:0px; padding: 0px 0px 0px 0px; text-decoration:none; display:block; color:white; text-align:center; background-color:#2E73B6;  font-size:10px; font-weight:bold; font-family:arial}
.thrColFixHdr #leftSidebar .cidbluedivider a	      {height:15px; margin-top:0px; padding: 0px 0px 0px 0px; text-decoration:none; display:block; color:white; background-color:#2E73B6; text-align:center;  font-size:10px; font-weight:bold; font-family:arial}
.thrColFixHdr #leftSidebar .cidbluedivider a:hover  {height:15px; margin-top:0px; padding: 0px 0px 0px 0px; text-decoration:none; display:block; color:white; background-color:#081c59; text-align:center;  font-size:10px; font-weight:bold; font-family:arial}





.thrColFixHdr #container {
	background: white;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.thrColFixHdr #leftSidebar {
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	border-right:1px solid black;
	padding: 0px 0px 0px 0px; /* padding keeps the content of the div away from the edges */
	/* remember that PADDING is the space inside  the div box     order:  top  right  bottom  left  
	             and MARGIN  is the space outside the div box 
	*/
}

.thrColFixHdr #rightSidebar {
						   
	background: white; 		/* the background color will be displayed for the length of the 
							   content in the column, but no further */
	/* border-left:1px solid black;  */
	margin: 0px 0px 0px 4px;
	padding: 2px 0px 0px 4px; 	/* padding keeps the content of the div away from the edges */
	/* remember that PADDING is the space inside  the div box     
		 order:  top  right  bottom  left  
	             and MARGIN  is the space outside the div box 
	*/
	}

.thrColFixHdr #rightSidebar greybox2 a        { color:#081c59;  font-size:9px; font-weight:bold }
.thrColFixHdr #rightSidebar greybox2 a:hover  { color:#990000; }
.thrColFixHdr #rightSidebar h1  a   		{ font-size: 12px; }
.thrColFixHdr #rightSidebar h1  a:hover   	{ font-size: 12px; }


.thrColFixHdr #loginBox {
	text-align: left; font-family:tahoma, sans-serif; font-size:12px; 
						   
	background: white; 		/* the background color will be displayed for the length of the 
							   content in the column, but no further */
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px; 	/* padding keeps the content of the div away from the edges */
	/* remember that PADDING is the space inside  the div box     order:  top  right  bottom  left  
	             and MARGIN  is the space outside the div box 
	*/
	}
	
.thrColFixHdr #loginBox h1   {text-decoration:none; text-align:left;  
							  font-size:14px; font-weight:bold; font-family:arial}
				
.thrColFixHdr #loginBox h2   {text-decoration:none; text-align:left;  
							  font-size:10px; font-weight:bold; font-family:arial}
				
.thrColFixHdr #loginBox .greyBox       
	{width:250px; 
	 text-align:left; font-size:10px; background:#EEEEEE;
	 padding:5px 0px 0px 0px; /* margin:0px 0px 0px 0px; */ 
	 border:1px solid #000000;
	   
}               




.thrColFixHdr #mainContent {
	background: white; 
	text-align: left; font-family:tahoma, sans-serif; font-size:14px; 
	margin: 0px 0px 0px 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 10px 10px 10px 10px; /* remember that padding is the space inside the div box 
	                     and margin is the space outside the div box 
						 order:  top  right  bottom  left  */
}

#mainContent a:link 		{ color:#081c59; border-bottom: 1px solid; text-decoration: none; }
#mainContent a:visited 		{ color:#081c59; border-bottom: 1px solid; text-decoration: none; }
#mainContent a:active 		{ color:#081c59; border-bottom: 1px solid; text-decoration: none; }
#mainContent a:hover 		{
	color: #95022c;
	border-bottom: 1px dotted;
	text-decoration: none;
}


.indexLoginBox  { 
			padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; 
			background: #dddddd;
			/*
			border-left:1px solid #000000;	
			border-bottom:1px solid #000000; */	
}


.thrColFixHdr #mainContent h1 { font-family:Arial, Helvetica, sans-serif; }					 
.thrColFixHdr #mainContent h2 { font-family:Arial, Helvetica, sans-serif; }					 
.thrColFixHdr #mainContent h3 { font-family:Arial, Helvetica, sans-serif; }


.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#EFEFEF;
	text-align:center; font-family:tahoma, sans-serif; font-size:10px; color:#444; 
	margin:0px 0px 0px 0px;
} 

.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

table td 		{ font-size:12px; }

table#maint 	{ font-size:14px; }
table#maint td  { font-size:14px; }

.data 		{ font-size:14pt }
.prompt 	{ font-size:12pt }

.font70 { font-size: 70%; }
.font80 { font-size: 80%; }
.font90 { font-size: 90%; }

.8px  { font-size:8px; }
.9px  { font-size:9px; }
.10px { font-size:10px; }
.12px { font-size:12px; }
.14px { font-size:14px; }
.16px { font-size:16px; }

.text8pt  { font-size:8pt; }
.text9pt  { font-size:9pt; }
.text10pt { font-size:10pt; }
.text12pt { font-size:12pt; }

.crumb	{ font-size:8pt; font-family:verdana;}
.crumb7	{ font-size:7pt; font-family:verdana;}
/*														*/
/* class = bluedivider     for use anywhere				*/
/*														*/

/* 
.bluedivider   {padding: 0px 0px 0px 0px; margin:4px 4px 0px 4px; 

				color:white; background-color:white; display:block; 
				font-size:12px; font-weight:bold; font-family:arial
				}
				*/

.bluedivider   {padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;
				text-decoration:none;  text-align:center; color:white; background-color:#081c59;
				font-size:12px; font-weight:bold; font-family:arial}
	

.reddivider   {padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;
				text-decoration:none;  text-align:center; color:white; background-color:#990000;
				font-size:12px; font-weight:bold; font-family:arial}
	
.reddivider2   {padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;
				text-decoration:none;  text-align:center; color:white; background-color:#990000;
				font-size:12px; font-weight:bold; font-family:arial;
				border: 1px solid black;
}


.loginHeader   {padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;
				text-decoration:none;  text-align:center; color:white; background-color:#081c59;
				font-size:12px; font-weight:bold; font-family:arial}
	
.progressYellowBox  {width:158px; text-align:center; background:#FFFF00 padding:0px 0px 0px 0px; border:1px solid #000000;}				
.progressGreenBox {width:158px; text-align:center; background:#99FF33; padding:0px 0px 0px 0px; border:1px solid #000000;}
.progressGreyBox  {width:158px; text-align:center; background:#CCCCCC; padding:0px 0px 0px 0px; border:1px solid #000000;}


.greybox2      {
				text-align:left; 
				background: #EFEFEF;
				padding:2px 0px 6px 6px; 
				margin:0px 0px 4px 0px;  
				border:none; 
				display:block; 
				font-size:60%;  
}               

.hdr   {text-decoration:none; color:#081C59; text-align:center;  
		font-size:140%; font-weight:bold; font-family:arial
}

/*
.greybox2 h2   {text-decoration:none; color:#081C59; text-align:center;  
				font-size:100%; font-weight:bold; font-family:arial
}

.greybox2 h3   {text-decoration:none; color:#081C59; text-align:center;  
				font-size:90%; font-weight:bold; font-family:arial
}

.greybox2 h4   {text-decoration:none; color:#081C59; text-align:center;  
				font-size:80%; font-weight:bold; font-family:arial
}
*/
				
.greybox2 a:link 		{ color:#081c59; border-bottom: 1px dotted; text-decoration: none; }
.greybox2 a:visited 	{ color:#081c59; border-bottom: 1px dotted; text-decoration: none; }
.greybox2 a:active 	{ color:#081c59; border-bottom: 1px dotted; text-decoration: none; }
.greybox2 a:hover 	{
	color: #95022c;
	border-bottom: 1px dotted;
	text-decoration: none;
}


.whitebox      {
				text-align:left; 
				padding:2px 0px 6px 6px; 
				margin:0px 0px 4px 0px;  
				border:none; 
				display:block; 
				font-size:60%;  
}               
				
.whitebox a:link 		{ color:#081c59; border-bottom: 1px dotted; text-decoration: none; }
.whitebox a:visited 	{ color:#081c59; border-bottom: 1px dotted; text-decoration: none; }
.whitebox a:active 		{ color:#081c59; border-bottom: 1px dotted; text-decoration: none; }
.whitebox a:hover 		{
	color: #95022c;
	border-bottom: 1px dotted;
	text-decoration: none;
}


.redbox { 
	position: relative; width:240px;
	text-align:center; background: #EFEFEF;
	padding: 5px; margin: 4px;  
	display:block; font-size: 90%; 
	border-style: solid ; 
	border-color: red; 
	border-width: 2px;  
}   
				

.redbox2      {text-align:left; background: #EFEFEF;
				padding:2px 0px 6px 6px; margin:0px 0px 4px 0px;  
				border:none; display:block; font-size:9px;  
				}               

.redbox2 p    {padding:2px 0px 6px 0px; margin:0px 4px 0px 4px; 
				border:none; display:block; font-size:9px; color:#000000;   
				}

.redbox2 h3   {text-decoration:none; color:#081C59; text-align:left;  
				font-size:10px; font-weight:bold; font-family:arial
				}

.redbox2 h4   {text-decoration:none; color:#081C59; text-align:left;  
				font-size:9px; font-weight:bold; font-family:arial
				}
				
.redbox2 a       { color:#081c59;  font-size: 100%}
.redbox2 a:hover { color:#990000;  }

.question 	{color: black;  font-size: 90%; font-weight:bold}
.section 	{color: blue;  font-size: 100%; font-weight:bold}

table.poll {
	border-width: 1px;
	border-spacing: ;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.poll th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}
table.poll td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}

#mainContent .imglink a 	{ border: 0; text-decoration: none; }