/*







--------- TABLE OF CONTENTS -------







- Colors



- General/Global



- Wrapper DIVs



- Header



- Footer



- Menus / Outer Columns



- Main Content



- News / Events



- Forms



- Tables



- Tabbed search



- Print Settings







------------ Colors -------------







Dark green: #396e06



Light grey: #efefef



Dark grey: #777



Light green/grey 1: #d5e7b5



Light green/grey 2: #e9efdf



Yellow: #fbdc14







---------- General/Global ---------- */



html {



height:100%;



}







body {



margin: 0;



padding: 0;



font: 62.5% Arial, Helvetica, sans-serif;



background-color: #fff;



text-align: left;



/* removed for shadow change 



background: url(../images/semi-fixed_bg.gif) repeat-y center;



*/



background: url(../images/semi-fixed_bg.gif) repeat-y center;



_background: #fff;



height:100%



}







pre {



font-family: Arial, Helvetica, sans-serif;



margin:0px;



padding:0px;



}







h1, h2, h3, h4, h5, h6 {



padding: 0;



color: #396E06;



font-weight: bold;



font-variant: small-caps;



line-height: 1.2em;



margin: 1.4em 0 0.7em 0;



}







p, ul, ol {



margin-top: 1.4em;



margin-bottom: 1.4em;



}







form {



margin: 0;



padding: 0;



}







img {



border: none;



}







a {



color: #396E06;



}







table {



border-collapse: collapse;	



margin: 1em 0;



}







hr {



height: 0;



border: none;



border-top: 1px solid #ddd;	



clear: both;



margin: 0;



padding: 0;



}







sup, sup a {



color: #FF0000;



}







sup a:hover{



color: #FF0000;



text-decoration: none;



background: #FFFFFF;



}







/*blockquote {



margin: 1.4em 0;



padding: 0 0 0 37px;



background: #fff url("../images/quote.gif") no-repeat 0 0;



font-style: italic;



color: #666;



clear: both;



}







blockquote img {



float: right;



padding: 3px;



border: 1px solid #ddd;



background: #fff;



margin: 0 0 1em 1em;



}*/







.hidden { display: none; }







.here { font-weight: bold; }







.org_chart_cells {



	border:solid #396e06 1px;



	float:left;



	text-align:center;



	padding:10px 5px 10px 5px;



}







/* ---------- Wrapper DIVs ---------- */







#stlheheader {



width:100%;



height:172px;



margin:0px;



background: url("../images/headerbg.jpg") repeat-x;



}



.logodiv {



height:50px;



margin-left:auto;



margin-right:auto;



max-width:996px;



padding-top:40px;



background: url("../images/headerbg.jpg") repeat-x;



}















.semi-fixed {



clear:both;



margin-left:auto;



margin-right:auto;



max-width:996px;



background-color: #ffffff;







/* added for shadow change 



background: url(../images/semi-fixed_bg.gif) repeat-y center;



padding-left: 16px;



padding-right: 16px;



*/



min-height:55px;



}







.news_box {



border: 2px solid #5790bb; 



padding: 7px; 



margin-top: 25px;



width: 100%;



background: #ffffff url(../images/news_gradient.jpg) repeat-x bottom left;  



}







#menuAndContent-20-60-20 {



float: left;



width: 77%;



}







#menu-20-60-20 {



float: left;



width: 28%;



}







#menu-20-80,



#menu-20-40-40 {



float: left;



width: 21%;



}







#content-20-60-20 {



float: left;



width: 72%;



padding: 0px;



margin: 10px 0px 0px 0px;



background: #fff;



}







#content-20-80,



#content-20-40-40 {



float: left;



width: 76%;



min-height: 550px;



padding-right: 0px;



margin-top: 10px;



margin-left: 0px;



background: url("../images/contentbg.jpg") no-repeat center top;







}











#content-edc-20-80,



#content-edc-20-40-40 {



float: left;



width: 76%;



min-height: 550px;



padding-right: 0px;



margin-top: 10px;



margin-left: 0px;



background: url("../images/contentbg-edc-trans15tall.jpg") no-repeat center top;







/* background horizontal-position: ;



background vertical-position: 50px; */







}







#content-100 {



padding-left: 10px;



padding-right: 10px;



}







#content-20-80 #container,



#content-20-40-40 #container {







}







#content-20-40-40 #body #leftBody {



position: relative;



margin: 0px 3px 20px 0px;



float: left;



width: 47%;



}







#content-20-40-40 #body #rightBody {



position: relative;



margin: 0px 3px 0px 20px;



float: left;



width: 47%;



}



#bio_fr {



display:none;







}



















/* ----------  Header  ---------- */







/* ----------      Header Dan ---------- */



#hdr{



 width: 100%;



 margin: 0px 0 0px 0px;



 background: #ffffff url(../images/semi-fixed_bg.gif) repeat-y center;



 text-align: left;



 height:100%;



 }







.logodiv2{



height: px;



margin-left:auto;



margin-right:auto;



padding: 10px 0px 0px 0px;



border: solid #3c7639;



border-width: 10px 0 3px 0;



max-width:996px;



padding-top:px;



background: ;



}







.hdrLft{







 width: 24%;



 float:left;



 height: px;



 margin: 0 0 0px 10px;



 border: solid #ffffff;



 border-width: 0px;



 background: ;



 color: #333333;



 }







.hdrRht{



 float:right;



 width: 300px;



 height: px;



 margin: 0 0 0px 0;



 padding: 0px 0px 0px 0px;



 border: solid #ffffff;



 border-width: 0px;



 background: ;



 color: #333333;



 text-align: center;







 }







.hdrCtr{



 float:left;



 width: 02%;



 height: px;



 margin: 0 0 0px 0;



 border: solid #ffffff;



 border-width: 0px;



 background: ;



 color: #333333;



 }







#footer-edcbroken{



height: px;



margin-left:auto;



margin-right:auto;



padding: 0px 0px 0px 0px;



border: solid #3c7639;



border-width: 0px 0 3px 0;



max-width:996px;



padding-top:px;



background: #fff;



}







/* ----------  End Header Dan ---------- */







#top {



position: relative;



z-index: 0;



height: 58px;



width: 100%;



padding: 0;



margin: 0;



background: #fff url("../images/masthead.jpg") no-repeat right top;



}







#top #uofs {



position: absolute;



top: 10px;



left: 10px;



}







#masthead {



border-top: 0px solid #ddd;



border-bottom: 1px solid #ccc;



float: left;



clear: both;



margin: 0;



padding: 0;



width: 100%;



color: #777;



background: #d9d9d9 url("../images/gradient-tab3.gif") repeat-x left top;



}







#masthead h1 { 



margin: 0;



padding: 6px 5px 6px 10px;



font-size: 2.2em;



float: left;



}







#masthead a { 



text-decoration: none;



}







#breadcrumbs {



margin: 1.3em 30em 0 0;



padding: 0;



font-size: 1.1em;



line-height: 1.4em;



}







#breadcrumbs a:hover { 



text-decoration: underline;



}







/* ---------------- Footer ---------------- */







#footer {



width: 100%;



height: 57px;



background: #5790bb url("../images/footerbg.jpg") repeat-x;



float: left;



padding: 0 0 0 0;



margin: 0;







font-size: 1.1em;



text-align: right;







}







#footer a {



text-decoration: none;



}







#footer a:hover {



text-decoration: underline;



}







/* ----------  Menus / Outer Columns  ---------- */







#rightColumn {



float: left;



width: 22.9%;



}







.leftMenu,



#rightColumn {



font-size: 1.1em;



}







.leftMenu a,



#rightColumn a {



text-decoration: none;



}







.leftMenu a:hover,



#rightColumn a:hover {



text-decoration: underline;



}







.leftMenu h2,



.leftMenu h3,



.leftMenu h4,



#rightColumn h2 {



margin: 1px 7px 0px 0px;



padding: 4px 10px;



border-bottom: 1px solid #fff;



font-weight: bold;



font-size: 1.0em;



color: #ffffff;



background: #7f7f7f url("../images/gradient-tab3.gif") repeat-x left top;		



}



#rightColumn h2 {



	margin-left:7px;



	margin-right:0px;



}



.leftMenu h2 a,



#rightColumn h2 a {



color: #F7F7F7;



display: block;



width: 100%;



}







.leftMenu h2 a:hover,



#rightColumn h2 a:hover {



color: #fff;



text-decoration: none;



background: none;



}







.leftMenu ul,



#rightColumn ul {



margin: 0 7px 0 0;



padding: 0;



}



#rightColumn ul {



margin: 0;







}



.leftMenu ul li,



#rightColumn ul li {



list-style-type: none;



padding: 0;



margin: 0;



width: 100%;



border: none;



display: inline;



}







.leftMenu ul li a,



#rightColumn ul li a {



display: block;



color: #3b4f8c;



padding: 3px 10px;



margin: 0;



border-bottom: 1px solid #f7f7f7;

font-size: 0.9em;



background: #dcdcdc;



line-height: 1.3em;



}



#rightColumn ul li a {



	margin-left:7px;



	margin-right:0px;



}



.leftMenu ul a:hover,



#rightColumn ul a:hover {



background-color: #D5E7B5;



color: #3b4f8c;



text-decoration: none;



}







.leftMenu ul ul {



margin: 0;



border-bottom: 1px solid #fff;



}







.leftMenu ul ul a {



background-color: #fff;



border-top: 1px solid #ddd;



border-bottom: #fff;



color:#3b4f8c;

font-size: 1.0em;



padding-left: 21px;



}







.leftMenu ul ul ul {



margin: 2px 0 8px 20px;



border-top: 1px solid #ddd;



border-bottom: 1px solid #ddd;



}







.leftMenu ul ul ul a {



border-top: none;



color:#3b4f8c;



border-bottom: 1px solid #fff;



border-left: 1px solid #ddd;



background-color: #f7f7f7;

font-size: 1.4em;



padding-left: 12px;	



}







.leftMenu ul ul ul ul {



margin: 0;



border-bottom: 1px solid #fff;



}







.leftMenu ul ul ul ul a {



color:#3b4f8c;



background-color: #fff;



border-bottom: 1px solid #fff;



border-left: 1px solid #ddd;



padding-left: 20px;	



}







#rightColumn form,



.leftMenu form {



padding: 7px 10px;



margin: 0 7px 0 0;



border: 1px solid #ddd;



}







#rightColumn textarea



#rightColumn select,



.leftMenu select,



.leftMenu textarea {



width: 85%;



font: normal 0.95em Arial, Helvetica, sans-serif;



}







#rightColumn #quicklinks {



padding: 7px;



margin: 0;



background: #efefef;



border: none;



}







#rightColumn #quicklinks select {



width: 100%;



font-size: 0.95em;



}







#rightColumn input.buttons,



.leftMenu input.buttons {



width: auto;



font-weight: bold;



font-size: 1.1em;



}







.leftMenu #focusOn {



padding: 0px;



list-style: none;



margin-top: 10px;



}







.leftMenu #focusOn a {



text-decoration: none;



display: block;



padding: 0px;



height: 60px;



margin: 0 0 2px 0;



border: 1px solid #ddd;



float: left;



width: 99%;



}







.leftMenu #focusOn a:hover {



border: 1px solid #B8E960;



}







.leftMenu #focusOn #become {



background: #efefef url("../images/become.gif") no-repeat;



}







.leftMenu #focusOn #huskie {



background: #efefef url("../images/huskie.jpg") no-repeat;



} 







.leftMenu #focusOn #cls  {



background: #efefef url("../images/cls.jpg") no-repeat;



}







.leftMenu #focusOn #campaign  {



background: #efefef url("../images/campaign.jpg") no-repeat;



}







.leftMenu #focusOn #congress  {				



background: #efefef url("../images/congress.jpg") no-repeat;



}







.leftMenu #focusOn #shop  {



background: #efefef url("../images/shop_main_graphic.gif") no-repeat;



} 







.leftMenu #focusOn span {



display: none;



}







.rightPic {



width: 91%;



padding-right: 11px;



height: 100px;



margin-top: 10px;



max-width: 236px;



background: none;



}







.rightPic a {



display: block;



height: 100px;



background: none;



}







.rightPicCaption {	



background: #efefef;



margin-top: 1px;



padding: 2px 2px 2px 7px;



width: 92%;



max-width: 235px;



color: #777;



border: 1px solid #ddd;



}







#home_img {



	height:265px;



	padding:5px;



	border-left:solid #396E06 4px;



	background-image:url("../images/home_img.jpg");



	background-repeat:no-repeat;



}











/* ----------- Main Content ----------- */







.body {



font-size: 1.2em;



line-height: 1.5em;







}







.body input, .body textarea, .body select {



font: 1em Arial, Helvetica, sans-serif;



}







.body a:hover {







text-decoration: none;



}







.body h1, .body h2 {



margin: 0 0 .5em 0;



}







.body h3, .body h4, .body h5, .body h6 {



margin: 1em 0 .5em 0;



}







.body h1,



.body h2 {



color: #3b4f8c;



border-bottom: 0px solid #cae3a5;



font-size: 2.3em;



}







.body h2 b {



font-weight: normal;



}







.body h1 a,



.body h2 a,



.body h3 a,



.body h4 a {



text-decoration: none;



}







.body h3 {



font-size: 2em;



clear: both;



}







.body h4 {



font-size: 1.5em;



clear: both;



}







.body h5 {



font-size: 1.1em;



font-weight: bold;



clear: both;



}







.body ul {



list-style-image: url("../images/icons/list.gif");



}







.body textarea {



width: 80%;	



}







.body form ul {



list-style: none;



list-style-image: none;



margin-left: 0;



padding-left: 0;	



}



















/*----------- Forms -----------*/







.buttons {



font: bold 1.1em Arial, Helvetica, sans-serif;



padding: 0 3px;



background: #396E06;



color: #fff;



}







.body .buttons {



font-size: 1em;



font-weight: bold;



}







.buttons:hover {



color: #fbdc14;



}







fieldset {



border: 1px solid #ddd;



padding: 0 1em;



margin: 1.2em 0 1.8em 0;



}







fieldset fieldset {



border-width: 1px;



}







fieldset p {



margin: 1em 0;



}







legend {



font-size: 1.2em;



font-weight: bold;



color: #396e06;



}







fieldset fieldset legend {



font-size: 1.1em;



}







fieldset th {



font-weight: normal;



border-bottom: 1px solid #ddd;



}







fieldset table {



width: 100%;



margin: 1em 0;



}







label:hover {



background: #efefef;



}







form table td { 



padding: 5px;	



border-bottom: 1px solid #ddd;



}







/* ---------- Banners / Feature Pics ---------- */







#featurePicDiv {



position: relative;



overflow: hidden;



width: 100%;



padding: 0;



margin: 0;	



margin-bottom: 0.5em;



float: left;



}







#featurePicDiv a:hover{



text-decoration: none;	



}







#featurePic {



position: relative;



border-left: 3px solid #396e06;



}







#featureLink {



position: relative;



}







#logoLink {



display: none;



}







#picControls {



margin-bottom: 15px;



clear: left;



padding: 0;



margin-top: 0;



}







#picControls a {



text-decoration: none;



font-size: 1em;



}







#picControls a:hover {



background-color: #D5E7B5;



}







/* -------------- News / Events ----------- */







#events {



position: relative;



margin: 0;



float: left;



clear: left;



width: 48%;



}







#findIt {



position: relative;



margin: 0;



float:right;



width: 48%;



}







#news {



position: relative;



margin: 17px 0 0 0;



}







p.featuredEvent {



float: left;



height: 100%;



margin-bottom: 7px;



}







.featuredEvent .eventImage {



float: left;



margin: 2px 5px 5px 0px;



border: 1px solid #bbbbbb;



}







.newsEvents {



border: 1px solid #ddd;



}







.newsEvents label {



display: none;



}







.newsEvents a {



text-decoration: none;



}







.newsEvents a:hover {



text-decoration: underline;



}







.newsEvents p, .newsEvents form {



margin: 0;



padding: 7px 7px;



border-bottom: 1px solid #ddd;



}







.newsEvents form {



border: none;



padding-bottom: 0;



}







.newsEvents h3,



.newsEvents h4 {



margin: 0;



padding: 4px 7px;



font-size: 1.8em;



background: #d9d9d9 url("../images/gradient-tab4.gif") repeat-x left top;



border-bottom: 1px solid #ddd;



}







.newsEvents h4 {



font-size: 1em;



text-transform: uppercase;



color: #777;



}







.newsEvents ul {



list-style: none;



padding: 0.5em 0;



margin: 0;



font-size: 1.2em;



border-bottom: 1px solid #ddd;



}







.newsEvents ul a {



text-decoration: none;



}







.newsEvents li {



background: #fff url("../images/list.gif") no-repeat 8px 5px;



margin: 0;



padding: 4px 7px 4px 18px;







}







.newsEvents p img {



padding: 5px 2px;



}







.newsEvents a.moreLinks {



clear: both;



text-decoration: none;



width: auto;



display: block;



padding: 5px;



font-size: 1em;



color: #999;



}







.newsEvents a.moreLinks:hover {



text-decoration: none;







background-color: #D5E7B5;



color: #396e06;



}



#news_date {



	float:right;



	font-size:.9em;



	font-weight:bold;



	



}







/* ------------ Tables ------------ */







table.data {



border: 1px solid #ddd;



width: 100%;



clear: both;



line-height: 1.2em;



}







table.data a {



text-decoration: none;



}







table.data a:hover {



text-decoration: underline;



}







table.data th,



table.data thead th {



padding: 3px 5px;	



border: 1px solid #ddd;



font-weight: normal;



font-size: 1em;



text-align: left;



color: #666;



background: #f3f3f3;



vertical-align: top;



line-height: 1.1em;



}







table.data td,



table.data tbody td {



border: 1px solid #ddd;



padding: 5px;



vertical-align: top;



}







table.data td,



table.data tbody td,



table.data p, 



table.data li {



font-size: 0.95em;



}







ul.tableList {



list-style-image: none;



list-style-type: none;



margin: 0px;



padding-left: 0px;



}







ul.tableList li {



border-bottom: 1px solid #e7e7e7;



margin-left: 0px;



padding: 3px 0px;



}







table.data tr.alternate {



background: #f3f3f3;



}







table.data tr:hover,



table.data tbody tr:hover {



background: #e9efdf;



}











table.event {



border:1px solid black;



width:100%;



}







table.event td {



padding:6px;



border:1px solid black;



}











/* ----------- Tabbed search -------------- */







#general-search {



text-align:right;



margin-top:0px;



margin-right:15px;



}







#general-search input {



background: #fff;



border: 1px solid #808080;



padding:  2px;



font-size: 11px;



}







#search input {



background: #ffffff;



padding-left: 16px;



}







#general-search input.buttons {



margin: 0;



background: #5491be;



padding: 1px 4px;



border-color: #ddd;



font-size: 11px;



}











/* ---------------- Print Settings ---------------- */







@media print {



	#menuAndContent-20-60-20,



	#content-20-60-20,



	#content-20-80,



	.body {



	width: 100%;



	}



	#search,



	#breadcrumbs,



	#tabbed-search,



	#menu-20-60-20,



	#menu-20-80,



	#rightColumn,



	#masthead,



	#footer,



	#bookmarks {



	display: none;



	}



	.body ul {



	list-style-image: none; 



	list-style-type: disc;



	}



}







/* Orgchart div under office / org chart */



#orgchart {



visibility:hidden; 



position:absolute; 



left:100px; 



top:20px; 



border:thin; border-style: solid; 



background-color:#ffffff;







}



















/* ---------------- New STLHE CSS ---------------- */







.leftPic {



float:left;



text-align:center; 



width: 160px;



}







.rightDiv, .bioDiv {



margin-left:160px;



}







.clearDiv {



clear:both;



border-bottom:1px solid black;



padding-bottom:20px;



margin-bottom:20px;



}











.boardexpand {



cursor:hand;



cursor:pointer;



text-weight:bold;



}







.handlink {



text-decoration: none;



}







.handlink:hover {



cursor:hand;



cursor:pointer;



text-decoration: underline;



}







.boardexpand:hover {



text-decoration:underline;



}







.brList li, .awards li {



padding-bottom:1em;



}







.brList ol, .brList ul, .awards ol, .awards ul {



margin-bottom:-1em;



margin-top:0em;



padding-top:0em;



}







#cse-search-results iframe {



width: 100%;



}