/*



--------- 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-tab4.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.3em;

color: #ffffff;;

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

}

#rightColumn h2 {

	margin-left:7px;

	margin-right:0px;

}

.leftMenu h2 a,

#rightColumn h2 a {

color: #fff;

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 #fff;

background: #efefef;

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: #f7f7f7;

border-top: 1px solid #ddd;

border-bottom: none;

color:#3b4f8c;

padding-left: 22px;

}



.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;

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: 1px 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%;

}