/* At-Rules */
@charset "windows-1252";
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">

/* =-=-=-=-=-=-=-[masthead navigation]-=-=-=-=-=-=-=- */

#topnav {
  float: left;
  width: 98.999%;
}

#topnav, #topnav ul { 
	padding: 0;
    margin-top: 0;
    margin-left:0.99%;
	list-style: none;
	line-height: 1;
	height: 21px;
	font-family: Verdana, Arial, Geneva, sans-serif;
	background-color: #cc99ff;
	color: #ffffff;
	font-weight: bold; text-decoration: none;
	clear: left;
}
	
#topnav a {
	display: block;
	width: 5em;
	color: #000;
	text-decoration: none;
	line-height: 21px;
}

#topnav li { 
	float: left;
	width: 21.5em; /* width needed or else Opera goes nuts */
	white-space: nowrap;
	padding-left: 2px;
    list-style: none;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
	border-right: 1px solid #fff;
	background-color: #cc99ff;
}

/* second-level lists */
#topnav li ul { 
	position: absolute;
	border-right: 0;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#topnav li ul ul { 
	background-image: url(../images/arrow.gif);
	margin: -1em 0 0 10em;
}

#topnav li:hover {
	background-image: url(../images/arrow.gif);
	background-color: #ac86ab;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em; 
	background-image: url(../images/arrow.gif);
	background-color: #ac86ab;
}

/* lists nested under hovered list items */
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { 
	left: auto;
	background-image: url(../images/arrow.gif);
	background-color: #ac86ab;
}

/*********** left bar navigation ***********/

#leftnav, #leftnav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 16em;
	display: block; 
	text-align: left; 
	height: 150px;
	font-weight: bold; 
	line-height: 20px;  
}
	
#leftnav li { 
	position : relative;
	float : left;
	margin-bottom : -1px;
	width: 15em;
	line-height: 20px; 
	background: #cc0000;
  	height: 19px;
	text-decoration: none;
}

/* second-level lists */
#leftnav li ul { 
	position : absolute;
	left: -999em;
	margin-left : 15.05em;
	margin-top : -1.35em;
	line-height: 20px; 
}

/* third-and-above-level lists */
#leftnav li ul ul { 
	left: -999em;
}
	
#leftnav li a {
	width: 15em;
	w\idth : 14em;
	display : block;
	color : #fff;
	font-weight : bold;
	text-decoration : none;
	background-color : #cc0000;
	padding : 0 0.5em;
}
	
#leftnav li a:hover {
	color : #000;
	background-color : #fff;
	background-image: url(../images/arrow.gif);
}
	
#leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul, #leftnav li.sfhover ul ul ul {
	left: -999em;
}

/* lists nested under hovered list items */
#leftnav li:hover ul, #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li.sfhover ul, #leftnav li li.sfhover ul, #leftnav li li li.sfhover ul { 
	left: auto;
}

#leftnav a:after { content: " [" attr(accesskey) "] ";
visibility: hidden; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#topnav li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #topnav li {border-bottom: none;}