@charset "windows-1252";

#mainPage {
 position: relative;
 width: 680px;
 height: 1000px;
 top: 0px;
 left: 0px;
 margin: 0;
 padding: 0;
 background-color: #fffefe;
}


#intro { 
	position: absolute;
	left: 60px;  
	top: 40px;
	width: 525px;
	font-weight: bold;
	text-align: justify;
	font-size: 0.95em;
font-size: 15px;
	background-color: #fffefe;
}

#mainPageHeader {
 text-align: center; 
 color: #41788B;
 color: #074789;  
 font-family: Verdana;
 font-size: 1.3em;
font-size: 20px;
 margin-top: 10px;
 margin-bottom: 25px;
}

#citation {
	text-align: justify;
	font-weight: bold;
	font-size: 0.8em;
font-size: 12px;
}

#subtitle {
	text-align: justify;
	font-weight: bold;
	font-size: 0.7em;
font-size: 11px;
}

#before {
opacity: 1;
-moz-opacity:1;
-khtml-opacity:1;
filter: alpha(opacity=100);
/ *border: 1px solid #074789;  */
}

#after {
opacity: 0;
-moz-opacity:0;
-khtml-opacity:0;
filter: alpha(opacity=0);
/* border: 1px solid #074789; */
}

#before, #after {
position: absolute;
left: 85px;
top: 230px;
width: 480px;
height: 288px;
background-color: #fffefe;
}

#namePos {
position: absolute;
left: 33px;
top: 524px;	
width: 525px;
text-align: right;
margin-top: 0px;
background-color: #fffefe;
}

#credits {
	position: absolute;
	left: 60px;
	top: 670px;
	font-size: 0.65em;
font-size: 12px; 
	text-align: left;
} 

#keywords {
 position: absolute;	
 left: 60px;
 top: 600px;  
 width: 525px;
 text-align: left; 
 font-weight: bold;
 font-size: 0.8em; 
font-size: 13px;
 text-align: justify;
 /* visibility: hidden;	 */
}

#credits a:link{ 
 color: #41788B;
}

#jobs {	
 position: absolute;  /*when jobs are available */
 left: 40px;
 top: 10px;
 text-align: left;
 font-size: 0.7em;
font-size: 10px;
 font-weight: bold;
}

#jobs a {
 text-decoration: none;
 color: #c50e10;
}

#jobs img {	 
 border: none;
}