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





#navi{height:38px; background:url(../images/navi.jpg) top no-repeat;}
#navi ul{ list-style:none;}
#navi ul li{ float:left; display:inline}
#navi a{ width:100px; height:30px; display:block; text-align:center; padding-top:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFF00; font-weight:bold; text-decoration:none;}
#navi a:hover{ color:#FF0000}
#navi a.active{color:#FF0000;}



/*----------------- Sliding menu effect  --------------------*/

#miniflex {
	width: 100%;
	float: left;
	/*font-size: 20px;  could be specified at a higher level */
	margin: 0;
	/*padding: 0 10px 0 10px;*/
	position:relative;
	z-index:2;
}


#miniflex li {
	float: left;
	margin: 0;
	padding-right: 0px;
	list-style: none;
	position:relative;
}

#miniflex a:link, #miniflex a:visited {
	line-height:20px;
	text-decoration:none;
	font-family:verdana, Arial, Helvetica, sans-serif;
	/*border:#999999 solid 1px;*/
	float:left;
	display:block;
	font-size:11px;
	font-weight:700;
	color:#ACACAC;
	margin:0;
	height:25px;
}


#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	color:#3583B4;
}
  
#animated-tab {
	position: absolute;
	z-index: 1;
	display:block;
	height:30px;
	border-bottom:2px solid #3583B4;
}

/*----------------- Sliding effect ends  --------------------*