﻿body {
}
#menu
{
    /*background: #eee;*/
   /* background: url(images/menu-bg.gif) repeat;*/
    height: 28px;
    width: 216px;
}
 
#menu ul {
list-style: none;
margin: 0;
padding: 0;

}
 
#menu a, #menu h2 {
font: 18px Andalus,Times New Roman, Arial,  Tahoma, Geneva, Helvetica;
display: block;
margin: 0;
}
 
/*menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}*/
 #menu li a { 
	background:url(images/menu-bg.gif) no-repeat; 
font: 18px Andalus, Times New Roman, Arial,  Tahoma, Geneva, Helvetica;
	color:#057783; 
	margin-bottom:0px;
	display:block;
	padding: 3px 0 3px 25px;
	border: 1px solid #CDDCDF;
    height: 19px;
}
#menu a {
color:#096C83; margin:0; text-decoration:none 
}
 
#menu a:hover
{
    background: #18646F url(images/menu-hover-bg.gif) no-repeat;
    color: #fff;
    text-decoration: none;
    border: 1px solid #18646F;
    color: #FFFFFF;
    text-decoration: underline;
}
 
#menu li {position: relative;}
 

div#menu ul li:hover ul,
div#menu ul ul li:hover li
{display: block;
}



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;}

div#menu ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
