/* Start of CMSMS style sheet 'nav' */
/* Navigation Styles */


/* Navigation*/
#nav 
{
float:left;
height:349px;
left:18px;
margin:0;
padding:0;
position:relative;
z-index: 1;

}


#nav h2
{
display:none;
}


#nav ul 
{
position:relative;
float:left;
padding:0px;
margin:0px;
list-style:none;
width:199px;
}


#nav li 
{
position:relative;
float:left;
display:block;
}


#nav ul li span
{
display:none;
}


#nav li ul {
display: none;
background-color: #c6c6b9;
}


/*#nav ul li ul li span
{
display:block;
margin-left: px;
}*/

#nav ul li ul li
{
display:block;
margin-left: 37px;
}


#nav a {
text-decoration: none;
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
position:relative;
float:left;
margin:0px;
padding:0px;
top:0px;
z-index:999;
}


#nav li a {
display: block;
padding: 0px;
margin: 0px;
}

#nav li.on a {
color: #073E74;
}

#nav li.on ul {
display: block;
}

#nav li.off:hover ul {
display: block;
}


#nav ul li ul li.active
{
background-image:url(../images/nav-arrow.gif);
background-repeat:no-repeat;
background-position:center left;
padding-left:10px;
left:-10px;
}



#li1 a, #li2 a, #li3 a, #li4 a, #li5 a, #li6 a {
display:block;
position:relative;
width:199px;
height:27px;
background-image:url(../images/nav.gif);
background-repeat:no-repeat;
z-index:999;
padding:0px;
}


/*first,puttheinitialstatesinplace*/
#li1 a
{
background-position:0px 0px;
height:72px;
position:relative;
top:1px;
width:199px;
z-index:999;
}


#li1 a:hover
{
background-position:-199px 0px;
width:199px;
}

#nav li.on#li1 a
{
background-position:-199px 0px;
width:199px;
}

#nav ul li.on#li1 ul li a
{
background-position:-199px 0px;
width:130px;

}



#li2 a
{
background-position:0 -75px;
height:50px;
position:relative;
top:0;
width:199px;
}


#li2 a:hover {
background-position:-199px -75px;
height:50px;
width:199px;
}

#nav li.on#li2 a
{
background-position:-199px -75px;
height:50px;
width:199px;
}

#nav ul li.on#li2 ul li a
{
width: 130px;
height:16px;
}


#li3 a
{
background-position:0 -130px;
height:50px;
position:relative;
top:0;
width:199px;
}


#li3 a:hover
{
background-position:-199px -130px;
width:199px;
height: 50px;
}


#nav li.on#li3 a
{
background-position:-199px -130px;
width:199px;
height: 50px;
}

#nav ul li.on#li3 ul li a
{
width: 130px;
height:16px;
}


#li4 a
{
background-position:0 -185px;
height:50px;
position:relative;
top:0;
width:199px;
}


#li4 a:hover
{
background-position:-199px -185px;
width:199px;
}

#nav li.on#li4 a
{
background-position:-199px -185px;
width:199px;
}

#nav ul li.on#li4 ul li a
{
width: 130px;
height:16px;
}

#li5 a
{
background-position:0 -240px;
height:50px;
position:relative;
top:0;
width:199px;
}


#li5 a:hover
{
background-position:-199px -240px;
width:199px;
height:50px;
}


#nav li.on#li5 a
{
background-position:-199px -240px;
width:199px;
height:50px;
}


#nav ul li.on#li5 ul li a
{
width: 130px;
height:16px;
}


#li6 a
{
background-position:0 -295px;
height:50px;
position:relative;
top:0;
width:199px;
}


#li6 a:hover
{
background-position:-199px -295px;
width:199px;
}

#nav li.on#li6 a
{
background-position:-199px -295px;
width:199px;
}

#nav ul li.on#li6 ul li a
{
width: 130px;
height:16px;
}


#nav ul li.on#li8 {
display: none;

}




#nav ul li ul li a
{
text-decoration:none;
display:block;
width: 130px;
min-height:16px;
height:auto !important;
height:16px;
padding-top:2px;
padding-bottom:2px;
font-family:"Verdana",Times,serif;
font-size:12px;
background-image:none;
/*background-color: #d7d7c8;*/
color:#c4161c;
text-align: center;
}




#nav ul li ul li a:hover
{
text-decoration:none;
display:block;
width:130px;
min-height:16px;
height:auto !important;
height:16px;
padding-top:2px;
padding-bottom:2px;
font-family:"Verdana",Times,serif;
font-size:12px;
color: #82A4CA;
text-align: center;
}



/* End of 'nav' */