/*
	Dark Blue = rgb(27,89,120)
	Light Blue = #8bb2d3
*/

.menu {width: 110px;height:.75em; padding: 2px;}

.menu a {
	display: block;	
	border: solid rgb(27,89,120) 1px;
	white-space: nowrap; 
	margin: 0; 
	padding: 1px 0px 1px 3px;
	text-decoration: none; 
	background-color: #8bb2d3; 
	vertical-align: middle;
	width: 99%;
	line-height: 1.5em;
	color: Black;
}

.menu a:hover, .menu a:active, .menu a:visited 
{
	border: solid rgb(27,89,120) 1px;
	color: black;
}

.menu ul {list-style: none;margin: 0;padding: 0; width: 220px; float:left; border-collapse: collapse}
.menu li {position: relative; top: auto; display: block; width: 100%; margin: 0; padding: 0; float: left;}

.menu ul ul {position: absolute; z-index: 500; top: auto; display: none;}
.menu ul ul ul {top: 2px; left: 217px;}

.menu ul a {color: #000000;}
.menu ul a:hover {background-color: rgb(27,89,120)}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */
.menu li:hover {cursor: pointer; z-index: 100;}
.menu li:hover ul ul, .menu li li:hover ul ul, .menu li li li:hover ul ul, .menu li li li li:hover ul ul {display: none;}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul {display: block;}
/* End of non-anchor hover selectors */

/* Styling for Expand */
/*.menu a.x, .menu a.x:visited {color: #000;background: #8bb2d3}*/

.menu a.x:hover {color: black;}
/*.menu a.x:active {color: red;background: #ccc;}*/

ul.firstLevel {width: 110px; top: -5px;}
ul.firstLevel li {width: 99%}
a.firstLevel {font-weight: normal; color: white; background-color: rgb(27,89,120);width: 99%;}
a.firstLevel:hover {color: #8bb2d3}

a.subLevel:hover {color: Black}