html { font-size: 100%; /* IE hack */ }
body {
    margin: 0px;
    padding: 0px;
    background: <!--#ffffcd-->white;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	color: #333;
	font-size: 14px;
}
#wrapper {
	voice-family: inherit;
	width: 796px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 0;
	margin-top: 0;
	z-index: 0;
	padding: 0;
    background: #ffffcd url(../images/bg_shadow.gif) repeat-y;
}
#wrapper_center {
    width: 772px;
    margin: 0;
    padding: 0 0 0 12px;
    float: left;
    clear: none;
}
#wrapper_bottom {
	float: left;
	width: 796px;
	margin: 0;
	padding: 0 0 40px 0;
    background: white url(../images/bg_shadow_bottom.gif) no-repeat left top;
}
.header,
.navigation,
.content,
.eslr,
.footer {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    width: 772px;
}

/* ======================================================== */
/* Header classes - Used to display the site title and date */
/* ======================================================== */

.header {
	color: #fff;
	background-color: #ae0031;
	border-bottom: solid 8px #00014e;
	padding: 10px 0 10px 0;
}
.header a#top {
	display: block;
	font-size: 1px;
	height: 1px;
}
.header .left {
    float: left;
	padding: 0 0 0 20px;
	clear: none;
}    
.header .right {
    float: right;
	padding: 6px 20px 0 0;
	clear: none;
}    
.header h1 {
	padding: 0;
	margin: 0;
	font-family: Times New Roman, Serif;
	font-size: 200%;
	font-variant: small-caps;
	line-height: 100%;
    font-weight: normal;
}
.header h1 span {
    font-size: 130%;
    font-weight: bold;
}
.header .left p {
	padding: 0;
	margin: 0;
	font-family: Times New Roman, Serif;
	font-size: 110%;
	line-height: 120%;
    font-weight: bold;
	font-style: italic;
}

/* ====================================================== */
/* Navigation classes - Used to display global navigation */
/* ====================================================== */

.navigation,
.sidenav {
    background-color: #e2e2e2;
}
.navigation {
	border-bottom: solid 1px #999;
}
.navigation ul {
	display: block;
	float: left;
	padding: 4px 0px 4px 10px;
	margin: 0;
    list-style: none;
    text-transform: uppercase;
}
.navigation ul li {
    float: left;
    padding: 0 16px 0 0;
    margin: 0;
	font-size: 100%;
}
.navigation ul li a:link,
.navigation ul li a:visited {
    font-weight: 700;
    font-family: Tahoma, Sans-Serif;
    text-decoration: none;
}
.navigation ul ul {
	display: none;
}
.navigation ul li.quicklinks {
	display: none;
}
.sidenav {
    float: left;
    width: 174px;
    padding: 20px 0 50px 0;
    background: #e1e1d9 url(../images/bg_gradient.gif) repeat-x bottom;
    border-bottom: solid 30px #fff;
}
.sidenav ul {
	padding: 0 20px 20px 20px;
	margin: 0;
    list-style: none;
    text-transform: uppercase;
}
.sidenav ul li a {
	font-size: 90%;
}
.sidenav#sectionsidenav {
	padding-top: 42px;
}
.sidenav#pagesidenav {
	padding-top: 0px;
}
.sidenav#pagesidenav ul {
    background: url(../images/section_logo.jpg) no-repeat left top;
    padding-top: 150px;
}
.sidenav#pagesidenav ul.quicklinks {
	background: none;
}
.sidenav ul li {
    padding: 8px 0 0 0;
    margin: 0;
	font-size: 95%;
}
body.one .sidenav ul li.one a:link,
body.one .sidenav ul li.one a:visited,
body.two .sidenav ul li.two a:link,
body.two .sidenav ul li.two a:visited,
body.three .sidenav ul li.three a:link,
body.three .sidenav ul li.three a:visited,
body.four .sidenav ul li.four a:link,
body.four .sidenav ul li.four a:visited,
body.five .sidenav ul li.five a:link,
body.five .sidenav ul li.five a:visited,
body.six .sidenav ul li.six a:link,
body.six .sidenav ul li.six a:visited,
body.seven .sidenav ul li.seven a:link,
body.seven .sidenav ul li.seven a:visited,
body.eight .sidenav ul li.eight a:link,
body.eight .sidenav ul li.eight a:visited {
    font-family: Tahoma, Sans-Serif;
    font-weight: 700;
}
.sidenav ul ul {
	display: none;
}
body.one .sidenav ul ul.one,
body.two .sidenav ul ul.two,
body.three .sidenav ul ul.three,
body.four .sidenav ul ul.four,
body.five .sidenav ul ul.five,
body.six .sidenav ul ul.six,
body.seven .sidenav ul ul.seven,
body.eight .sidenav ul ul.eight,
.sidenav ul ul.quicklinks {
    background: none;
    list-style: square outside;
	display: block;
    padding: 4px 0 4px 16px;
    text-transform: none;
}
.sidenav#pagesidenav ul {
    padding-top: 120px;
}
.sidenav#pagesidenav ul ul {
    background: none;
    padding-top: 4px;
}
body.one .sidenav ul ul.one li,
body.two .sidenav ul ul.two li,
body.three .sidenav ul ul.three li,
body.four .sidenav ul ul.four li,
body.five .sidenav ul ul.five li,
body.six .sidenav ul ul.six li,
body.seven .sidenav ul ul.seven li,
body.eight .sidenav ul ul.eight li {
    margin: 0;
    padding: 0;
}
.sidenav ul ul li a:link,
.sidenav ul ul li a:visited
{
    margin: 0;
    padding: 0;
	font-weight: 700;
}
.navigation ul li a:hover,
.navigation ul li a:focus,
.sidenav ul li a:hover,
.sidenav ul li a:focus {
    color: #ae0031;
    text-decoration: underline;
}
.sidenav ul li.quicklinks {
	border-top: solid 1px #fff;
	padding-top: 10px;
	margin-top: 20px;
    color: #ae0031;
	font-weight: bold;
}
.sidenav ul ul.quicklinks {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sidenav ul ul.quicklinks li {
	padding: 4px 0 0 0;
}
/* =================== */
/* Global link classes */
/* =================== */
a:link, a:visited {
    color: #050366;
    font-weight: normal;
    text-decoration: underline;
}
a:hover,
a:focus {
    color: #ae0031;
    text-decoration: underline;
}
a.external {
	display: inline-block; /* IE HACK */
	background: transparent url(../images/link_external.gif) no-repeat center right;
	padding-right: 18px;
}
a.email {
	display: inline-block; /* IE HACK */
	background: transparent url(../images/link_email.gif) no-repeat center right;
	padding-right: 18px;
}
a.pdf {
	display: inline-block; /* IE HACK */
	background: transparent url(../images/link_pdf.gif) no-repeat center right;
	padding-right: 18px;
}

/* ======================================================== */
/* Banner classes - Used to display logo, photo, and swoosh */
/* ======================================================== */

.banner {
    float: left;
    width: 770px;
    padding: 0;
    margin: 0;
    width: 100%;
    background: #fff;
}
.banner#homebanner {
    height: 215px;
}
.banner#sectionbanner {
    height: 130px;
}
.banner img {
    float: left;
}
.swoosh_home {
    position: relative;
    z-index: 99;
    float: left;
    top: 416px;
    margin-top: -152px;
}
.swoosh_section {
    position: relative;
    z-index: 99;
    float: left;
    top: 238px;
    margin-top: -150px;
}
.logo {
    float: left;
    width: 173px;
}
.photo1,
.photo2,
.photo3 {
    float: left;
    border-left: solid 2px #fff;
    width: 197px;
    height: 128px;
    overflow: hidden;
}

/* ======================================================== */
/* Content classes */
/* ======================================================== */

.content {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background-color: #fff;
}
.pagebody {
    display: block;
    float: left;
    margin: 0;
    width: 550px;
    background-color: #fff;
    padding: 20px 10px 30px 20px;
}
.pagebody#sectionpagebody {
    padding-top: 50px;
}
.pagebody h1 {
/* Commented the following two lines to fix a problem with a ul following an h1 on the science page
	display: block;
    float: left;
*/
    padding: 0 0 20px 0;
	margin: 0;
	font-family: Times New Roman, Serif;
	font-size: 150%;
	text-transform: uppercase;
	line-height: 100%;
    font-weight: bold;
    color: #ae0031;
	width: 99%;
}
.pagebody h2 {
    font-size: 110%;
    font-weight: bold;
    padding: 0 0 6px 0;
    margin: 0;
}
.pagebody h3 {
    font-size: 100%;
    font-weight: bold;
    padding: 0 0 6px 0;
    margin: 0;
}
.pagebody h4 {
    font-size: 100%;
    font-weight: bold;
    font-style: italic;
    padding: 0 0 6px 0;
    margin: 0;
}
.pagebody h5 {
    display: block;
    float: left;
    padding: 0 0 6px 0;
	margin: 0;
	font-family: Times New Roman, Serif;
	font-size: 110%;
	text-transform: uppercase;
	line-height: 100%;
    font-weight: bold;
    color: #ae0031;
    width: 100%;
}
.pagebody p {
    font-size: 90%;
    padding: 0 0 4px 0;
    margin: 0;
}
.pagebody ul {
    margin: 0;
    list-style: square inside;
}
.pagebody li {
    font-size: 90%;
    padding: 0 0 4px 0;
}
.pagebody .horizontal_group {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
	margin-right: -3px;
}
.pagebody .introblock {
    float: left;
    width: 164px;
    padding: 0 16px 8px 0;
}
.pagebody .bio {
    float: left;
    margin: 0;
    padding: 0 0 6px 0;
}
.pagebody .biophoto {
    float: left;
    width: 16%;
}
.pagebody .biotext {
    float: left;
    width: 84%;
}
.pagebody .indentblock {
	padding: 0 0 0 30px;
}
/* ======================================================== */
/* Table classes */
/* ======================================================== */
table.directory th {
	background: #e2e2e2;
	color: #ae0031;
}
table.directory th a {
	font-size: 90%;
}
table {
	border-collapse: collapse;
}

/* ======================================================== */
/* Home page classes */
/* ======================================================== */
.homeblocks {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #e2e2e2;
}
.homeblock {
    display: block;
    float: left;
    margin: 0;
    padding: 0 20px 0 20px;
    border-left: solid 2px #fff;
    overflow: hidden;
    word-wrap: break-word;
}
.homeblock h2 {
	margin: 0;
    padding: 0 0 10px 0;
	font-family: Times New Roman, Serif;
	font-size: 140%;
	text-transform: uppercase;
	line-height: 100%;
    font-weight: bold;
    color: #ae0031;
}
.homeblock h2 a:link,
.homeblock h2 a:active,
.homeblock h2 a:visited {
	text-decoration: none;
    font-weight: bold;
    color: #ae0031;
}
.homeblock ul,
.homesubblock ul 
{
	margin: 0;
    padding: 0;
    list-style: none;
}
.homeblock ul li,
.homesubblock ul li {
    margin: 0;
    padding: 6px 0 6px 0;
    list-style: none;
}
.homeblock#noborder {
    border-left: none;
}
.homeblock_one,
.homeblock_two,
.homeblock_three,
.homeblock_four {
    float: left;
    margin: 0;
    padding: 0;
    width: 150px;
}
.homeblock_one h2 {
    padding-top: 30px;
}
.homeblock_two h2 {
    padding-top: 62px;
}
.homeblock_three h2 {
    padding-top: 96px;
}
.homeblock_four h2 {
    padding-top: 96px;
}
.homesubblocks {
    width: 100%;
    float: left;
    background: #e2e2e2 url(../images/bg_gradient.gif) repeat-x bottom;
    padding: 0 0 30px 0;
    margin: 0;
}
.homesubblock {
    display: block;
    float: left;
    width: 342px;
    padding: 0 20px 0 20px;
    margin: 30px 0 0 0;
}
.homesubblock#homesubblock_two {
    border-left: solid 2px #fff;
}
.homesubblock h3 {
	padding: 6px 0 4px 0;
	margin: 0;
	font-family: Times New Roman, Serif;
	font-size: 120%;
	text-transform: uppercase;
	line-height: 100%;
    font-weight: bold;
    color: #ae0031;
}
.eslr {
    padding: 10px 0 30px 0;
    margin: 0;
    background: #fff;
}
.eslr p {
    padding: 0;
    margin: 0;
    color: #ae0031;
    font-family: Times New Roman, Serif;
    font-style: italic;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    line-height: 100%;
    width: 70%;
    margin-left: 120px;
}
.footer {
    background-color: #e2e2e2;
	margin-right: -3px;
}
.footer ul {
	display: block;
	float: left;
	padding: 4px 0px 8px 160px;
	margin: 0;
    list-style: none;
    text-transform: uppercase;
}
.footer ul li {
    float: left;
    padding: 0 26px 0 0;
    margin: 0;
	font-size: 100%;
    font-weight: 700;
    font-family: Tahoma, Sans-Serif;
}
#wrapper_bottom p {
	display: block;
	float: left;
	padding: 8px 0 8px 160px;
	margin: 0;
	font-size: 90%;
}
#wrapper_bottom p a {
	text-decoration: none;
} 

/* ================================ */
/* Styles for forms */
/* ================================ */
/* See this URL for forms: http://www.websiteoptimization.com/speed/tweak/forms/ */

/* set width in form, not fieldset (still takes up more room w/ fieldset width */
form {  
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
form .formblock fieldset {
  border: none;
  padding: 10px; /* padding in fieldset support spotty in IE */
  margin: 0;
}
form .formblock label { 
    display: block; /* block float the labels to left column, set a width */
    float: left; 
    width: 150px; 
    padding: 0; 
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: right; 
}
/* bump up legend font size, not too large or it'll overwrite border on left */
/* be careful with padding, it'll shift the nice offset on top of border  */
form .formblock fieldset legend {
    font-size: 110%;
}
/* set width of form elements to auto-size, otherwise watch for wrap on resize */
/* set margin on left of form elements rather than right of label aligns textarea better in IE */
form .formblock textarea, form .formblock input, form .formblock select {
	width: auto;
    margin: 5px 0 0 10px;
	font-size: 100%;
}
form .formblock textarea {
	width: 350px;
    margin: 5px 0 0 10px;
	font-size: 100%;
}
form .formblock input#reset {
    margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}
textarea {
    overflow: auto;
}
form .formblock small {
    display: block;
    margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 88%;
}
form .formblock .required {
    font-weight: bold;
}
/* setting clear on inputs didn't work consistently, so brs added for degrade */
form .formblock br {
    clear: left;
}



/* clear without structural markup*/
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* mac hide \*/
	* html .clearfix {height: 1%;}
	 .clearfix {display: block;}
/* End hide */
/* do not change or amalgamate anything in the above code*/