/* CSS Document */

#mainNav {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-image: url(/images/background_navmenus.gif); 
font-family: "Lucida Sans", Verdana, sans-serif; line-height: 14px; }

ul 
{ /* applies to all ULs */
padding: 0; list-style: none;
margin-left:0px;
margin-top:0px;
}


li ul { 
/* second-level lists */
display: none;
position: absolute;
margin-left:-1px;

/* this prevents the nested UL from stretching out to the left of the parent LI and defines the width of the nested UL */

top: 22px;
left: 0px;
margin-top: 4px;
width:160px;
border-right: 1px #8bc2ca solid; 
border-left: 1px #8bc2ca solid; 
border-bottom: 1px #8bc2ca solid; 
}


li 
{ float: left; 
position: relative; 
color: #ffffff; 
padding-right:22px;
padding-top: 4px;
padding-bottom:3px;
border-left: 1px #8bbec5 solid;
border-top: 1px #8bbec5 solid;
border-bottom: 1px #8bbec5 solid;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px; 
}


.topmenu
{
padding-left: 10px;
font-weight: bold; 
font-size: 12px;
}



#nav li:hover
/*this affects all LIs*/
{ background-color: #8bc2ca; }

li:hover
/*this affects all LIs*/
{background-color: #8bc2ca;}



 li ul li 
{
width:146px;
font-size: 11px;
line-height: 13px; 
text-align: left;
padding-left: 10px;
padding-bottom: 7px;
padding-top: 7px;
padding-right: 4px;
border-top: 1px #ffffff dotted;
border-bottom: none;
border-left: none;
border-right: none; 
background-color: #63a2ab;
margin: 0px; 
}


#nav a 
{ color: #ffffff; text-decoration: none;
font-weight: normal}


li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block; }