/* Copyright (C) 2008 Aaron Merriman, AaronMerriman.com. All rights reserved. */

* {
 margin: 0;
 padding: 0;
}

body {
 background: #004578 url('images/bkgd_site.gif') repeat-x left top;
 font: normal normal normal 12px/18px arial,verdana,sans-serif;
 color: #474747;
}

img {
 display: block;
 border: 0 solid transparent;
}

h1 {
 margin-bottom: 1em;
 font: normal normal bold 16px/25px arial,verdana,sans-serif;
 color: #004578;
 border-bottom: 1px dashed #069fff;
 text-transform: uppercase;
 letter-spacing: 1px;
}

h2 {
 margin-bottom: .25em;
 font: normal normal bold 11px/14px arial,verdana,sans-serif;
 color: #069fff;
 text-transform: uppercase;
 letter-spacing: 1px;
}

h3 {
 margin-top: 1px;
 font: normal normal normal 10px/18px verdana,arial,sans-serif;
 text-transform: uppercase;
 color: #ef9616;
}

h4 {
 margin-bottom: 1em;
 font: normal normal bold 16px/25px arial,verdana,sans-serif;
 border-bottom: 1px dashed #069fff;
 letter-spacing: 1px;
}

.h2_cb { padding-top: 1em; }

#site, #site_02, #site_03, #footer {
 width: 975px;
 padding: 0 11px;
}

#site {
 margin: 0 auto 0 auto;
 background: #ffffff url('images/bkgd_content.gif') no-repeat left top;
}

#site_02 {
 margin: 0 auto 0 auto;
 background: #ffffff url('images/bkgd_content_02.gif') no-repeat left top;
}

#site_03 {
 margin: 0 auto 0 auto;
 background: #ffffff url('images/bkgd_content_03.gif') no-repeat left top;
}

#header {
 height: 141px;
 background: transparent url('images/bkgd_header.jpg') no-repeat left top;
}

#logo {
 display: block;
 float: right;
 height: 59px;
 width: 163px;
 margin: 25px 37px 27px 0;
}

#header ul {
 float: left;
 list-style: none;
}

#header ul li { float: left; }

#header ul li a {
 display: block;
 height: 30px;
 background-color: #404040;
 background-image: url('images/bkgd_nav-bar.gif');
 background-repeat: no-repeat;
}

#nv_01 { width: 81px; background-position: left top; }
#nv_02 { width: 207px; background-position: -81px top; }
#nv_03 { width: 119px; background-position: -288px top; }
#nv_04 { width: 140px; background-position: -407px top; }
#nv_05 { width: 93px; background-position: -547px top; }
#nv_06 { width: 128px; background-position: -640px top; }
#nv_07 { width: 98px; background-position: -768px top; }
#nv_08 { width: 109px; background-position: -866px top; }

#header ul li a:hover, #header ul li a:focus { background-color: #069fff; }

#nv_01:hover, #nv_01:focus { background-position: left bottom; }
#nv_02:hover, #nv_02:focus { background-position: -81px bottom; }
#nv_03:hover, #nv_03:focus { background-position: -288px bottom; }
#nv_04:hover, #nv_04:focus { background-position: -407px bottom; }
#nv_05:hover, #nv_05:focus { background-position: -547px bottom; }
#nv_06:hover, #nv_06:focus { background-position: -640px bottom; }
#nv_07:hover, #nv_07:focus { background-position: -768px bottom; }
#nv_08:hover, #nv_08:focus { background-position: -866px bottom; }

#content {
 height: 504px;
 padding: 20px 20px 10px 20px;
}

#content a, #education {
 font: normal normal normal 10px/12px verdana,arial,sans-serif;
 text-transform: uppercase;
 color: #ca6f04;
}

#education li { padding: 5px 4px 0 0; }

#content a:hover, #content a:focus { color: #069fff; }

#content #page_copy {
 width: 353px;
 margin-left: 271px;
 padding: 0 20px;
}

#content #page_copy_02 {
 width: 453px;
 margin-left: 171px;
 padding: 0 20px;
}

#content #page_copy_02 #education { margin-left: 2.5em; }

#panel_right a, #panel_left a, #panel_left_02 a {
 float: right;
 margin-top: -1.5em;
 text-transform: uppercase;
}

#panel_right, #panel_left { width: 250px; }

#panel_left_02 { width: 150px; }

#panel_right { float: right; }

#panel_left, #panel_left_02 { float: left; }

#panel_right ul, #panel_left ul, #panel_left_02 ul { list-style: none; }

#panel_right ul li , #panel_left ul li, #panel_left_02 ul li { margin-bottom: 1em; }

#panel_left_02 ul li { padding: 5px 5px 8px 5px; }

#panel_right ul li b, #panel_left ul li b, #panel_left_02 ul li b, #panel_left_02 h1 {
 display: block;
 font: normal normal bold 14px/18px arial,verdana,sans-serif;
 color: #3c61c2;
}

#panel_left_02 h1 {
 border: 0;
 text-transform: none;
 letter-spacing: 0;
}

#panel_left_02 ul li { background: transparent url('images/bkgd_gradient.jpg') no-repeat left top; }

#panel_left_02 ul li a { padding: 5px 4px 0 0; }

#movie { display: block; position: absolute; }

#event { margin-top: 230px; margin-bottom: 12px; }

#purpose { list-style: none; }

#purpose li {
 display: block;
 float: left;
 height: 184px;
 font: normal normal bold 10px/12px verdana,arial,sans-serif;
 color: #707070;
}

#purpose li p {
 margin: 0 10px;
 font-weight: normal;
}

#purpose li span {
 display: block;
 height: 16px;
 margin-bottom: 10px;
 padding-top: 4px;
 color: #ffffff;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: 1px;
}

#pr_01, #pr_03 { width: 112px; }
#pr_02 { width: 113px; }

#pr_01 {
 margin-right: 5px;
 border-right: 1px solid #404040;
 border-left: 1px solid #404040;
 border-bottom: 1px solid #404040;
}

#pr_02 {
 border-right: 1px solid #404040;
 border-left: 1px solid #404040;
 border-bottom: 1px solid #404040;
}

#pr_03 {
 margin-left: 5px;
 border-right: 1px solid #404040;
 border-left: 1px solid #404040;
 border-bottom: 1px solid #404040;
}

#pr_01 span {
 background: transparent url('images/bkgd_vision-mission-purpose.jpg') no-repeat left top;
 border-top: 1px solid #404040;
}

#pr_02 span {
 background: transparent url('images/bkgd_vision-mission-purpose.jpg') no-repeat center top;
 border-top: 1px solid #404040;
}

#pr_03 span {
 background: transparent url('images/bkgd_vision-mission-purpose.jpg') no-repeat right top;
 border-top: 1px solid #404040;
}

.content_list ul { list-style: none; }

.content_list ul li {
 float: left;
 width: 200px;
 margin-left: 25px;
}

.single_line ul li {
 float: none;
 width: 500px;
}

.wide_list li {
 float: none !important;
 width: 400px !important;
}

.list_end { clear: left; }

#collab {
 position: absolute;
 width: 453px;
}

#footer {
 margin: 0 auto 42px auto;
 padding-top: 14px;
 background: transparent url('images/bkgd_footer.gif') no-repeat left top;
 font: normal normal normal 10px/13px verdana,arial,sans-serif;
}

#footer div {
 padding: 0 5px;
 color: #666666;
}

#footer div span {
 float: none;
 padding: 0;
 color: #a0a0a0;
}

#footer ul {
 list-style: none;
 padding: 15px 0 12px 0;
 text-align: center;
}

#footer ul li {
 display: inline;
 color: #26709F;
}

#footer a { color: #5990b5; }

#footer a:hover, #footer a:focus { color: #ffffff; }

#footer span, #footer p { color: #26709F; }

#footer span {
 float: right;
 padding-right: 15px;
}

#footer p { padding-left: 15px; }