/* 
	CSS Header ishool
	Logo, menu and sub menu includes
	
	design: arif.laksito
	Feb 21, 2010

 */

#ischool-header-box {
	width:100%;
	height:81px;
	background:url(../ischool.img/bg.header.ischool.jpg) repeat-x;
	}
	
#ischool-header-center {
	width:1000px;
	text-align:left;
	}	
	
#ischool-header-center img {
	float:left;
	padding-right:10px;
	}	

#ischool-header-center-left{
	float:left;
	width:920px;
}

#ischool-header-center-right{
	float:right;
	width:75px;
}

#header-menu { 
	padding-top:50px;
	margin-right:5px;
}
	
#header-menu li {
	display:inline;
	/*padding-left:5px;
	padding-right:5px;*/
	margin:5px 2px 5px 2px;
	
	}	

#header-menu li a {
	color:#ccc;
	font-size:12px;	
	font-weight:bold;
	padding:7px 5px 7px 5px;
	}
	
#header-menu li:hover a{
	background-color:#acd73d;
	color:#acd73d;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}	
	
	
	
	
#header-menu li a:hover	{
	color:#4e8f8b;		
}

#header-top {
	float:right;
	width:188px; 
	padding:5px 7px;
	border-left:#fac03e solid 2px;
	border-right:#fac03e solid 2px;
	border-bottom:#fac03e solid 1px;
	text-align:center;
	background:#fcec6d;
	
	}
	
#header-top li {
	display:inline;
	list-style:none;
	color:#4e8f8b
	}	
	
#header-top li a{
	color:#4e8f8b;
	}	
	
#header-top li a:hover {
	text-decoration:underline
	}	
	
#ischool-visitor-counter{
	margin-top:5px;
	width:205px;
	float:right;
	background-color:#FFFFFF;	
	height:30px;
	background:url(../ischool.img/ischool.mobile.png) repeat-x;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	font-size:14px;	
	color:#FFFFFF;
	
}

#ischool-visitor-counter .counterit li{
	list-style:none;
	padding-top:5px;
	padding-left:50px;	
	text-align:center;
}

#ischool-header-orange {	
	width:100%;
	height:3px;
	background:url(../ischool.img/bg.list.orange.jpg) repeat-x;
	}
	
#ischool-header-green {
	width:100%;
	height:4px;
	background:url(../ischool.img/bg.list.green.jpg) repeat-x;
	}