/**************** menu coding *****************/ 

#topNav{

	height:32px;
	width:722px;
	float:left;
	background-image:url(../Images/navBackground.png);
	clear:both;
	

}

#topNavWP{

	height:32px;
	width:960px;
	float:left;
	background-image:url(../Images/navBackground.png);
	clear:both;
	

}


#navMenu {
	
	width: 722px;
	
	float: left;
	
	padding-top: 7px;
	
	margin-bottom:10px;
	
	z-index:5;
	
	background-image:url(../Images/navBackground.png) background-repeat:repeat-x;


}



#navMenu ul {

	list-style: none;
	
	margin: 0px;
	
	padding: 0px;
	
	width: 7.5em;
	
	float: left;
	
	z-index:5;
	
	padding-left:7px;
	text-align:center;

}




#navMenu a

{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

display: block;

margin-top:0px;

padding: 0px 1px;

text-decoration: none;

color: #000000;

}



.navMenuText {

color:#000000;


}



.navMenuText a {

color:#000000;


}



.navMenuText a:hover {

color:#000000;

font-weight:bold;

}



#navMenu a:hover {

color:#FFFFFF;

}



#navMenu li {

position: relative;



}



#navMenu ul ul {

position: relative;

bottom:0px;

z-index: 6;

padding-left:0px;

margin-top:10px;

background:#b8b8b8;

}



#navMenu ul ul a:hover {

background:#000000;

}



#navMenu ul ul ul {

position: absolute;

top:0px;

left: 100%;

}



#navMenu ul li {

float: left; width: 100%; z-index:2;

}



div#navMenu ul ul,

div#navMenu ul li:hover ul ul,

div#navMenu ul ul

li:hover ul ul

{display: none;}



div#navMenu ul li:hover ul,

div#navMenu ul ul

li:hover ul,

div#navMenu ul ul ul li:hover ul

{display:block;

}