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

/************************/
/* 1 tier dropdown menu */
/************************/
#nav, #nav ul
{
	padding:0;
	margin:0;
	list-style:none;
	line-height:1; /* need to add this to 3 tier drop down menus for lining up properly */
}
#nav a
{
	display:block;
	width:94px;
	text-decoration:none;
	color:#FFFFFF;
}
#nav li
{
	float:left;
	width:94px; /*Needed or Opera will make it wobbly*/
	padding:0px;
}
#nav li ul
{
	position:absolute;
	width:94px;
	border-left-color:#666666;
	border-left-style:solid;
	border-left-width:thin;
	border-right-color:#999999;
	border-right-style:solid;
	border-right-width:thin;
	border-bottom-color:#999999;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-top-color:#999999;
	border-top-style:dotted;
	border-top-width:thin;
	padding:3px;
	margin-left:10px;
	left:-999em; /*hides the dropdown menus without impeading screen readers for the handicap*/
	background-color:#000000;
	color:#FFFFFF;
	opacity: 0.9; /* For Firefox gt 1.5, Opera, and Safari */
	-khtml-opacity:0.9; /* Safari 1.x */
	-moz-opacity:0.9; /* Gecko based browsers Firefox, Netscape, and Camino. Older versions only */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* For IE8 */
	filter:alpha(opacity=90); /* For IE 5-7 */
	/* If you want opacity to work in all IE versions, the order should be like above */
}
#nav ul li
{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:0px;
	letter-spacing:1px;
	font-size:90%;
}
#nav ul li ul li:hover
{
	background-color:#0099FF;
}
#nav li:hover ul /*:hover pseudo class is not supported in internet explorer 7 and earlier (8?) so you have to use JavaScript*/
{
	left:auto; /*when hovered brings the submenus back to view*/
}
#nav li.sfhover ul /*applies to the javascript used to fix internet explorer 7 and earlier (8?) bug that does not recognize :hover pseudo */
{
	left:auto;
}
/*******************************************/
/* needed if your dropdown has 2 tiers */
/*******************************************/
#nav li ul ul
{
	margin: -1em 0 0 10em;
	/* -1em is used to position 3rd tier properly for clicking also line-height:1 has to be added above along with this to work */
}
#nav li:hover ul ul, #nav li.sfhover ul ul /* needed to make 3rd tier disappear (screen readers can read this) */
{
	left:-999em;
}
#nav li li:hover ul, #nav li.sfhover ul, #nav li li.sjhover ul /*when hovered brings the submenus back to view.*/
{
	left:auto;
}
/***************************************/
/* needed if your dropdown has 3 tiers */
/***************************************/
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul
{
	left: -999em;
}

#nav li li li:hover ul, #nav li li li.sfhover ul
{
	left: auto;
}
/***************************************/
/* needed if your dropdown has 4 tiers */
/***************************************/
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul
{
	left: -999em;
}

#nav li li li li:hover ul, #nav li li li li.sfhover ul
{
	left: auto;
}
/***************/
/* content div */
/***************/
#content
{
	clear:left; /* clear needed after float so content does not show up to the right of the navigation */
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}