/* CSS Document */


/**************** menu coding *****************/
#mainmenu {
width: 100%;
float: left;
}

#mainmenu ul {
list-style: none;
text-align:center;
margin: 0;
padding: 0;
width:96px;
float: left;
position:relative;
z-index:500;
}

#mainmenu ul.wide {
list-style: none;
text-align:center;
margin: 0;
padding: 0;
width:170px;
float: left;
position:relative;
z-index:500;
}


#mainmenu a, #mainmenu h2 {
font: bold 12px/16px serif, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
position:relative;
z-index:500;
}

#mainmenu .root {
color: #FFF;
background: transparent;
text-transform: uppercase;
position:relative;
z-index:500;
}

#mainmenu .root:hover  {
color: #FFF;
background: #7f9d9b;
text-transform: uppercase;

}

#mainmenu a {
color: #FFF;
background: #7f9d9b;
text-decoration: none;
filter:Shadow(color=#000000,strength=1);height:16px;

}

#mainmenu a:hover {
color: #FFF;
background: #00786a;
filter:Shadow(color=#000000,strength=1);height:16px;
}

#mainmenu li {position: relative;
	list-style-image:none;

}

#mainmenu ul ul {
text-align:left;
width:10em;
border:#000 1px solid;
position: absolute;
left:0;
top:20px;
z-index: 500;
}

#mainmenu ul ul li{
border-bottom:#000 1px solid;
}



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

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

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