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



/* Begin CSS Popout Menu */

#menu 				{float:left;  font-size: 12px; width: 876px;}

#menu a, #menu h2	{color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; 
					 display:block; margin:0; padding:2px 2px 2px 7px; text-transform: none;
					}

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

#menu a				{ text-decoration:none;}

#menu a:hover{
	font-family: arial, helvetica, sans-serif;
	display:block;
	margin:0;	
	padding:2px 2px 2px 7px;
	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: #000000;	
	background-color:#F6E194
}

#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: #000000; display:block; margin:0;  border-right-color: #000000; 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:#FAC25F; color:#000000;}
.bb:hover 							{background-color:#FAC25F; color:#000000;}



/* End CSS Popout Menu */
#menuname1							{ width:45px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menuname1 li:hover ul li a, 
#menuname1 li a:hover ul li a {
width:45px;
}
#menuname1:hover {background-color:#FAC25F;}


#menuname2							{width:70px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menuname2:hover {background-color:#FAC25F;}
#menuname2 li:hover ul li a, 
#menuname2 li a:hover ul li a {
width:70px; 
}


#menuname3							{width:80px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menu3Content						{ background-color:#FFF;  width:150px; border: 1px solid #000000;}
#menu3Content a.x:hover				{ background-color:#FFF;}
#submenu3Content					{ background-color:#FFF; border-left: 1px solid #000000;}
#menuname3 li:hover ul li a, 
#menuname3 li a:hover ul li a {
width:140px;
}
#menuname3:hover {background-color:#FAC25F;}


#menuname4							{width:80px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menuname4 li:hover ul li a, 
#menuname4 li a:hover ul li a {
width:100px;
}
#menuname4:hover {background-color:#FAC25F;}

#menuname5							{width:120px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menu5Content						{ background-color:#FFF;  width:250px; border: 1px solid #000000;}
#menu5Content a.x:hover				{ background-color:#FFF;}
#menuname5 li:hover ul li a, 
#menuname5 li a:hover ul li a {width:240px;}
#menuname5:hover {background-color:#FAC25F;}


#menuname6							{width:45px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menu6Content						{ background-color:#FFF;  width:160px; border: 1px solid #000000;}
#menu6Content a.x:hover				{ background-color:#FFF;}
#menuname6 li:hover ul li a, 
#menuname6 li a:hover ul li a {width:150px;}
#menuname6:hover {background-color:#FAC25F;}

#menuname7							{width:60px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menu7Content						{ background-color:#FFF;  width:200px; border: 1px solid #000000;}
#menu7Content a.x:hover				{ background-color:#FFF;}
#menuname7 li:hover ul li a, 
#menuname7 li a:hover ul li a {width:190px;}
#menuname7:hover {background-color:#FAC25F;}

#menuname8							{width:106px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menuname8 li:hover ul li a, 
#menuname8 li a:hover ul li a {
width:100px;
}
#menuname8:hover {background-color:#FAC25F;}

#menuname9							{width:75px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menuname9 li:hover ul li a, 
#menuname9 li a:hover ul li a {
width:75px;
}
#menuname9:hover {background-color:#FAC25F;}

#menuname10							{width:70px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menuname10 li:hover ul li a, 
#menuname10 li a:hover ul li a {
width:70px;
}
#menuname10:hover {background-color:#FAC25F;}

#menuname11							{width:83px; background-color:#F6E194; border-width: 1px; border-style: solid; border-color: #000000;}
#menuname11 li:hover ul li a, 
#menuname11 li a:hover ul li a {
width:100px;
}
#menuname11:hover {background-color:#FAC25F;}