/* =LAYOUT */

#container {
	margin: 0 auto;
	padding: 0 30px;
	text-align: left;
	width: 914px;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
	font-size: 1.2em;
    }
    
#header {
	margin: 2em 0 4em 0;
	} 
    
#footer {
	padding: 4em 0 1em 0;
	}
	
.sidebar {
	float: left;
	width: 250px;
	}
	
.main {
	float: right;
	width: 600px;
	padding-top: 1em;
	margin-bottom: 2em;
	}
	
/* =LINKS */    
	
a:link, a:visited {
	color: #000;
	text-decoration: none;
	background: #FFFF99;
	}
	
a:hover {
	background: none;
	text-decoration: underline;
	}			
	
/* =GLOBAL */	

body, h1, h2, h3, p, dl, dt, dd {
	margin: 0;
	padding: 0;
	}

body {
	font-size: small;
	font-family: Georgia, serif;
    }

h1 {
	position: relative;
	width: 419px;
	height: 72px;
	}	
	
h1  span {
	background: url(../images/pencllabs.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h2 {
	margin-top: 10px;
	}	
	
h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	}
	
h3#logo {
	color: #0066CC;
	position: relative;
	width: 281px;
	height: 67px;
	margin: 10px 0 30px 0;
	}	
	
h3#logo  span {
	background: url(../images/ff-logo-4.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
h3#logo a:hover span {
	background-position: right top;
	}
	
p {
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 10px;
	}	
	
.underline {
	text-decoration: underline;
	}
	
.tagline {
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	color: #555;
	}
	
/* =CONTENT */	

#header, #projects, #management, #advisors, #contact, #footer {
	clear: both;
	}

#projects h2 {
	position: relative;
	width: 113px;
	height: 33px;
	}	
	
#projects h2 span {
	background: url(../images/project.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#projects .sidebar, #projects .main {
	border-top: 10px solid #99CCFF;
	}
	
#projects .main h3 {
	font-size: 2em;
	}
	
#management .sidebar, #management .main {
	border-top: 10px solid #CCCCFF;
	}	
	
#management h2 {
	position: relative;
	width: 157px;
	height: 37px;
	}	
	
#management h2 span {
	background: url(../images/principals.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#management .trevor {
	margin-top: 1.5em;
	}	
	
#advisors h2 {
	position: relative;
	width: 137px;
	height: 29px;
	}	
	
#advisors h2 span {
	background: url(../images/advisors.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#advisors .sidebar, #advisors .main {
	border-top: 10px solid #CCFFCC;
	}
	
#advisors dl {
	margin-top: 5px;
	margin-bottom: 10px;
	}
	
#advisors dt {
	font-size: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	}			

#advisors .bio {
	line-height: 1.5em;
	padding: 0.5em 0 1.5em 0;
	}
	
#advisors .job-title {
	font-weight: bold;
	}
	
#contact h2 {
	position: relative;
	width: 118px;
	height: 25px;
	}	
	
#contact h2 span {
	background: url(../images/contact.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#contact .sidebar, #contact .main {
	border-top: 10px solid #FF9966;
	}