/**************** 
http://www.tanfa.co.uk/

*****************/
#menu {

/*float wraps menu around redblock*/
float:left;

/*Originally in ems*/
width: 150px;

background: #62BD61; /* important for IE when height changed eg height: 36px;  hack 28jun07*/
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
background: #62BD61; /* IE ensures bg of branch menus filled */

}

#menu a, #menu h2, #menu h3 {
font: bold 11px/16px Tahoma, Arial, "Times New Roman";
display: block;
border-width: 1px;
border-style: solid;
border-color: #62BD61;
margin: 0;
padding: 2px 3px;
height: 36px;

}

#menu h2 {
	color: #fff;
	background: #000;
	text-transform: uppercase;
	background-color: #339900;
	border-width: 1px;
	border-style: solid;
	border-color: #006600;
	text-align: center;
}


#menu h3 {
	/* txt color */
	color: #FFFF99;
	/* box color */
	
	text-transform: uppercase;
	background-color: #98d66e;
	border-width: 1px;
	border-style: solid;
	border-color: #62BD61;
}

#menu a {
/* txt color */
color: #FFFFFF;
/* box color */
background: #62BD61;
height: 36px; /* hack 28jun07*/
text-decoration: none;
}

#menu a:hover {
	color: #FFFF00;
	background-image:url(images/butterfly_menu.gif);
	background-repeat: no-repeat;
	border-width: 1px;
	border-style: solid;
	border-color: #62BD61;
	background: #0000ff;
	background-color: #00FF00;
	height: 36px; /*  IE ensures bg of branch menus filled on hover */
}

#menu li {
position: relative;
height: 36px; /* hack 28jun07*/

}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;

}

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

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

body {
	margin-top: 0px;
}