﻿@charset "UTF-8";
/* CSS Document */

/* Universal Styles */
body { font-size: 0.8em; 
font-family: Helvetica, Arial, sans-serif;
color: #333333;
background: url('images/pattern.jpg');
line-height: 130%;
height:100%;
}

b { font-weight:bold;
		color: #939598;
		}	    
		
	#pics img {
    	 border: 1px solid #39BEB9;
    	 }
    	       
	#menu a:link {
	    color: #ffffff;
		font-weight: normal;
		text-decoration:none;
		font-family: Georgia, Times, “Times New Roman”, serif;
		font-style: italic;
	 letter-spacing: 0.04em;
           }
	
	#menu a:visited {
	    color: #ffffff;
		font-weight: normal;
		text-decoration:none;
		font-family: Georgia, Times, “Times New Roman”, serif;
		font-style: italic;
           }
		   
	#menu a:hover {
	    color: #fff;
		font-weight: normal;
		text-decoration:none;
		font-family: Georgia, Times, “Times New Roman”, serif;
		font-style: italic;
           } 
		   
    a:link {
		color: #39BEB9;
		font-weight: bold;
		text-decoration:none; }
		
	
	a:visited {
	     color: #39BEB9;
		font-weight: bold;
		text-decoration:none;}
           
	a:hover {
		 color: #CCC;
		font-style: none;
		text-decoration:none;
           }      
		   
		   h1 {font-size: 1.6em;
		   font-family: Georgia, Times, “Times New Roman”, serif;
		   font-style:italic;
		   font-weight: normal;
		   line-height: 100%;
		   color: #39BEB9;}
		   
		   h8 {font-size: 1.6em;
		   font-family: Georgia, Times, “Times New Roman”, serif;
		   font-style:italic;
		   font-weight: normal;
		   line-height: 100%;
		   color: #39BEB9;}

/* Structure */
#container
{
position:relative;
margin: auto;
top: 15px;
width: 1000px;
height: 1800px;
background-color: #ffffff;
margin-bottom: 50px;
}

#min_container
{
position:relative;
margin: auto;
top: 15px;
width: 1000px;
height: 1000px;
background-color: #ffffff;
margin-bottom: 50px;
}
#work_container_senior
{
position:relative;
margin: auto;
top: 15px;
width: 1000px;
height: 16400px;
background-color: #ffffff;
/*margin-bottom: 50px;*/
}
#work_container_soph
{
position:relative;
margin: auto;
top: 15px;
width: 1000px;
height: 3500px;
background-color: #ffffff;
/*margin-bottom: 50px;*/
}
#work_container_junior
{
position:relative;
margin: auto;
top: 15px;
width: 1000px;
height: 8000px;
background-color: #ffffff;
/*margin-bottom: 50px;*/
}
#work_container_collab
{
position:relative;
margin: auto;
top: 15px;
width: 1000px;
height: 1750px;
background-color: #ffffff;
/*margin-bottom: 50px;*/
}
#work_container_grad
{
position:relative;
margin: auto;
top: 15px;
width: 1000px;
height: 3000px;
background-color: #ffffff;
/*margin-bottom: 50px;*/
}
#work_container
{
position:relative;
margin: auto;
top: 15px;
width: 1000px;
height: 1000px;
background-color: #ffffff;
/*margin-bottom: 50px;*/
}
#logoarea {
background-color: #939598;
	height: 200px;
}

#menu {
	background-color: #39BEB9;
	height: 40px;
}

#menu ul li {
	list-style-type: none;
	width: auto;
	height: auto;
	position: relative;
	top: 0;
}

#theshow {
	position: absolute;
	left:650px;
	top: 200px;
	width: 150px;
}

#thework{
	position: absolute;
	left: 750px;
	width: 150px;
	top: 200px;
}

#sponsors {
	position: absolute;
	left: 850px;
	width: 150px;
	top: 200px;
}


#content {
	position: absolute;
	width: 1000px;
	top: 275px;
}

#footer {
	position: absolute;
margin: auto;
	width: 1000px;
	top: 1700px;
}

/* The Show */

h3 {font-size: 1.6em;
		   font-family: Georgia, Times, “Times New Roman”, serif;
		   font-style:italic;
		   font-weight: normal;
		   line-height: 20%;
		   color: #3B3B3B;}

#about{ 
	width: 750px;
	margin-left: 120px;
	position: absolute;
	font-size: 1.0em;
	font-family: Georgia, Times, “Times New Roman”, serif;
	font-weight: normal;
	color: #666;
	line-height:140%;
}

#pics{
	width: 300px;
	margin-left: 120px;
	position: absolute;
	top: 200px;
	z-index: 1;
	font-size: 0.9em;
}

#bio{
	width: 400px;
	margin-left: 470px;
	position: absolute;
	top: 200px;
	font-size: 0.9em;
}

#bio_emily{
	width: 400px;
	position: absolute;
	top: 407px;
}

#bio_nikolay{
	width: 400px;
	position: absolute;
	top: 812px;
}


/* Work */
#work{
	margin-left: 120px;
	position: absolute;
	top: 10px;
	z-index: 1;
	font-size: 0.9em;
}

#seniortest{
	position:relative;
	top:30px;
	z-index: 1;
	width:550px;
}
.work {
	position:relative;
	/*top:30px;*/
	margin-left:42px;
	margin-top:50px;
	z-index: 1;
	width:675px;
	color:#333333;
	font-size:.9em;
	font-family:Helvetica,Arial,sans-serif;
	
}

#min_footer {
	position: absolute;
margin: auto;
	width: 1000px;
	top: 900px;
}
#work_footer {
	position: relative;
    margin: auto;
	width: 1000px;
	background:#FFFFFF none repeat scroll 0 0;
	height:100px
	/*top: 900px;*/
}

/* Sponsors */
#min_container
{
position:relative;
margin: auto;
top: 15px;
width: 1000px;
height: 1000px;
background-color: #ffffff;
margin-bottom: 50px;
}

#ufsponsors{
	margin-left: 120px;
	position: absolute;
	top: 10px;
	z-index: 1;
	font-size: 0.9em;
}

#sponsorlist{
	width: 250px;
	margin-left: 120px;
	position: absolute;
	top: 150px;
	font-size: 0.9em;
}

h2 {font-size: 1.6em;
		   font-family: Georgia, Times, “Times New Roman”, serif;
		   font-style:italic;
		   font-weight: normal;
		   line-height: 110%;
		   color: #39BEB9;}
		   

/* Work Menu */
#workmenu{background-color: #808080;
	height: 30px;
}

#workmenu a:link {
	    color: #ffffff;
		font-weight: normal;
		text-decoration:none;
		font-family: Helvetica, Arial, sans-serif;
	 letter-spacing: 0.04em;
           }
	
	#workmenu a:visited {
	    color: #ffffff;
		font-weight: normal;
		text-decoration:none;
		font-family: Helvetica, Arial, sans-serif;
           }
		   
	#workmenu a:hover {
	    color: #fff;
		font-weight: normal;
		text-decoration:none;
		font-family: Helvetica, Arial, sans-serif;
           } 

#workmenu ul li {
	list-style-type: none;
	width: auto;
	height: auto;
	position: relative;
	top: 0;
}

#grads {
	position: absolute;
	left:300px;
	top: 235px;
	width: 150px;
}

#seniors{
	position: absolute;
	left: 375px;
	width: 150px;
	top: 235px;
}

#juniors {
	position: absolute;
	left: 460px;
	width: 150px;
	top: 235px;
}

#sophomores {
	position: absolute;
	left: 540px;
	width: 150px;
	top: 235px;
}

#nonmajors {
	position: absolute;
	left: 650px;
	width: 250px;
	top: 235px;
}

#collaborations {
	position: absolute;
	left: 750px;
	width: 250px;
	top: 235px;
}
