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

#menu {
margin: 18px 0 0 40px;
width: 100%;
/*background: #eee;
*/float: left;

}


#menu .white {
background: none;
color: white;
width: 15px;
}

	
	



#menu ul {

list-style: none;
margin: 0;
padding: 0;
width: 90px;
float: left;
background: #fefeea;

}

#menu li {
position: relative;
}

#menu h2 {
font: "Trebuchet MS", Verdana, Monaco, Skia;
color: black;
text-transform:uppercase;
display: block;
margin: 0;
padding: 2px 3px;
background: #ff3;
font-size: 10px;
font-weight: bold;
}

/** + html #menu h2 {
font-size: 14px;
}
*/
#menu h2 a {
color: black;
text-decoration: none;
}


#menu ul ul {
position: absolute;
color: #963;
border-top: #F00 19px solid;
border-bottom: #f00 5px solid;
width: 135px;
}

* + html #menu ul ul {
left: 0;
}



#menu ul ul a {
color: #000;
text-decoration: none;
text-transform: capitalize;
font: 11px "Trebuchet MS", Verdana, Monaco, Skia;
color: black;
display: block;
/*border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
*/margin: 0;
padding: 2px 3px;

}

#menu ul ul a:hover {
color: #a00;
background: #ffc;
}



#menu ul ul li {
border-right: #dec287 1px solid;
border-left: #dec287 1px solid;
text-align: left;
border-bottom: #ebebe4 1px solid;


}

* + html #menu ul ul li{
width: 133px;
}


/*Code for third level drop-down - I didn't think it looked good.


#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	border-top: none;
	border-bottom: none;
}

#menu ul ul ul a {
	background: #ffc;
}

li.level3 {
background: url(../images/template/menuArrow.gif) no-repeat 0% 50%;
padding-left: 15px;
text-transform: lowercase;

}
*/



/*Make pop-outs Work*/

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