﻿

/* These styles create the dropdown menus. */
.text_1 {
	top: 5px;
	right: 0px;
	margin: 0;
	padding: 7px 10px;
	font: 12px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#ffffff;
	background-color:#004080;
	}
.text_2 {
	top: 5px;
	right: 0px;
	margin: 0;
	padding: 7px 10px;
	font: 12px Arial, Helvetica, sans-serif; text-align: justify;
	color:#2f2f2f;
	
	}


.bluebg {
	background-image: url('../images/spacerblue.gif');
	background-repeat: repeat-y;
	}


.textleft {
	top: 5px;
	right: 0px;
	margin: 0;
	padding: 3px 5px;
	line-height:25px;
	font-family: myriad, verdana;
	font-weight:bold;
	color:#515151;
	}
	
#textleft {
	top: 5px;
	right: 0px;
	margin: 0;
	padding: 3px 5px;
	line-height:25px;
	font-family: myriad, verdana;
	font-weight:bold;
	color:#515151;
	}
	

.hand {  cursor:pointer; }

#nav, #nav ul { /* all lists */
	padding: 10px;
	float: right;
	top: 15px;
	margin: 10px;
	line-height:10px;
	list-style: none;
	color:#ffffff;
	font: 10px Arial, Helvetica, sans-serif;
}

#nav a {
	display: block;
	background: url('../images/')repeat-x top left;
	list-style-type:decimal;
	padding: 0px 8px;
	color:#ffffff;
	font-weight: bold;
	
}

#nav a:hover{
	color: #004080;
	background-color:#ffffff;
	}


#nav li { /* all list items */
	float: left;
	color: #004080; 
	
	/* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	 display:block;
	 padding-top:10px;
	top:30px;
	position: absolute;
	background: #004080;
	color:#004080;
	width:145px;
	left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul:hover  { /* second-level lists */
	display:block;
	padding-top:10px;
	top:30px;
	position: absolute;
	background: #004080;
	color:#004080;
	

	width:145px;
	left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#dot  { /* second-level lists */
	
	color:#ffffff;
	
  padding-left:20px;
	width:150px;
	left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}




#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left		:auto;
	color		:#004080;
	padding-top :0px;
}

#nav li li a:hover {
	color: #004080; 
	list-style:circle;
	}

#content {
	clear: left;
	color: #ccc;
}