﻿@charset "utf-8";
/* CSS Document */

/*********************************/
/*       BROWSER RESET
/*********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,/*blockquote,*/th,td {    
    margin:0;   
    padding:0;   
} 

/*keep enabled if used for layout
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} */

address,caption,cite,code,dfn,/*em,strong,*/th,var {  
    font-style:normal;   
     font-weight:normal;   
 } 

 caption,th {  
     text-align:left;   
 } 

q:before,q:after {  
    content:'';   
} 

abbr,acronym { border:0;   
}  

a img { border: none; }

/*accessibility links*/
.hidden, .nostyles {
display:none;
margin:0 -10000px 0 0;
}

/*********************************/
/*            BODY
/*********************************/

body {
background:url(../images/bodyBkgd.jpg) repeat-x #e1e7ed;
font-family:Arial, Helvetica, sans-serif;
font-size:70%; 
color:#000000;
}

H1 {font-size:2em}  /* displayed at 24px */
H2 {font-size:1.5em}  /* displayed at 18px */
H3 {font-size:1.25em}  /* displayed at 15px */
H4 {font-size:1em}  /* displayed at 12px */

/*********************************/
/*           CONTAINER
/*********************************/

#container {
background:url(../images/containerBkgd.png) repeat-y;
height:auto;
margin:0 auto;
position:relative;
font-size:1em;  /* displayed at 12px */
width:916px;
top:12px;
}

/*********************************/
/*          HEADER
/*********************************/

#hdr {
width:887px;/*moves contact info image away from right edge if decreased.*/
background:url(../images/logo.jpg) no-repeat left;
height:128px;
left:15px;
position:relative;
}

/*logo*/
#hdr h1 {
width:487px;
height:128px;
position:relative;
float:left;
top:0px;
}

/*hotspot for logo/back to home link*/
#hdr h1 a {
display:block;
width:300px;
position:relative;
height:128px;
outline:none;
}

/*image replacement*/
#hdr h1 span, #hdr h2 a span {
display:none;
}

/*hotspot-slogan/email area*/
#hdr h2 a {
display:block;
height:48px;
top:100px;
width:250px;
position:relative;
float:right;
right:60px;
outline:none;
}


/*********************************/
/*           BANNER
/*********************************/

#banner {
width:887px;
height:177px;
position:relative;
left:30px;
top:10px;
}

/*********************************/
/*          NAVIGATION
/*********************************/

#nav {
position:relative;
float:left;
width:220px;
left:23px;
top:23px;
}

/*border seperator*/
#nav ul li {
list-style:none;
position:relative;
margin:5px 0;
padding:0 0 8px 0;
background:url(../images/navSep.jpg) no-repeat bottom;
width:191px;
}

/*icon*/
#nav ul li a {
display:block;
color:#212121;
text-decoration:none;
outline:none;
line-height:15px ;
background:url(../images/navIcon.jpg) no-repeat left;
padding:0 0 0 21px;
font-family:"century gothic", Arial, Helvetica, sans-serif;
font-size:1.4em;
margin:0 0 0 7px;/*moves icon + text away from seperator edge*/
}

#nav ul li a:hover {
color:#f53202;
}

#nav ul li .selected, #nav ul li .expanded{
color:#f53202;
}

/*BEGIN SECOND TIER NAV*/
#nav ul ul {
margin:10px 0 0 0;
}

#nav ul ul li {
margin:0;
padding:3px 0;
}

#nav ul ul li, #nav ul ul li a {
background:none;
}

#nav ul ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:10px;
}

#nav ul ul li a:hover {
font-size:1.1em;
text-decoration:underline;
color:#224a7c;
}

#nav ul ul li .selected {
color:#333333;
font-weight:normal;
text-decoration:underline;
}

#nav ul ul li .expanded 
{
    color:#333333;
font-weight:normal;
}


/*third tier*/
#nav ul ul ul li a {
font-weight:normal;
text-indent:15px;
}

/*********************************/
/*         CONTENT AREA
/*********************************/

#contentarea {
min-height:400px;
width:620px;
position:relative;
float:right;
right:40px;
top:25px;
font-size:1.2em;
padding:0 0 20px 0;
}

#contentarea ul, #contentarea ol {
margin:0 2em;
}

#contentarea a {
color:#224a7c;
text-decoration:underline;
}

#contentarea a:hover {
color:#f53202;
text-decoration:none;
}

#container #contentarea .txthdr {
font-size:1.5em;
color:#224a7c;
font-family:"century gothic", Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
}

/*********************************/
/*            FOOTER
/*********************************/
#footer {
background:url(../images/footerBkgd.jpg) no-repeat;
width:916px;
height:96px;
margin:0 0 -57px 0;/*brings up dark grey bkgd*/
clear:both;
}

/*dark blue bkgd*/
#footerBkgd {
background:#224a7c;
width:100%;
height:72px;
clear:both;
}

/* sentence + logo*/
#footer  .copyright {
margin:0 auto;
position:absolute;
padding:10px 0 0 63px;
margin:55px 0 0 320px;/*moves copyright into grey area*/
text-align:center;
line-height:25px;
color:#FFFFFF;
background:url(../images/miniLogo.gif) no-repeat left;
}