/* ----------------------------------------------- */
/*                  first level nav                */
/* ----------------------------------------------- */
.navlist {	
	width:919px;
	float:left;
	position:relative;
	z-index:8000;
	}
	
#navlist, #navlist ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float:left;
	position:relative;
	z-index:8000;
}

#navlist li {
position:relative;
	float: left;
	padding: 0px;
	margin: 0px;
	display:inline;
	z-index:8000;
	background-position: left top;
}

/* ---- main items ---- */
#navlist li.home {width:78px; background: url(../images/navigation/home-btn.jpg) no-repeat; height:22px;}
#navlist li.report-index {width:169px; background: url(../images/navigation/index-btn.jpg) no-repeat; height:22px;}
#navlist li.mailing-list {width:166px; background: url(../images/navigation/email-btn.jpg) no-repeat; height:22px;}
#navlist li.survey {width:167px; background: url(../images/navigation/survey-btn.jpg) no-repeat; height:22px;}
#navlist li.archives {width:182px; background: url(../images/navigation/archives-btn.jpg) no-repeat; height:22px;}
#navlist li.next-forum {width:157px; background: url(../images/navigation/next-year-btn.jpg) no-repeat; height:22px;}

#navlist li a, #navlist li a:link, #navlist li a:visited, #navlist li a:active, #navlist li a:hover{width:100%; height:1px; padding-top:21px; float:left; overflow:hidden;}

/* ---- rollover items ---- */ 
#navlist li:hover, #navlist li .active, #navlist li .active:hover, #navlist li.sfhover{background-position: left bottom;}


/* ----------------------------------------------- */
/*                 second level nav                */
/* ----------------------------------------------- */

#navlist li .drop {
	position: absolute;
	left: -999em;
	top:22px;
	border: 1px solid #333333;
	background: url(../images/blue2.png) repeat; 
	background-position: left top;
	color:#333333;
	font-size: 11px;	
	height:auto;
	display:block;
	overflow:visible;
	z-index:8000;
	
}

#navlist li.report-index .drop, #navlist li.report-index .drop ul li{width:168px;}
#navlist li.survey .drop, #navlist li.survey .drop ul li{width:166px;}

#navlist li .drop ul {
	padding: 2px 0px;
	color:#333333;
	z-index:8000;

}

#navlist li .drop ul li{
	display:block;
	overflow:visible;
	line-height:20px;
	height:20px;
	font-size:11px;
	z-index:8000;
}


#navlist li:hover .drop, #navlist li.sfhover .drop {
	left: 0px;
}


#navlist li .drop ul li:hover, #navlist li .drop ul li.sfhover { background-color: #A2ACB6; }

#navlist li .drop ul li a, 
#navlist li .drop ul li a:link, 
#navlist li .drop ul li a:visited, 
#navlist li .drop ul li a:active,
#navlist li .drop ul li a:hover{height:20px; padding:0px 0px 0px 8px; float:left; color:#333333; display: block;}

#navlist li.report-index .drop ul li a, #navlist li.report-index .drop ul li a:link{width:160px;}
#navlist li.survey .drop ul li a, #navlist li.survey .drop ul li a:link{width:158px;}

#navlist li .drop ul li a:hover {
	display: block;
	color: #ffffff;
	text-decoration: none;
	}

	

/* ----------- Special Link Styles ------------ */
#navlist ul a.expand {
	display: block;
	background: url(../images/navbar/nav-arrow.gif) center right no-repeat;
	font-weight: bold;
}
#navlist ul a.newin, #navlist ul a.generic {
	display: block;
	padding-left: 20px;
}
#navlist ul a.newin {
	display: block;
	background: url(../images/navbar/nav-newin.gif) center left no-repeat;
}
#navlist ul a.generic {
	display: block;
	background: url(../images/nav-generic.gif) center left no-repeat;
}