/**************************************/
/* formatting #menu div and level 1 ul */
/**************************************/
#menu {
float: right;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu #m1 {
width: 54px;
}
#menu #m2 {
width: 110px;
}
#menu #m3 {
width: 78px;
}
#menu #m4 {
width: 131px;
}
#menu #m5 {
width: 164px;
}
#menu #m6 {
width: 141px;
}
#menu #m7 {
width: 68px;
}

/**************************************/
/* formatting the <h2> headings and the <a> anchors */
/**************************************/

#menu a, #menu h2 {
	display: block;
	margin: 0;
	padding: 2px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}

#menu h2 {
color: #FFFFFF;
padding: 3px 7px 2px 7px;
height: 19px;
}

#menu a {
color: #FFFFFF;
text-decoration: none;
}

#menu a:hover {
color: #FDC800;
}
#menu #m2 h2 {
	margin: 0px 20px 0px 0px;
}
#menu #m3 h2 {
	background-color: #00899D;
}
#menu #m4 h2 {
	background-color: #009C7E;
}
#menu #m5 h2 {
	background-color: #249F4F;
}
#menu #m6 h2 {
	background-color: #60B038;
}
#menu #m7 h2 {
	background-color: #A7C727;
}

/**************************************/
/* Formatting the Pop-out Drops */
/**************************************/
#menu ul ul{
background-color: #00899D;
}
#menu ul ul li {
	background-color: #00899D;
	background-image:url(layout/menu_bullets.gif);
	background-position: 4px 7px;
	color:#FFFFFF;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #A7C727;
	padding: 2px 0px 2px 13px;
	background-repeat: no-repeat;
}
#nav #menu #m3 ul {
width: 170px;
}


/**************************************/
/* Positioning the Pop-out Drops */
/**************************************/

#menu li {position: relative;}

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

#menu ul ul {
position: absolute;
z-index: 500;
top: 23px;
left: 0px;
}

/**************************************/
/* Hiding and Revealing using :hover level 2 and 3*/
/**************************************/

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


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

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