/* NAVIGATION BAR



--------------------------------------------------------------------*/







#header #mainnav {



	position: relative; /* important */
	
	width:865px;
	





}



#tabs {



	list-style: none;



	height: 46px;


	



	position: relative;



	margin: 0;



}



#tabs li {



	float: left;



	position: relative;





	margin: 0;
	



	padding: 0px;







	display: block;



}







#tabs li a {



	display: block;



	padding: 0;



	margin: 0;



	line-height: 46px;



	font-size: 12px;



	color: black;



	position: relative;



	text-indent: -5000px;



	background-position: 50%;



	background-repeat: no-repeat;



	width:100%;



}



#tabs > li > a { height: 46px; }



#tabs > li > ul > li > a{ height: 25px; }







li#last-nav-tab { border-right: none !important;} /* take off the right most border */







#tabs li:hover, #tabs li.sfhover {



	color: #993300;



	background-color: #fff;



}



#tabs li.selected {







} /* defines background of on tab */






#tabs li #tab_home {



	background-image:url(images/index_menu_home.gif);



	width:97px;



	/* 36 */



}


#tabs li #tab_profile{



	background-image: url(images/index_menu_profile.gif);



	width:102px;



	/* 50 */



}

















#tabs li #tab_partyactivities{



	background-image: url(images/index_menu_party.gif);



	width:157px;



	/* 83 */



}













#tabs li #tab_publicservice {



	background-image: url(images/index_menu_public_service.gif);



	width:145px;



	/* 41 */



}











#tabs li #tab_vision {



	background-image: url(images/index_menu_vision.gif);



	width:198px;





}













#tabs li #tab_peopleforum {



	background-image: url(images/index_menu_people.gif);



	width:126px;



	/* 33 */



}











#tabs li:hover #tab_states, #tabs li.sfhover #tab_states {



	background-image: url(images/roll3.gif);



}







#tabs li #tab_donate {



	background-image: url(imagesv/roll3.gif);



	border-right: none;



	width:117px



	/* 79 */



}



#tabs li:hover #tab_donate, #tabs li.sfhover #tab_donate {



	background-image: url(images/roll3.gif);



}







 /* NAVIGATION DROP DOWNS



--------------------------------------------------------------------*/







#tabs li ul {



	list-style: none;



	position: absolute;



	top: 44px;



	left: -2px;



	margin: 0;



	padding: 0;



	background-color: transparent;



	border:1px solid #cecece;



	width: 200px;



	display: none;

	

	font-family:Verdana, Arial, Helvetica, sans-serif;

	



}







#tabs li > ul {



	left: -2px;



	top: auto;



	} /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */











#tabs li ul li {



	color:#666666;



	border:none;



	position: relative;



	text-align:left;



	background-image:url(images/roll1.gif); 
	
	/*background-repeat:no-repeat;

*/


	background-color:Transparent;



	display: block;



	height: 25px;



	padding: 0;



	margin: 0;



	width:200px;



}



/*drop-dowm menu*/



#tabs li ul li a 

{
    
	padding: 0;



	padding-left:0px;



	margin: 0px 0;



	color: #666;



	height: 25px;



	width: 200px;



	text-indent: 0px;



	line-height: 25px;



	text-decoration: none;



	font-size: 11px;



	display: block;



	background-color: transparent;



	border: 0;



	color:#000000;



}







#tabs li.sfhover ul li a:hover, #tabs li ul li a:hover {



	color: #c71719; 



}







	



#tabs li ul li:hover { background-color: Transparent; }











#tabs li.sfhover ul li.bottom_item.sfhover



{



	background-image: url(images/roll2.gif);	



}







#tabs li:hover ul li.bottom_item:hover {







	background-image: url(images/roll2.gif);



}



#tabs li ul li.bottom_item, #tabs li.sfhover ul li.bottom_item {



	background-image: url(images/roll1.gif);



	height: 38px;



	}



	



#tabs li:hover ul li:hover, #tabs li.sfhover ul li.sfhover  {



	background-image: url(images/roll2.gif);



	}





#tabs li.sfhover ul li.bottom_item_33.sfhover



{



	background-image: url(images/roll2.gif);	



}







#tabs li:hover ul li.bottom_item_33:hover {







	background-image: url(images/roll2.gif);



}







#tabs li ul li.bottom_item_33, #tabs li.sfhover ul li.bottom_item_33 {



	background-image: url(images/roll1.gif);



	height: 33px;



	}







#tabs li.sfhover ul li.bottom_item_42.sfhover



{



	background-image: url(images/roll2.gif);	



}







#tabs li:hover ul li.bottom_item_42:hover {







	background-image: url(images/roll2.gif);



}







#tabs li ul li.bottom_item_42, #tabs li.sfhover ul li.bottom_item_42 {



	background-image: url(images/roll1.gif);



	height: 42px;



	}











#tabs li:hover ul,



#tabs li.sfhover ul { 



	display: block;



	} /* lists nested under hovered list items -- Javascript will display this for IE*/











#tabs li div {



	position: absolute;



	top: 34px;



	left: -2px;



	margin: 0;



	padding: 0;



	background-color: transparent;



	border: none;



	width: 314px;



	display: none;



}







#tabs li:hover div, #tabs li.sfhover div



{



	display:block !important;



}