.menuHeader { width:100%; background:#FFFFFF;  height:0px; position: relative;}
.logo { position:absolute; top:0px; left:0px;}

/* ----- TOP NAVIGATION ----- */
.topNav { font-size:90%; height:35px; background:url(../img/menu/topNavBg.gif) top left repeat-x; margin:4px 0;}
.topNav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}
.topNav li { 
	float:left;
	position:relative;
	z-index:100;
	background:url(../img/menu/topNavDivider.gif) 0px 0px no-repeat;
	}
	
.topNav a { display:block; text-align:center; float:left; padding:10px 17px 7px 16px; width:120px; color:#FFFFFF; text-decoration:none;background: #306C11;}
.topNav a:hover { background:url(../img/menu/topNavBgHover.gif) top left repeat-x;}
.topNav .active { background:url(../img/menu/topNavBgHover.gif) top left repeat-x;}


.parent   {
	display: block;
	float:left;
	padding:10px 17px 7px 16px;
	width: 120px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	background: #306C11 none repeat scroll 0%;
}
.parent:hover  {
	background:url(../img/menu/topNavBgHover.gif) top left repeat-x;
}


/* hide the sub level links */
.topNav ul ul {
visibility:hidden;
position:absolute;

}
/* make the sub level visible on hover list or link */
.topNav ul li:hover ul,
.topNav ul a:hover ul{
visibility:visible;
height: 0;
top:32px;
}

/* hide the sub level links */
.topNav ul ul {
visibility:hidden;
position:absolute;

}
/* make the sub level visible on hover list or link */
.topNav ul li:hover ul,
.topNav ul a:hover ul{
visibility:visible;
height:0;
top:30px;left:-12px;
}