/** Stylesheet for Navigation bar **/

#navigationarea {
float: left;
color: white;
background-color: white;
/*margin-left: 16px;
border-left: 1px solid #F2880A;*/

}

#navigationarea  a {
margin-bottom: 5px;
}

#navigationarea li {
margin-bottom: 5px;
margin-left: -21px; /* -40px reduces ul ident to 0 but -21px takes in gap in banner before logo */
/*margin-left: -10px; compromise for IE6 and Firefox */
padding: 0;
}

#navigationarea a:hover {
background-color: #8EBFC6;
color: white;
}

#navigationarea a:active {
background-color: #6A8F94;
}

#navigationarea a {
font: 11px Verdana, Arial, Helvetica, sans-serif;
/*text-transform: uppercase;*/
color: #01343D;
background-color: #A9CFD5;
text-decoration: none;
display: block;
padding: 6px 0px 0px 16px;
height: 25px;
width: 145px;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid white;
border-left: 1px solid white;
}

a#current {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-transform: capitalize;
color: white;
background-color: #6A8F94;
}

a.mainnav {
background-color: #A9CFD5;
width: 120px;
text-decoration: none;
font-weight: bold;
}

#imagenav {
	text-align: center;
	margin-bottom: 3em;
}

#navimages a {
padding-left: 20px;
padding-right: 20px;
}

#navimages img {
/*border-top: 1px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
border-left: 1px solid black;*/

}

#navlabels {
margin-top: 10px;
}

#navlabels a {
color: #000000;
padding-left: 30px;
padding-right: 30px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 22px;
margin-right: 22px;
background-color: #A9CFD5;
height: 20px;
width: 120px;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid white;
border-left: 1px solid white;
text-decoration: none;
}

#navlabels a:hover {
background-color: #8EBFC6;
color: white;
}