



 /* 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(images1/index_menu_home.gif);



	width:97px;



	/* 36 */



}


#tabs li #tab_profile{



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



	width:102px;



	/* 50 */



}

















#tabs li #tab_partyactivities{



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



	width:157px;



	/* 83 */



}













#tabs li #tab_publicservice {



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



	width:145px;



	/* 41 */



}











#tabs li #tab_vision {



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



	width:188px;





}













#tabs li #tab_peopleforum {



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



	width:136px;



	/* 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:VANAVIL-Avvaiyar;
	font-size:14px;

}



#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-color:Transparent;

	display: block;

	height: 25px;

	padding: 0;

	margin: 0;

	width: 200px;

}

/*drop-dowm menu*/

#tabs li ul li a 

{

	padding: 0;

	padding-left:40px;

	margin: 0px 0;

	color: #666;

	height: 25px;

	width: 200px;
	

	text-indent: 0px;
    padding-left:20px;
	line-height: 25px;

	text-decoration: none;

	font-size: 13px;

	display: block;
	font-family:VANAVIL-Avvaiyar;
    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;

}
.kural_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #e58b06;
	padding-left:10px;
}

.header_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
}



