/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */



/* Begin CSS Popout Menu */

#menu 				{float:left;  font-size: 11px; width: 660px; margin-left: 20px;}

#menu a, #menu h2	{color: #FFF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; 
					 display:block; margin:0; padding:5px; text-transform: none;
					}

#menu h2			{ color:#fff;display: block}

#menu a				{ text-decoration:none;}

#menu a:hover{
	font-family: arial, helvetica, sans-serif;
	display:block;
	margin:0;	
	padding:5px;
	text-transform: none;
	

}



#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;

}

#menu li{
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
}

#menu ul ul{
position:absolute;
z-index:500;
list-style:none;
top:auto;
display:none;
}

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

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{color: #FFF; display:block; margin:0;  border-right-color: #FFFFFF; text-transform: none;	}
					
.h2a { padding:0px; font-weight:bold;}

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

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

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

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{ background: url(../img/expand3.gif) no-repeat right;}
#menu a.b, #menu a.b:visited{ background: url(../img/expand3.gif) no-repeat right;}

/* On Hover Background Colours */
y:hover, a.y:hover 					{background-color:#457352; color:#FFF;}
.bb:hover 							{background-color:#457352; color:#FFF;}



/* End CSS Popout Menu */
#menuname1							{ width:120px; background-color:#36914F; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF;}
#menu1Content						{ list-style:none; background-color:#8DC09B; width:200px; border-top: 1px solid #FFFFFF;}
#menu1Content a.x:hover				{ background-color:#457352;}
#submenu1Content					{ width: 200px; background-color:#8DC09B; border-left: 1px solid #FFFFFF;}
#menuname1 li:hover ul li a, 
#menuname1 li a:hover ul li a {
width:190px;
}


#menuname2							{width:120px; background-color:#36914F; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF;}
#menu2Content						{ background-color:#8DC09B;  width:183px; border-top: 1px solid #FFFFFF;}
#menu2Content a.x:hover				{ background-color:#457352;}
#submenu2Content					{ width: 200px; background-color:#8DC09B; border-left: 1px solid #FFFFFF;}
#menuname2 li:hover ul li a, 
#menuname2 li a:hover ul li a {
width:173px;
}
#menu2Content li:hover ul li a, 
#menu2Content li a:hover ul li a {
width:190px;
}


#menuname3							{width:120px; background-color:#36914F; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF;}
#menu3Content						{ background-color:#8DC09B;  width:170px; border-top: 1px solid #FFFFFF;}
#menu3Content a.x:hover				{ background-color:#457352;}
#submenu3Content					{ background-color:#8DC09B; border-left: 1px solid #FFFFFF;}
#menuname3 li:hover ul li a, 
#menuname3 li a:hover ul li a {
width:160px;
}


#menuname4							{width:120px; background-color:#36914F; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF;}
#menu4Content						{ background-color:#8DC09B; width:170px; border-top: 1px solid #FFFFFF;}
#menu4Content a.x:hover				{ background-color:#457352;}
#submenu4Content					{ background-color:#8DC09B; border-left: 1px solid #FFFFFF;}
#menuname4 li:hover ul li a, 
#menuname4 li a:hover ul li a {
width:160px;
}

#menuname5							{width:160px; background-color:#36914F; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF;}
#menu5Content						{ background-color:#8DC09B; width:126px; border-top: 1px solid #FFFFFF;}
#menu5Content a.x:hover				{ background-color:#457352;}
#submenu5Content					{ background-color:#8DC09B; border-left: 1px solid #FFFFFF;}
#menuname5 li:hover ul li a, 
#menuname5 li a:hover ul li a {
width:116px;
}


#menuname6							{width:82px; background-color:#36914F; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; }
#menu6Content						{ background-color:#8DC09B; width:126px; border-top: 1px solid #FFFFFF;}
#menu6Content a.x:hover				{ background-color:#457352;}
#submenu6Content					{ background-color:#8DC09B; border-left: 1px solid #FFFFFF;}
#menuname6 li:hover ul li a, 
#menuname6 li a:hover ul li a {
width:116px;
}

#menuname7							{width:120px; background-color:#36914F; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; }
#menu7Content						{ background-color:#8DC09B; width:126px; border-top: 1px solid #FFFFFF;}
#menu7Content a.x:hover				{ background-color:#457352;}
#submenu7Content					{ background-color:#8DC09B; border-left: 1px solid #FFFFFF;}
#menuname7 li:hover ul li a, 
#menuname7 li a:hover ul li a {
width:116px;
}