/**************** menu coding *****************/
#menu {
width: 985px;
background: #004f12;
float: left;
border: 1px solid #000;
border-top: none;
height: 30px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 150px;
float: left;
}

#menu a, #menu h2 {
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 
{
font: arial;
font-size: 12px;
color: #FFF;
background: #004f12;
margin: 3px 0px 0px 0px;
font-weight: bold;
}

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

#menu ul ul a 
{
color: #000;
font-weight: bold;
background-image: url('../images/gradients/thinyellow.png');
background-repeat: repeat;
text-decoration: none;
}

#menu ul ul li
{
border-bottom: solid 1px #004f12;
}

#menu a:hover {
text-decoration: underline;
}

#menu li {position: relative;}

#menu ul ul 
{
position: absolute;
z-index: 200;
border: 1px solid #004f12;
}

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

#menuitems
{
margin: 0px 0px 0px 55px;
}

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;}