@charset "utf-8";
/* CSS Document */

#nav, #nav ul
{
	background-color:#fff;
	color:#000066;
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.2em;
	font-weight: bold;
}
#nav li a
{
    background-color:#000066;
    display:block;
    padding:10px;
}
/*Sets the main background color*/
#nav li
{
    background-color:#000060;
    color:#FFF;
    float:left;
    padding:0 1px 0 0;
}
#nav li a:link, #nav li a:visited
{
    background-color:#000066;
    color:#fff;
    display:block;
    padding:10px; 
	text-decoration:none;  
}
/*Set the color when you hover on the menu*/
#nav li a:hover
{
    background-color:#CCCCFF;
    color:#000;
}
#menu {
width: 100%;
background: #eee;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}
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;}