/* colors:
#018ce5; blue 
#00b4f0; almost turqoise
#00aff0; turquoise  
#c1e5f2; light blue 
#e5f4f9; very light blue 
#e3e6ea; off white-blue  
*/
#menu {
width: 180px;
background: #e5f4f9; /* light blue */
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu h2 {
color: #00aff0; /* turquoise */
text-transform: uppercase;
background: #008dc2; 
}
#menu h2,
#menu ul ul span {
display: block;
font: bold 16px/24px arial, helvetica, sans-serif;
margin: 0;
padding: 1px 2px;
border-width: 1px;
border-style: solid;
border-color: #e5f4f9 #018ce5 #018ce5 #00b4f0;
}
#menu ul li.firstItem,
#menu ul ul span.firstItem {
border-top: 1px solid #018ce5;
}
#menu h2 a {
color: #fff;
/* background: #008dc2; */
background: url("../images/backbg.png") repeat-y left;
}
#menu a {
color: #fff;
/* background: #e5f4f9; */
background: url("../images/backbg.png") repeat-y left;
text-decoration: none;
display: block;
}
#menu a:hover {
color: #e5f4f9;
/* background: #00b4f0;  off white-blue  */
background: url("../images/menufade-oC.png") repeat-y left;
}
#menu ul ul {
position: absolute;
top: 0;
left: 0;
left: 100%;
width: 100%;
display: none;
}
#menu li {position: relative;}
div#menu ul li:hover ul 
{display: block;}
#menu ul li {
	float: left; 
	width: 100%;
	z-index: 99;
}
#menu ul li a {height: 1%;}