@charset "UTF-8";
/* CSS Document */
* {
	padding:0px;
	margin:0px;
}
p {margin-bottom:0px;}
.clr {clear:both;} 
a:link, a:visited {
	text-decoration:none;
	color:#666666;
	}
a:hover, a:active {
	text-decoration:none;
	color:#00a0df;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	background:url(../images/tile.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	line-height:20px;
	height:100%;
	scrollbar-face-color: #cccccc;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	
	/*scrollbar-face-color:#fff; 
	scrollbar-arrow-color:#000; 
	scrollbar-track-color:#fff; 
	scrollbar-shadow-color:''; 
	scrollbar-highlight-color:''; 
	scrollbar-3dlight-color:''; 
	scrollbar-darkshadow-Color:'';*/
}
.oneColFixCtr #container {
	width:1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:600px;
	border:0px solid #000000;
	background: #ffffff;
	margin: 40px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	height:20px;
	width:1000px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #cccccc;
}
	#logo {
	float:left;
	margin-top:3px;
	display:inline;
	width:253px;
	height:14px;
	text-indent:-5000px;
	background:url(../images/splogo6.gif) no-repeat;
}
	#contact {
	float:right; 
	display:inline;
	width:505px;
	height:17px;
	text-indent:-5000px;
	background:url(../images/contactline.gif) no-repeat;
}
#content {
	clear:both;
	width:1000px;
	height:500px;
	margin:10px 0px 10px 0px;
}
		#navigation {
			float:left;
			width:235px;
			margin-right:10px;
			height:500px;
			color:#000000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			line-height:15px;
			display:inline;
			overflow:auto;
		}
			/*#navigation ul {margin-left:20px;}
			#navigation li {list-style:none; margin-left:10px;}*/
			.newsstories {color:#666666;}
			.datecolor {font-weight:bold; color:#00a0df;}
		#pictures {
			float:left;
			width:500px;
			height:500px;
			border:1px solid #cccccc;
			overflow:hidden;
			display:inline;
		}
		#text {
			float:left;
			width:233px;
			height:460px;
			color:#666666;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:10px;
			margin-left:20px;
			display:inline;
		}
			#text h2 {margin-bottom:25px; color:#000000;}
			#text p {margin-bottom:10px;}
		#text2 {
			float:left;
			width:233px;
			height:500px;
			color:#666666;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:10px;
			margin-left:20px;
			display:inline;
			overflow:hidden;
		}
			#text2 h2 {margin-bottom:25px; color:#000000;}
			#text2 p {margin-bottom:10px;}
			#projecttitle {
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
			}	
			#description {
				height:350px;
				margin-top:25px;
				padding-right:10px;
				line-height:12px;
				overflow:auto;
			}
			#recognition {
				height:464px;
				margin-top:0px;
				padding-right:10px;
				line-height:14px;
				overflow:auto;
			}
			#awards {
				height:30px;
				font-size:11px;
				font-style:italic;
				font-weight:bold;
				color:#666666;
				margin-top:10px;
			}
		#peoplecontent {
			float:left;
			width:743px;
			height:500px;
			border:0px solid #cccccc;
			overflow:auto;
			display:inline;
			font-size:11px;
			line-height:12px;
			padding-right:10px;
		}
			#peoplecontent p {margin-bottom:10px;}
			.peoplecredentials {
				float:left;
				display:inline;
			}
			.peoplephoto {
				float:right; 
				display:inline;
			}
		#newscontent {
			float:left;
			width:743px;
			height:500px;
			border:0px solid #cccccc;
			overflow:hidden;
			display:inline;
			font-size:11px;
			line-height:12px;
			padding-right:10px;
			}
			#gotoproject {
			float:right;
			font-size:14px;
			font-weight:bold;
			}
			#gotoproject a:link, #gotoproject a:visited {color:#b09a09;}
			#gotoproject a:hover, #gotoproject a:active {color:#00a0df;}
		#historycontent {
			float:left;
			width:743px;
			height:500px;
			border:0px solid #cccccc;
			overflow:hidden;
			display:inline;
			font-size:11px;
			line-height:12px;
			padding-right:10px;
		}
			#historycontent h1 {
			font-size:12px;
			font-weight:bold;
			margin-bottom:10px;
			}
			#historycontent p {margin-bottom:10px;}
			.downloadlink a:link, .downloadlink a:visited {color:#b09a09;}
			.downloadlink a:hover, .downloadlink a:active {color:#00a0df;}
#footer {
	clear:both;
	height:20px;
	width:1000px;
	margin:0px 0px 0px 0px;
	border-top:1px solid #cccccc;
}	
	#copyright {
		float:left;
		display:inline;
		width:252px;
		height:20px;
		text-indent:-5000px;
		background:url(../images/copyright.gif) no-repeat;
	}
	#credit {
		float:left;
		display:inline;
		width:200px;
		height:20px;
		text-indent:-5000px;
	}
	#credit a:link, #credit a:visited {
		display:block;
		height:20px;
		background:url(../images/maycreate.gif) 0px 0px no-repeat;
		overflow:hidden;
		width:200px;
		line-height:155px;
	}
	#credit a:hover, #credit a:active {
		display:block;
		height:20px;
		background:url(../images/maycreate-OVER.gif) 0px 0px no-repeat;
		overflow:hidden;
		width:200px;
		line-height:155px;
	}
	#picnav {
		float:right; 
		font-size:12px;
		font-weight:bold;
	}

/* Form Management */
#contactform {width:600px;}
#contactform li {height:0px; text-align:center;}
fieldset {  
	position: relative;  
	float: left;  
	clear: both;  
	width: 100%;  
	margin: 0 0 -1em 0;  
	padding: 0 0 1em 0;  
	border-style: none;  
	background-color: #c5c5c5;
}
fieldset.alt {  
	background-color: #E6E3DD;
}
fieldset.alt label {  
	position: relative;  
	float: left;  
	width: 20em;  
	margin-right: 1em;
}
legend {  
	padding: 0;  
	color: #660000;  
	font-weight: bold;
}
legend span {  
	position: absolute;  
	left: 0.74em;  
	top: 0;  
	margin-top: 0em;  
	font-size: 135%;
}
fieldset ol {  
	padding: 0em 1em 0 1em;  
	list-style: none;
}
fieldset li {  
	padding-bottom: 1em;
}
fieldset.submit {  
	border-style: none;
}
#mcsubmit {
	width:90px;
	height:23px;
	margin-left:140px;
}
label {  
	position: relative;  
	float: left;  
	width: 310px;  
	color:#FFFFFF;
	text-align:right;
	font-weight:bold;
}
label em {  
	position: absolute;  
	left: 9em;  
	top: 0;
}
fieldset.submit {  
	float: none;  
	width: auto;  
	padding-top: 1.5em;  
	padding-left: 12em;  
	background-color: #FFFFFF;
}