/* CSS for Drop down menu */
#menu2 {
	width: 642px;float:right;
	margin-left:0px;
	font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;
	border: 0; background-color:#5e438f;
}

#navbox, #navbox ul {
	 float: left;
	width: 642px; list-style:none;
	text-align: left; 
	padding: 0;
	margin: 0 0 0 0;  line-height:25px; 
	}

/*First level text width*/
#navbox a { display:block;
	width: 213px;
	color: #fff;
	text-decoration: none; font-family:Georgia, "Times New Roman", Times, serif;
text-align:center; text-indent:0px; font-size:18px;
		
}


.navboxhead {
	width: 213px;
	color: #000;
	text-align:left;
}

	
#navbox li {/*controls top level text widths and Line Height  - USe text indent, not margin, otherwised hover bar will not go all way to the right */
	
	float:left; margin-left: 0px; text-indent:0px;
	width: 213px;
	line-height:34px;
	
	 border-bottom: 1px solid #000; font-size:16px;
}


/*First level dropdown - controls appearance and position on page */
#navbox li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 213px;
	border: 1px solid #000; color:#fff; 
	line-height:35px; margin-top:-5px; margin-left:-1px; 
}



#navbox li li {
	width:213px;/*controls hover width --  "#navbox li ul a width" + margin = this width.  IE does not care, but Netscape and Firefox do.  =200 +10 =210*/
} 

#navbox li ul a {/*Drop Downs font width */
	
	width: 213px;
	text-align:left; text-indent:10px; font-size:13px; color:#FFFFFF; visibility:visible; font-size:12px; font-family: "Trebuchet MS" ,Verdana, Arial, Helvetica, sans-sarif;
}

#navbox li ul ul {/*Controls positioning of 3rd level */

	margin-top: -2px; margin-left: 30px; margin-right:0; margin-bottom:0;
	/* use negative px for margin-top to raise 3rd level up to 2nd level, else it displays below 2nd level and is hard to navigate.  Use margin-left to slightly overlap 2nd level i.e.  the margin-left of this should be 5px less than the width of #nav li ul a  for positioning in most browsers*/
}



#navbox li:hover ul ul, #navbox li:hover ul ul ul, #navbox li.sfhover2 ul ul, #navbox li.sfhover2 ul ul ul {
	left: -950em;
}

#navbox li:hover ul, #navbox li li:hover ul, #navbox li li li:hover ul, #navbox li.sfhover2 ul, #navbox li li.sfhover2 ul, #navbox li li li.sfhover2 ul {
	left: auto;
}

/*Set hover colors. Add class to menu div  DOn use the name "hover" for the class name.   Purple wiht Black text */
#navbox .dropbox li:hover, #navbox .dropbox li.sfhover {
	background-color:#9c89c0; color:#000000;
}


/*Set background colors for drop downs.  Add class to each ul in dropdowns  --Lt purple with white text (Font color does not work)*/
#navbox .dropdown2 {background-color:#5e438f; color:#FFF; font-size:13px; text-align:left; text-indent:10px; font-weight:bold; }

#content {
	clear: left;
}