/*Nav bar styles*/

ul.nav,
.nav ul{
margin: 0;
padding: 0;
cursor: default;
list-style-type: none;
}

ul.nav{
width:215px;
float: left;
margin-right: 1em;
text-align:left;
}

ul.nav li{
margin: 0;
padding: 3px 6px;
background:url(../images/lft-nav.jpg) repeat-x;
border-collapse:collapse;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#D6E6F8;
font-weight:bold;
height:22px;
border:1px solid #aac2dc;
border-top:none;
}

ul.nav li ul{
display: none;
position: absolute;
max-width: 40ex;
left: 20ex;
margin-top: -1.4em;
margin-left: 120px;
}

ul.nav li:hover>ul{
display : block;
}

.nav ul li a{
display: block;
padding: 2px 10px;
}

/*Menu styles*/

ul.nav,
.nav ul,
.nav ul li a{
background-color: #fff;
color: #D6E6F8;
}

ul.nav li:hover,
.nav ul li a:hover{
	background:url(../images/lft-nav-on.jpg) repeat-x;
	border:1px solid #7caabb;
	border-top:none;
	border-collapse:collapse;
}

ul.nav li:active,
.nav ul li a:active{
background-color: #036;
color: #D6E6F8;
}

/*ul{
border: 1px solid #369;
}*/

.nav a{
text-decoration: none;
color:white;
}