/*

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

- Colors
- General/Global
- Wrapper DIV20
- 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
Dark Grey: #252525

---------- General/Global ---------- */
html {
height:100%;
}

body {
margin: 0;
padding: 0;
font: 62.5% Arial, Helvetica, sans-serif;
background: #252525 url("/scienceonstage/images/sos-swirl-5.png") no-repeat center 127px;
text-align: left;
height:100%
}

h1, h2, h3, h4, h5, h6 {
padding: 0;
color: #4D7C7B;
font-weight: normal;
line-height: 1.2em;
margin: 1.4em 0 0.7em 0;
font-family:"Arial Narrow", "Franklin Gothic Medium", Helvetica, sans-serif;
}

p, ul, ol {
margin-top: 1.4em;
margin-bottom: 1.4em;
}

ol ul, ul ol, ol ol, ul ul {
margin-top: 0;
margin-bottom: 0;
}


form {
margin: 0;
padding: 0;
}

img {
border: none;
}

a {
color: #396E06;
}

table {
border-collapse: collapse;	
margin: 0 0 0 0;
}

table td p {
margin-top:0px;
}

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


.hidden { display: none; }

.here { 
font-weight: bold;
color:#BFDAD9;
 }

.icon {
margin-bottom:-5px;
}

.small {
color:#5C5C5C;
font-size:90%;
}

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

#semi-fixed {
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
max-width:896px;
background-color: #ffffff;
height:auto;

}



#content-20-80,
#content-20-40-40 {


margin-left: 10px;
background: #fff;
height:auto;
margin-bottom:auto;

/* margin-top: -12px; */

}



#content-20-80 #container,
#content-20-40-40 #container {

}


#address {
text-align:center;
color:#5c5c5c;
font-family:"Arial Narrow", "Franklin Gothic Medium", Helvetica, sans-serif;
font-size:.9em;
margin-top:15px;

}

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

#top {
position: relative;
z-index: 0;
height:62px;
width: 100%;
padding: 0;
margin: 0;
background: #fff;
}

#top #uofs {
position: absolute;
top: 10px;
left: 10px;
}

#masthead {
background-color:#FFFFFF;
text-align:center;
margin-left:auto;
margin-right:auto;
height:128px;
/*border-top: 1px solid #ddd; */
padding: 0;
}

#masthead h1{ 
margin: 0;
padding: 6px 5px 6px 10px;
font-size: 2.8em;
font-family:"Arial Narrow", "Franklin Gothic Medium", Helvetica, sans-serif;
line-height:normal;
}

#masthead h1 a { 
margin: 0;
font-size: 1.5em;
color:#5c5c5c;
text-decoration: none;
text-transform:uppercase;
}




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


#footer {
width: 100%;
float: left;
margin: -20px 0 0 0;
font-size: 1.1em;
text-align: center;
color: #777;
background: #930500 url("/scienceonstage/images/red_bar.jpg") ;
}

#footer a {
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;

}
/*
#footer_img {
margin-top:0px;
height:50px;
background:url("/scienceonstage/images/footer_image.jpg") right no-repeat;
}*/

#footer_img {
margin-top:0px;
height:50px;
background:url("/scienceonstage/images/footer_image.jpg") right no-repeat;
float:right;
width:50%;
}

#footer_left {
margin-top:0px;
height:50px;
background:url(../images/footer_left_image.jpg) left no-repeat;
float:left;
width: 50%;
}

#footer_sponsor {
background: none;
margin-top:-10px;
height: 50px;
text-align:right;
font-size:12pt;
color:#000000;
font-weight:bold;
font-style:italic;
color:#4D7C7B;


width:100%;
z-index:10;
}

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

#top_nav {
background: #930500 url("/scienceonstage/images/red_bar.jpg");
height:50px;

/* margin-top:-40px; */
min-width:760px;
z-index:0;
}

#top_nav h2 {
float:left;
margin:12px 0 0 0;
font-family:"Arial Narrow", "Franklin Gothic Medium", Helvetica, sans-serif;
font-size:1.8em;
text-transform:uppercase;
text-align:center;
}


#top_nav h2 a:link, #top_nav h2 a:visited  {
color:#ffffff;
text-decoration:none;
}
#top_nav h2 a:hover, #top_nav h2 a:active   {
color:#BFDAD9;
}







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

.body {
font-size: 1.2em;
line-height: 1.5em;
background: #ffffff url("/scienceonstage/images/sos-swirl-2-just_leaves.png") no-repeat center 6px;

}

.body input, .body textarea, .body select {
font: 1em Arial, Helvetica, sans-serif;
}

.body a:hover {
background-color: #D5E7B5;
text-decoration: none;
}

.body h1,
.body h2 {
margin: 0 0 1em 0;
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 {
margin: 0 0 1em 0;
font-size: 2em;

}

.body h4 {
margin: 0 0 1em 0;
font-size: 1.5em;

}

.body h5 {
font-size: 1.1em;
font-weight: bold;
clear: both;
}

.body ul {
list-style-image: url("/scienceonstage/images/mapleleaf_bullet.gif");
line-height: 2em;

}


.body textarea {
width: 100%;	
}

.body form ul {
list-style: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;	
}

.body dl {
margin: 0;
padding: 0;
}

.body dt {
float: left;
font-weight: bold;
margin-right: 0.5em;
padding: 0;
}	

.body dd {
margin: 0;	
}

.body dd {
margin: 0;	
}

.menuCell {
list-style: none;
}

#news_vps {
width:58%;
float:right;
}

/*----------- 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;
}

.dept_contacts {
float:left;
width:245px;
margin-bottom:5px;
}

.icon_shift {
margin-bottom:-3px;
}


/* ------------ 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;
}

th {
background-image:url(../images/gradient-tab2.gif);
color:#FFFFFF;
padding:2px 2px 2px 10px;
}

table.st td {
background-color:#efefef;
border-bottom:solid 1px #FFFFFF;
}


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


#general-search {
text-align:right;
margin-top:5px;

margin-right:15px;
}

#general-search input {
background: #fff;
border: 1px solid #aaa;
padding:  2px;
font-size: 11px;
}

#search input {
background: #fff url("../images/icons/search.gif") no-repeat 3px 3px;
padding-left: 16px;
}

#general-search input.buttons {
margin: 0;
background: #4D7C7B;
padding: 1px 4px;
border-color: #ddd;
font-size: 11px;
}

.padimgleft {
padding-left:7px;
}
.padimgright {
padding-right:7px;
}

.imgRight {
	float:right;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}

.imgLeft {
	float:left;
	margin-right:3em; 
	margin-bottom:0.5em;
}

.photo {
	color: #444444;
	font-family:  Helvetica, Arial, Geneva, Sans-Serif;
	font-size: 10px;
	font-style: italic;
	line-height: 1.2em;
    margin: 0 0 0 0;
}



#divborder { 
border-width: .2em; 
border-style: dotted; 
border-color: #666;
margin-right: 10px;
} 



/* ---------------- 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;
	}
}