@charset "utf-8";
/* CSS Document */

body {

font-family: TrebuchetMS;
}

a.boxpopup3{
	position:relative;
	z-index:24;
	color:#666666;
	text-decoration:none;
	border-bottom-style: none;
	font-size: 12px;
	font-weight: bold;
	font-family: TrebuchetMS, Arial, Helvetica, sans-serif;
	width: 300px;
}
a.boxpopup3:hover{
	z-index:25;
	color: #FF9900;
	font-family: TrebuchetMS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}



a.boxpopup3 span{display: none}


a.boxpopup3:hover span{ /*DISPLAYS ONLY ON HOVER*/
	display:block;
	position:absolute;
	top:20px; /* position of the box from the text */
	left:0;
	width:250px;
	padding:8px;
	color:#FFFFFF;
	text-align:left;
	background-color: #666666;
	font-size: 12px;
	font-weight: normal;
	font-family:  TrebuchetMS, Arial, Helvetica, sans-serif;
}



.nav2{
	height: 185px;
	width: 300px;
	float: left;
	margin-top: 8px;
	margin-right: 2px;
	margin-left: 6px;
	clear: none;
	
	
}

.nav2 ul{ /*unordered list*/
	margin: 0px;
	font-family: TrebuchetMS, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color: #333333;
	white-space: nowrap;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 3px;
}

.nav2 ul li{ /*list item*/
	list-style-type: none;
	padding-left: 6px;
	
	
}

.nav2 ul li a{ /*defines an anchor*/
	text-decoration: none;
	color: #E4E4E4;
}

.nav2 ul li a:hover, #nav ul li a:focus{ /*hover properties and focus (as in focus from keyboard (tab) press) properties..*/
	color: #000000;
}