/*
** menuh.css 
** CSS - horizontal menu with drop down
** Source: http://sperling.com/examples/menuh/
** Author: Steve TANGUE
** Date: 14.01.09
*/


#menuh {
	width: 610px;
	float:left;
	position: relative;
	z-index: 1;
	height: 31px;
	line-height: normal;
	text-align: left;
	margin-top: 35px;
}

#menuh a {
	width: auto; height: 11px;
	font-size: 0.75em;
	color: #fff;	
	text-align: center;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	padding: 10px;
	margin:0 1px 0 0;
	position:relative;
	text-align: left;
}
	
#menuh a:hover {
	text-decoration: underline;
	background-repeat: repeat-x;
	color: #fff;
}	

#menuh ul {
	list-style:none;
	width: auto;
	margin:0;
	padding:0;
	float:left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

#menuh li {
	position:relative;
    min-height: 1px; 	/* for IE7 */
    vertical-align: bottom; /* for IE7 */
	height: 31px;
	
}

#menuh ul ul {
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	
}

#menuh ul ul ul {
	top:0;
	left:100%;
}

div#menuh li:hover {
	cursor:pointer;
	z-index:100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block; }



ul#menu, ul#menu1, ul#menu2, ul#menu3, ul#menu4, ul#menu5, ul#menu6, ul#menu7 {
 	width: auto;
}


#menuh ul img {
	margin-top: -2px;
	margin-left: 5px;
	margin-right: 30px;
	float: left;
}
/* main tab color */
#menuh a#home {
	width: 39px;
	background-color:#471B5E;
	background-image:url(../img/menu_bg_home.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

#menuh a#aboutus {
	width: 55px;
	background-color:#E3066D;
	background-image:url(../img/menu_bg_about_us.jpg);
	background-repeat:no-repeat;
	text-align:center;
}
#menuh a#ourearlylearning {
	width: 104px;
	background-color:#026EB0;
	background-image:url(../img/menu_bg_our_early_learning.jpg);
	background-repeat:no-repeat;
	text-align:center;
}
* html #menuh a#ourearlylearning {
	width: 100px;
	padding-right: 7px;
}
#menuh a#ourcarers {
	width: 64px;
	background-color:#31B71E;
	background-image:url(../img/menu_bg_our_carers.jpg);
	background-repeat:no-repeat;
	text-align:center;
}
#menuh a#ourcentres {
	width: 70px;
	background-color:#F98800;
	background-image:url(../img/menu_bg_our_centres.jpg);
	background-repeat:no-repeat;
	text-align:center;
}
* html #menuh a#ourcentres {
	width: 65px;
	padding-right: 10px;
}

#menuh a#announcements {
	width: 92px;
	background-color:#0A5687;
	background-image:url(../img/menu_bg_announcements.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

#menuh a#chat {
	width: 37px;
	background-color:#D6A000;
	background-image:url(../img/menu_bg_chat.jpg);
	background-repeat:no-repeat;
	text-align:center;
}

ul#menu1 li ul li, ul#menu2 li ul li, ul#menu3 li ul li, ul#menu4 li ul li, ul#menu5 li ul li, ul#menu6 li ul li, ul#menu7 li ul li{
	width: 185px;
}

ul#menu1 li ul li a{
	background-color:#471B5E;
}
ul#menu2 li ul li a{
	background-color:#E3066D;
}
ul#menu3 li ul li a{
	background-color:#026EB0;
}
ul#menu4 li ul li a{
	background-color:#31B71E;
}
ul#menu5 li ul li a{
	background-color:#F98800;
}
ul#menu6 li ul li a{
	background-color:#0A5687;
}
ul#menu7 li ul li a{
	background-color:#D6A000;
}