@charset "utf-8";

/* CSS Document */



#nav, #nav ul

{
	background-color:#000066;
	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: #000066;
	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;}