/* HEADER 
--------------------------------------------------
*/

#wrap-top-nav {
background-color: #437aa9;
height:18px;
border-bottom:1px solid #a1bdd4;
padding:4px 10px 0px;
font-size: 76.9%;
line-height: 1em;
}

#wrap-top-nav ul, #wrap-header ul, #wrap-bottom-nav ul {
margin: 0;
}

#wrap-top-nav ul li, #wrap-header ul li {
list-style: none;
}

ul.nav-extra, ul.nav-extra li {
float:left;
line-height: 1em;
}

ul.nav-extra li {
background:transparent url(/css/imgs/separator.gif) no-repeat scroll right 1px;
display:block;
margin:0 8.5px 0 0;
padding:0 9.5px 0 0;
}

#wrap-bottom-nav ul.nav-extra li {
background:transparent url(/css/imgs/separator-2.gif) no-repeat scroll right 1px;
}

ul.nav-extra li.last, #wrap-bottom-nav .nav-extra li.last {
background:none;
}

ul.nav-extra a {
color:#dff0ff;
text-decoration:underline;
font-size: 1.3em;
line-height: 1em;
}

#wrap-bottom-nav ul.nav-extra a {
color:#a2b7c9;
}

#wrap-bottom-nav ul.nav-extra a:hover {
color:#fff;
}

ul.nav-extra a:hover {
color:#fff;
text-decoration:underline;
}

#wrap-header {
background: #491134 url(/css/imgs/bg-primary-nav.jpg) top repeat-x;
position: relative;
z-index: 2;
}

#header {
position:relative;
width: 960px;
min-height: 37px;
margin: 0 auto;
}

/* PRIMARY NAV */

ul.nav-primary {
width:960px;
float:left;
}

ul.nav-primary li {
float:left;
}

ul.nav-primary a {
height:37px;
display:block;
float:left;
text-decoration:none;
cursor: pointer;
font-size: 92%;
}

ul.nav-primary a span {
font: bold 1.1em/1.1em Arial, Helvetica, sans-serif;
height:17px;
display:block;
float:left;
color:#fff;
padding: 10px 18px;
}

ul.nav-primary a:hover {
background: url(/css/imgs/bg-primary-nav-hover-right.jpg) top right no-repeat;
}

ul.nav-primary a:hover span {
background: url(/css/imgs/bg-primary-nav-hover-left.jpg) top left no-repeat;
}

ul.nav-primary li.active span {
background: url(/css/imgs/bg-primary-nav-active-right.jpg) top right no-repeat;
}

ul.nav-primary a:active span {
background: url(/css/imgs/bg-primary-nav-active-left.jpg) top left no-repeat;
}

/*DROP DOWNS*/

ul.nav-primary li ul {
position: absolute;
width: 181px;
left: -999em;
background-color: #555;
}

ul.nav-primary li:hover ul, ul.nav-primary li:focus ul, ul.nav-primary li.hover ul {
left: auto;
clear: left;
top: 37px;
}

ul.nav-primary li ul li {
width: 179px;
border: 1px solid #444;
border-bottom: medium none;
}

ul.nav-primary li:hover ul a, ul.nav-primary li:focus ul a, ul.nav-primary li.hover ul a {
background-image: none;
}

ul.nav-primary li ul a:hover, ul.nav-primary li ul a:focus {
background-color: #000;
background-image: none;
color: #fff;
text-decoration: none;
}

ul.nav-primary li ul li a {
line-height: 1.5em;
height: auto;
padding: 8px 10px 8px 15px;
width: 154px;
text-align: left;
color: #fff;
}

ul.nav-primary li.hover span {
background: url(/css/imgs/bg-primary-nav-hover-left.jpg) top left repeat-x;
}

/*styles for visible on focus drop downs*/

ul.nav-primary li ul.dropdown-visible {
left: auto;
clear: left;
top: 37px;
height: auto;
}

ul.nav-primary li ul a.focused {
background-image: none;
background-color: #000;
}

/* FOOTER 
--------------------------------------------------
*/

#wrap-footer {
text-align: left;
}

#wrap-footer li {
font-size: 92%;
line-height: 1em;
}

#wrap-footer {
background-color:#437aa9;
}

#footer {	
position:relative;
width: 940px;
margin: 0 auto;
padding:20px 0 40px;
}

#footer h2 {
font: bold 92%/1em Arial, Helvetica, sans-serif;
color:#fff;
display:block;
padding: 5px 0;
border-bottom:1px solid #5c94c3;
margin: 0 0 4px 0;
}

#footer ul {
display:block;
float:left;
margin: 0;
}

#footer li {
margin:7px 0;
list-style: none;
}

#footer-area-one a, #footer-area-two a, #footer-area-three a, #footer-area-four a  {
background: url(/css/imgs/arrow-footer.gif) left 3px no-repeat;
color:#dff0ff;
text-decoration:none;
padding-left: 15px;
}

#footer a:hover {
text-decoration:underline;
color:#fff;
}

#footer-area-one a:hover, #footer-area-two a:hover, #footer-area-three a:hover, #footer-area-four a:hover {
background: url(/css/imgs/arrow-footer-hover.gif) left 3px no-repeat;
}

#footer-area-one, #footer-area-two, #footer-area-three, #footer-area-four, #footer-area-five {
float:left;
}

#footer-area-one, #footer-area-two, #footer-area-three {
width: 160px;
}

#footer-area-four {
width: 297px;
}

#footer-area-four li span {
color: #DFF0FF;
}

#footer-area-four li span a, #footer-area-four li span a:hover {
padding-left: 0;
background-image: none;
}

#footer-area-one ul, #footer-area-two ul, #footer-area-three ul {
width:160px;
}

#footer-area-five {
width:163px;
}

#footer-area-five h2 {
padding-left: 23px;
}

#footer-area-five .share {
padding-left: 15px;
}

#footer-area-five a {
color:#DAEEFF;
}

#wrap-bottom-nav {
background-color: #174a79;
height:18px;
border-top:1px solid #a1bdd4;
padding:4px 10px 0;
font-size: 76.9%;
}

.community {
float:left;
width:37px;
margin:15px 10px 0 0;
}

#footer img {
margin-top:29px;
}

.community a {
position:relative;
display:block;
width:37px;
height:37px;
font-size: 0.5em;
}

.share a span {
background: url(/css/imgs/btn-share.jpg) no-repeat left top;
cursor: pointer;
position:absolute;
height:100%;
width:100%;
}

.twitter a span {
background: url(/css/imgs/btn-twitter.jpg) no-repeat left top;
cursor: pointer;
position:absolute;
height:100%;
width:100%;
}

.facebook a span {
background: url(/css/imgs/btn-facebook.jpg) no-repeat left top;
cursor: pointer;
position:absolute;
height:100%;
width:100%;
}

.community a:hover span {
background-position: 0 -37px;
}

/*skip link styles*/

#skip a {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:focus, #skip a.test {
position:static;
width:auto;
height:auto;
padding: 7px 10px 10px;
background-color: #F5F8FB;
color: #038CD3;
display: block;
}