/*Navigation CSS Document */


/* UTILITY NAV */

#container .page .header #utility-nav {
position: relative;
float: right;
font-size: 12px; 
left: -20px;
margin-top: 5px;
}

#container .page .header #utility-nav ul {
list-style-type: none;
}


#container .page .header #utility-nav ul a {
color: #ff9999;
text-decoration: none;
}

#container .page .header #utility-nav ul a:hover {
color: #ff9999;
text-decoration: underline;
}


/* MAIN NAVIGATION */

#navbar {
position: relative;
float: left;	
height: 29px;
width: 639px;
margin: 0px;
padding: 0px;
top:-1px;
background-image: url(../graphics/nav.gif);
background-repeat: no-repeat;
left:0px; 
z-index: 99;   
}

#navbar ul {
width:639px;
list-style:none;
margin:0px;
padding:0px;
}

#navbar li ul, #navbar li ul {
margin: 0px;
padding: 0px;
z-index:99;
}

#navbar a {
text-decoration: none;
}

#navbar li {
margin: 0;
padding: 0px;
float: left;
display: block;
}

#navbar li ul {
display: none;
}

#navbar li a {
color: #224d6f;
font-weight: bold;
display: block;	
padding: 0px;
}

#navbar li.off ul, #navbar li.on ul  { /*put the subnav below*/
position:absolute;
float:none;
margin:0px;
padding:0px;
top:37px;
z-index:9999;
}

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

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

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

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

#navbar li span {
display:none;
}

#li1 a, #li2 a, #li3 a, #li4 a, #li5 a, #li6 a, #li7 a {
position: relative;
left: 0px;
display: block;
background: url(../graphics/nav.gif) no-repeat top left;
width: 639px;
height: 29px;
z-index: 10;
top: 0px;
}

#navbar ul li.off ul, #navbar ul li.on ul  { /*put the subnav below*/
position: absolute;
margin: 0px;
padding: 0px;
top: 29px;
width:115px;
}

#navbar ul li ul li a {
display: block;
background: #E7F2F6; 
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:29;
}

#navbar ul li ul li a:hover {
background: #217F9B;
color: #FFFFFF;
width:110px;
}

	

/*first, put the initial states in place*/

#li1 a {
background-position: -11px 1px;
width: 71px;
}

#li2 a {
background-position: -81px 1px;
width: 128px;
}

#li3 a {
background-position: -208px 1px;
width: 119px;
}

#li4 a {
background-position: -326px 1px;
width: 57px;
}

#li5 a {
background-position: -382px 1px;
width: 88px;
}

#li6 a {
background-position: -469px 1px;
width: 97px;
}

#li7 a {
background-position: -565px 1px;
width: 66px;
}

/*hover states*/

#li1 a:hover,
#li1.on a {
background-position: -11px -29px;
}

#li2 a:hover,
#li2.on a {
background-position: -81px -29px;
}

#li3 a:hover,
#li3.on a {
background-position: -208px -29px;
}

#li4 a:hover,
#li4.on a {
background-position: -326px -29px;
}

#li5 a:hover,
#li5.on a {
background-position: -382px -29px;
}

#li6 a:hover,
#li6.on a {
background-position: -469px -29px;
}

#li7 a:hover,
#li7.on a {
background-position: -565px -29px;
}
/*end of navbar */



/*subnav formatting*/

#navbar li ul a {
display: block;
background: #84C5FB;
border-top:none;
color: #000000;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:auto;
padding:5px;
width:115px;
}	

#navbar li ul a:hover {
background: #60B2F9;
color: #000000;
width:115px;
}

/* Left Navigation */

#wrapper .content #leftNav {
border-left:9px solid #FFCCCC;
margin-left:20px;
margin-top:20px;
float: left;
}

#wrapper .content #leftNav-level2 {
border-left:9px solid #FFCCCC;
margin-left:0px;
margin-top:20px;
float: left;
}



#wrapper .content #leftNav h2 {
position: relative;
left: -20px;
margin-top: 10px;
}

#wrapper .content #leftNav-level2 h2 {
position: relative;
left: 15px;
margin-top: 10px;
}


#wrapper .content #leftNav ul li a {
background-image: url(../graphics/arrow.gif);
background-position: center left;
background-repeat: no-repeat;
font-size: 12px;
color: #666666;
font-weight: bold;
padding-left: 15px;
position: relative;
left: -25px;
}

#wrapper .content #leftNav-level2 ul li a {
background-image: url(../graphics/arrow.gif);
background-position: center left;
background-repeat: no-repeat;
font-size: 12px;
color: #666666;
font-weight: bold;
padding-left: 15px;
position: relative;
left: -25px;
}







/*Footer Nav*/

#footer .footerNav {
margin-left: auto;
margin-right: auto;
width: 800px;
}

#footer .footerNav p {
list-style-type: none;
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: center;
padding-top: 20px;
color: #000000;
}

#footer .footerNav p a {
background-image: none;
width: auto;
font-size: 12px;
color: #000000;
font-weight: bold;
}