/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; }

body {
background-color:#666699;
margin:0;
padding:0;
text-align:left;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Georgia, "Times New Roman", Times, serif;
color: #666699;
}

img {
border:0;
}

#page {
position:relative;
background-color:#fff;
width: 770px;
margin:0 auto;
padding:0 0 1px 0;
}

#header {
width: 754px;
margin:0 auto 0 auto;
padding:0;
}

#upperheader {
background-color:#003366;
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align:right;
padding: 4px 8px 5px 2px;
}

#upperheader a, #lowerheader a {
text-decoration:none;
text-transform:uppercase;
}

#upperheader a{
color: #fff;
}

#lowerheader a {
color: #666699;
}

#upperheader a:hover, #lowerheader a:hover {
text-decoration:underline;
}

#lowerheader {
border: 1px solid #ccc;
color: #666699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align:right;
padding: 4px 8px 5px 2px;
}

#logo {
width: 100%;
width: 742px;
margin:0 auto;
padding:6px;
}

.innerlogo {
padding:6px;
}

#template_logo {
position:relative;
width: 754px;
height:125px;
margin:0 auto;
padding:0;
background: url("../images/temp_stripe.gif") repeat-x bottom ;
}

#section_image {
position: absolute;
top:16px;
right:0;
height:109px;
width: 266px;
margin:0;
padding:0;
z-index:5;
}

#pagetitle {
position:absolute;
bottom: 5px;
left: 193px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.5em;
color:#fff;
z-index:100;
}

#body {
width: 754px;
margin:0 auto;
padding:0;
}

table.content {
width: 754px;
height:560px;
margin:7px 0 0 0;
padding:0;
border:0;
border-collapse:collapse;
}

td.leftcol {
width: 175px;
vertical-align:top;
}

td.middlecol {
padding-left: 11px;
width: 550px;
vertical-align:top;
}

td.middlecol2 {
padding-left: 11px;
width: 550px;
vertical-align:top;
}

td.rightcol {
width: 186px;
padding-left: 10px;
border: 1px solid #BBCCBB;
background-color: #EEEEDD;
vertical-align:top;
}

#hpfeatures {
width: 100%;
height:422px;
margin:0;
padding:0;
}

.sidenav {
display:block;
width:100%;
margin-top:60px;
}

.sidenav a {
display:block;
text-decoration:none;
color:#666699;
font-size:1.3em;
line-height:1.5em;
margin-bottom:2px;
}

.sidenav p {
margin:0;
padding:0 0 0 12px;
}

.sidenav a:hover {
text-decoration:underline;
}

a.subnav {
display:block;
padding-left:16px;
background:url("../images/blue_arrow.gif") no-repeat 2px 6px;
font-size:1.25em;
line-height:1.35em;
}

a.here {
display:block;
padding-left:16px;
background:url("../images/icon_arrow.gif") no-repeat 0px 3px;
font-size:1.25em;
line-height:1.35em;
}

.sidequote {
display:block;
width:100%;
color: #9F7010;
font-style:italic;
font-size:1.1em;
}

.sidequote h1 {
margin-top: 85px;
border-top: 1px solid #9F7010;
font-size: 1.6em;
line-height:1.2em;
font-weight:normal;
}

#overviewlogo {
display:block;
height:60px;
margin:0;
padding:0;
}

#overviewlogo img {
margin-top:10px;
}

.innercontent {
position:relative;
top:0px;
display:block;
width:100%;
margin:0;
padding:0;
font-size: 1.3em;
line-height:1.4em;
color: #666;
}

.innercontent2 {
display:block;
width:100%;
margin-top:11px;
font-size: 1.3em;
line-height:1.4em;
color: #666;
}

.innercontent hr, .innercontent2 hr {
border: 0;
 color: #666699;;
background-color: #666699;;
height: 1px;
}

.innercontent p, .innercontent2 p {
margin: 5px 0 15px 0;
}

.innercontent h1, .innercontent2 h1 {
font-size: 1.6em;
line-height:1.1em;
font-weight:normal;
margin:0 0 15px 0;
padding:0;
}

.innercontent h2, .innercontent2 h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height:1em;
font-weight:bold;
margin:0;
padding:0;
}

.innercontent h5, .innercontent2 h5 {

font-size: 1.3em;
line-height:1em;
font-weight: normal;
margin:0 0 34px 0;
padding:0;
}

.innercontent a, .innercontent a:visited, .innercontent2 a, .innercontent2 a:visited  {
color: #666699;
font-size: .9em;
}

.rightcontent {
display:block;
width:100%;
margin-top:60px;
font-size: 1.3em;
line-height:1.4em;
color: #666;
}

.rightcontent a {
display:block;
width: 171px;
margin-bottom:5px;
text-decoration:none;
text-indent:20px;
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1em;
padding:3px;
border:1px solid #BBCCBB;
background:url("../images/arrow.gif") no-repeat 11px 6px;
}

.rightcontent a:hover {
text-decoration:underline;
}

.rightcontent p{
margin:0;
padding:0;
}

#hpmission {
float: left;
width: 367px;
height: 409px;
border: 1px solid #ccc;
margin:0;
padding:6px 6px 6px 12px;
font-size:1.2em;
line-height: 1.4em;
overflow:hidden;
}

#hpmission img {
padding: 0 0 0 4px;
}

#hpmission h1 {
font-weight: normal;
font-size: 1.7em;
line-height:1em;
padding:0 4px 0 0;
margin:0;
}

#hpmission p {
padding: 3px 0 3px 0;
}

#hpmission p a {
text-decoration:none;
}

#hpmission p a:hover {
text-decoration:underline;

}


#missionlink {
position:relative;
bottom:4px;
text-align:right;
padding:0;
margin:0;
}

#rotator  {
float:right;
height: 266px;
width:208px;
overflow: hidden;
position: relative;
}

#hprightcol {
float:right;
width: 358px;
height:422px;
margin:0;
padding:0;
font-size:1.2em;
line-height: 1.25em;
}

.img_right {
width: 134px;
margin-left: 5px;
float:right;
}

#hprightcol p  {
margin:0;
padding:0;
}

p.hparrow  {
position:absolute;
right:145px;
bottom:9px;
}

p.valarrow  {
position:absolute;
right:145px;
bottom:5px;
}


#hpeducation {
position:relative;
display:block;
border: 1px solid #ccc;
height: 123px;
margin:0;
padding:5px 5px 5px 10px;
}



#hpservicecorps {
position:relative;
display:block;
border: 1px solid #ccc;
height: 123px;
margin:9px 0 0 0;
padding:5px 5px 5px 10px;
}

#hphealth {
position:relative;
display:block;
border: 1px solid #ccc;
height: 123px;
margin:9px 0 0 0;
padding:5px 5px 5px 10px;
background: url(../images/home_page/health_bkg.jpg) right no-repeat;
}

#footer {
width: 740px;
margin:13px auto;
border: 1px solid #ccc;
padding: 4px 4px 4px 10px;
}