/*-----------------------------------------------------------------------------
 Style Sheet for DEEP

version:   1.0
dev date:  Spring 2006
author:    traci vaughan
email:     tvaughan at uiuc.edu

updated Summer/Spring 2007 by michajlo matijkiw

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}
	
	
/* Put it back on certain elements */
h1, h2, p, pre, blockquote, fieldset,  ul {
	margin: 1em 0;
	}
	
	
body { 
	background-color: #e6e5c8;
	} 


/* Remove border around linked images */
img {
	border: 0;
	}



/* =Typography, site-wide
-----------------------------------------------------------------------------*/

body {
  	font-family: Arial, Helvetica, sans-serif; 
	font-size: 84%; 
	line-height: 125%; 
	}

#homepage p { 
	line-height: 150%
	} 

/* =Headings
-----------------------------------------------------------------------------*/

h1 { 
	font-size: 130%; 
	position: relative;
	height:83px; 
	width:476px;
	} 
	
h2 { 
	font-size: 125%; 
	font-family: Arial, Helvetica, sans-serif;  
	color: #6F606C; 
	
	} 
	
h3 { 
	font-size: 100%; 
	color: #300A46;
	} 

/* =Link Colors & Positions
-----------------------------------------------------------------------------*/
a:link { color: #1523A4; text-decoration:none; } 

a:visited { /*color: #321778;*/ color: #1523A4; text-decoration: none } 

a:hover, a:visited:hover { 	color: #666633; text-decoration: underline } 

.morelink { 
	text-align: right
	}

th a:link, th a:visited, th a:hover { 
	color: #fff; 
	} 


/* =Branding
-----------------------------------------------------------------------------*/
#masthead { 
	margin-left: 25px 
	} 

span.imagerep { 
	background: url(/images/DEEP_title.gif) no-repeat; 
	position:absolute; 
	width: 100%; 
	height:100% 
} 


/* =Main Content
-----------------------------------------------------------------------------*/
#container { width: 780px; text-align:left; margin: 20px auto 10px auto; position:relative } 

#fixedcontent { 
	width: 776px; text-align:center; background: #fff url(/images/indexbox_mid.gif) repeat-y;   
	} 
	
#homepage #fixedcontent { 
	 background: #fff url(/images/indexbox_mid2.gif) repeat-y;   
	} 

/*below commands set the display of the static pages */
#topofbox { 
	background: #fff url(/images/indexbox_top.gif) no-repeat; 
	height: 30px 
	} 

#bottomofbox { 
	background:  url(/images/indexbox_bottom.gif) no-repeat; 
	height: 39px 
	}

#boxmiddle {  
	text-align: left; 
	padding: 0 36px 0px 42px } 
	
	

/* =Search Pages
-----------------------------------------------------------------------------*/

#fluidcontainer { 
	
	width: 90%; 
	text-align:left; 
	margin: 10px auto;
	} 
	
#fluidcontainer #masthead { 
	margin-left: 40px; 
	} 
	
#contentbox { 
	margin: 20px 25px; 
	border: 1px solid #a2a0a8; 
	border-bottom: none;
	background: #fff url(/images/level2_bottomfx.gif) bottom center no-repeat; 
	padding: 0px 20px; 
	padding-bottom: 40px
	} 

	
span.searchhilite { 
	font-weight: bold; 
	} 
	
.expand { 	
	width: 8em;
	float: right; 
	font-weight: normal; 
	text-align: right; 
	padding-right: 1em; 
	font-size: 90%
	} 


span.label { 
	font-size: .9em;
	text-transform: uppercase; 
	color: #663300 
	} 
	


td { 
	vertical-align: top; 
	padding: 2px 4px; 
	} 

th, tr.record td { 
	padding: 6px 0px 3px 0px; 
	} 


.spacer { 
	border-top: 1px dashed #666633;
	 
	} 
	
	
#viewmod { 
	padding-top: 1em; 
	} 

/* =Footer
-----------------------------------------------------------------------------*/
#indexfooter { 
	font-size: 85%; 
	text-align: left;
	text-transform:uppercase; 
	padding-left: 20px; 
	color: #6E6E6E
	} 


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

.error { 
	font-size: 80%; 
	font-weight: bold; 
	color:#7B1A1F; 
	padding-left: 1em 
	} 

/* Removes fieldset borders. even on Opera 7 */
fieldset {
	border: 1px solid transparent;
	}
	
.formitem { 
	clear: both; 
	padding-top: 1.75em
	} 
	
	
#contactform label { 
	width: 11em; 
	float: left; 
	} 


#submitemail { 
	margin-left: 11em; 
	}
	
	
#From, #To { 
	display: inline; 
	} 
	
.submitbutton { 
	margin-top: 25px; 
	} 
	
#logout { 
	position: absolute; 
	
	right: 20px; 
	top: 10px; 
	padding: .3em; 
	border: 1px solid #660000; 
	} 

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

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

td {
	text-align: left;
	font-weight: normal;
	}



/* =Lists 
-----------------------------------------------------------------------------*/

ol#about { 
	margin-left: 3em; 
	} 
	
#about li { 	
	margin-bottom: 1.5em
	} 


/* =About deep
----------------------------------------------------------------------------*/
.termlabel{
	margin-left:-12px;
	font-weight:bold;
}

.termdesc{
	margin-left:15px;
}



input,select {
	margin-bottom:5px;
}