body {
	margin: 0; padding: 0;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 16px;
	text-align: center;
	color: #464646;
	}

	body.homepage {
		background: #fff url(../images/homeTexture.jpg) no-repeat top center;
		}
	body.interior {
		background: #fff url(../images/interiorTexture.jpg) no-repeat top center;
		}
	
a img {
	border: none !important;
	}
	
* html img {
	padding-bottom: 0px; /* the value here was 'none' but was changed to '0px' for CSS Validation, David Lopez Jr. */
	}

h1, h2, h3, h4, h5, p, ul, ol,dl, li, dt, dd, table, thead, tbody, tfoot { margin: 0; padding: 0; }
h1 {
	margin: 0;
	padding: 0;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #464646;
	font-weight: bold;
}

#Masthead {
	background: transparent url(../images/hsustrip.gif) repeat-x top left;
	}
#Masthead div.branding {
		display: block;
		margin: 0 auto;
		width: 780px;
}
#Masthead.inside div.branding {
			display: block;
			margin: 0 auto;
			width: 890px;
}
#Masthead div.branding p.hsumark {
			padding-top: 2px;
			padding-bottom: 2px;
			text-align: left;
}
#Masthead.inside div.branding p.hsumark {
				padding-left: 70px;
				clear: both;
				text-align: left;
}
#Masthead div.branding p.sercmark {
			padding: 15px 0px;	
			text-align: left;
}
#Masthead.inside div.branding p.sercmark {
				float: left;
				text-align: left;
}		

#Wrapper.homepage {
	width: 100%;
	height: 318px;
	background-color: #306ea0;
	position: relative;
}
* html #Wrapper.homepage {
		
		}
#Wrapper.homepage #headline {
		display: block;
		position: relative;
		margin: 0 auto;
		width: 780px;
}
#Wrapper.homepage #headline img.leadingphoto {
	border-right: 1px solid #184365;
	}
	* html #Wrapper.homepage #headline img.leadingphoto {
		margin-left: 100px;
		}
#Wrapper.homepage #headline img.headlinelead {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 100;
	}
	* html #Wrapper.homepage #headline img.headlinelead {
		left: 98px;
		}
#Wrapper.homepage #headline p.headlinetext {
	position: absolute;
	top: 90px;
	left: 0;
	width: 16em;
	text-align: left;
	color: #e2f0fb;
	line-height: 1.4em;
	z-index: 100;
}
* html #Wrapper.homepage #headline p.headlinetext {
	left: 98px;
}
			
#HomeContent {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	padding-top: 40px;
}
#HomeContent p.footer {
		width: 780px;
		float: right;
		font-size: .9em;
		text-align: right;
		padding-top: 100px;
		line-height: 1.4em;
}
#HomeContent p.footer a:link, #HomeContent p.footer a:visited {
			text-decoration: none;
			color: #777;
			font-weight: bold;
}
#HomeContent p.footer a:hover {
				text-decoration: underline;
}
	#HomeIntro {
		width: 400px;
		float: right;
		padding-top: 10px;
		}
		#HomeIntro p {
			padding: 10px 0px;
			line-height: 1.8em;
			}


#PageTopper {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	padding-top: 6px;
	}
	#PageTopper .col1 {
		padding-top: 40px;
		}
	#PageTopper h3 {
		color: #306ea0;
		font-size: 1.6em;
		line-height: 1.5em;
		padding: 0px 0px 15px 0px;
		}
	#PageTopper h5 {
		color: #306ea0;
		font-size: 1.1em;
		line-height: 1.4em;
		}
	#PageTopper p {
		line-height: 1.5em;
		padding-bottom: 15px;
		}
		#PageTopper p.sectionIntro {
			font-size: 1.2em;
			line-height: 1.5em;
			}
	#PageTopper a:link {
		text-decoration: none;
		color: #306ea0;
		}
		#PageTopper a:visited {
			text-decoration: none;
			color: #464646;
			border-bottom: 1px dashed #306ea0;
			}
		#PageTopper a:hover {
		color: #306ea0;
		border-bottom: 1px dashed #306ea0;
		}


#Content {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	padding-top: 20px;
	font-size: .921em;
	}
	#Content h3 {
		color: #306ea0;
		font-size: 1.6em;
		line-height: 1.4em;
		padding: 0px 0px 15px 0px;
		}
	#Content h4, #PageTopper h4 {
		color: #306ea0;
		font-size: 1.1em;
		line-height: 1.4em;
		padding: 0px 0px 15px 0px;
		}
	#Content h5 {
		color: #306ea0;
		font-size: .9em;
		line-height: 1.4em;
		padding: 0px 0px 15px 0px;
		}
	#Content p {
		padding: 5px 0px 15px 0px;
		line-height: 1.4em;
		padding: 0px 0px 15px 0px;
		}
	#Content p img, #Content ul img, #Content ul img {
		float: right;
		margin: 0px 0px 5px 10px;
		border: none;
		}
	#Content a:link {
		text-decoration: none;
		color: #306ea0;
		}
		#Content a:visited {
			text-decoration: none;
			color: #464646;
			border-bottom: 1px dashed #306ea0;
			}
			#Content a:hover {
			color: #306ea0;
			border-bottom: 1px dashed #306ea0;
			}
		#Content ul {
			padding-bottom: 15px;
			list-style-type: square;
			margin-left: 25px;
			}
		#Content ol {
			padding-bottom: 15px;
			margin-left: 25px;
			}
			#Content ul.jumpto {
				padding: 5px;
				margin-bottom: 10px;
				border: 1px solid #ddd;
				}
			#Content ul.nobullets {
				list-style: none;
				margin-left: 0px;
				}
				#Content ul.jumpto li {
					display: inline;
					list-style: none;
					padding: 0px 20px 0px 0px;
					}
			#Content ul li, #Content ol li {
				padding: 5px 0px;
				line-height: 1.5em;
				}
		#Content dl {
			padding-bottom: 15px;
			}
			#Content dt {
				font-size: 1.2em;
				padding: 5px 0px;
				line-height: 1.6em;
				color: #8fa248;
				border-top: 1px solid #ddd;
				}
			#Content dd {
				padding: 5px 0px;
				line-height: 1.5em;
				}
			#Content dd.thumbnail img {
				float: center;
				padding: 0px 5px 5px 0px;
				border: none;
				}	
		#Content dl.highlights {
			width: 200px;
			float: right;
			border-bottom: 1px solid #ccc;
			background-color: #F8FFF0;
			list-style: none;
			margin: 0px 0px 10px 20px;
			}
			#Content dl.highlights dt {
				background-color: #306ea0;
				color: #FFFFFF;
				text-indent: 5px;
				font-size: 1.1em;
				line-height: normal;
				}
			#Content dl.highlights dd {
				padding: 10px 5px;
				}			
		#Content .caption img {
			border: none;
			}
			#Content .caption p {
				font-size: 1em;
				color: #777;
				padding-top: 10px;
				width: 300px;
				}
		#Content table th {
			text-align: left;
			color: #fff;
			background-color: #306ea0;
			padding: 5px;
			font-size: .9em;
			}
		#Content table td {
			padding: 5px 5px 10px 0px;
			border-bottom: 1px solid #ddd;
			}
		
			
#HomeNav {
	float: left;
	width: 350px;
	list-style: none;
	}
	#HomeNav li {
		padding: 8px 0px;
		font-size: 1.1em;
		}
		#HomeNav li a:link, #HomeNav li a:visited {
			text-decoration: none;
			color: #464646;
			}
			#HomeNav li a:hover {
				color: #306ea0;
				}
.insideglobalnav {
	float: right;
	width: 575px;
	list-style: none;
	font-size: .95em;
	padding: 10px 0px 0px 0px;
	text-align: left;
	}
	.top {
		padding-top: 45px;
		}
	.insideglobalnav li {
		display: inline;
		}
		.insideglobalnav li a {
			padding: 5px 10px 5px 0px;
			}
			.insideglobalnav li a:link, .insideglobalnav li a:visited {
				text-decoration: none;
				color: #464646;
				}
				body.about .insideglobalnav a.about {
					color:#91a248;
					font-weight: bold;
					}
					body.about .insideglobalnav a:hover.about {
						color: #91a248;
						}
				body.realworld .insideglobalnav a.realworld {
					color:#91a248;
					font-weight: bold;
					}
					body.realworld .insideglobalnav a:hover.realworld {
						color: #91a248;
						}
				body.rnd .insideglobalnav a.rnd {
					color:#91a248;
					font-weight: bold;
					}
					body.rnd .insideglobalnav a:hover.rnd {
						color: #91a248;
						}
				body.education .insideglobalnav a.education {
					color:#91a248;
					font-weight: bold;
					}
					body.education .insideglobalnav a:hover.education {
						color: #91a248;
						}
				body.community .insideglobalnav a.community {
					color:#91a248;
					font-weight: bold;
					}
					body.community .insideglobalnav a:hover.community {
						color: #91a248;
						}
				body.training .insideglobalnav a.training {
					color:#91a248;
					font-weight: bold;
					}
					body.training .insideglobalnav a:hover.training {
						color: #91a248;
						}
				body.related .insideglobalnav a.related {
					color:#91a248;
					font-weight: bold;
					}
					body.related .insideglobalnav a:hover.related {
						color: #91a248;
						}
				body.currentevents .insideglobalnav a.currentevents {
					color:#91a248;
					font-weight: bold;
					}
					body.currentevents .insideglobalnav a:hover.currentevents {
						color: #91a248;
						}		
				.insideglobalnav li a:hover {
					color: #306ea0;
					}
.insidesubnav {
	list-style: none;
	padding: 10px 0px 0px 0px;
	font-size:80%;
	}
	.insidesubnav li {
		display: inline;
		color: #e1e9c7;
		padding-right: 5px;
		}
		.insidesubnav li a {
			padding-right: 10px;
			}
			.insidesubnav li a:link, .insidesubnav li a:visited {
				text-decoration: none !important;
				color: #464646 !important;
				border: none !important;
				}
				.insidesubnav li a:hover {
					color: #fff !important;
					border: none !important;
					}
					
					/*mark the current page in the sub nav*/
					body.capabilities .insidesubnav a.capabilities, body.facilities .insidesubnav a.facilities, body.people .insidesubnav a.people, body.publications .insidesubnav a.publications, body.contact .insidesubnav a.contact, body.publicrelations .insidesubnav a.publicrelations, body.contactinfo .insidesubnav a.contactinfo, body.ed_classes .insidesubnav a.ed_classes, body.ed_interpretation .insidesubnav a.ed_interpretation, body.ed_outreach .insidesubnav a.ed_outreach, body.ed_equipment .insidesubnav a.ed_equipment, body.fellowship .insidesubnav a.fellowship, body.resources .insidesubnav a.resources, body.speaker_series .insidesubnav a.speaker_series, body.fuel_rd .insidesubnav a.fuel_rd, body.photovoltaic .insidesubnav a.photovoltaic, body.gasification .insidesubnav a.gasification, body.offgrid .insidesubnav a.offgrid, body.gridshare .insidesubnav a.gridshare, body.h2station .insidesubnav a.h2station, body.solarh2 .insidesubnav a.solarh2, body.zweig .insidesubnav a.zweig, body.stack .insidesubnav a.stack, body.uofa .insidesubnav a.uofa, body.remotetelecom .insidesubnav a.remotetelecom, body.h2trans .insidesubnav a.h2trans, body.energy_efficiency .insidesubnav a.energy_efficiency, body.h2fuelcell .insidesubnav a.h2fuelcell, body.feasibility .insidesubnav a.feasibility {
					color:#fff !important;
					}
					
.col1 {
	float: left;
	width: 380px;
	padding-top: 40px;
	}
	.col1 img {
		border: 1px solid #464646;
		}
.col2 {
	float: right;
	width: 335px;
	padding-top: 40px;
	}
	.col2 img, .within_image img {
		border: 1px solid #464646;
		}
.fullspan {
	padding-top: 40px;
	}
	
.image_title {
	text-align: left;
	color: #777;
	padding: 0px 0px 20px 0px;
	margin-top: -10px;
	font-size: .8em;
	}
	
.caption_title {
	text-align: left;
	color: #777;
	padding: 0px 0px 20px 0px;
	margin-top: 6px;
	font-size: 1.1em;
	width: 300px;
	}
	
.float {
	float: left;
	}
		

div.footer {
	clear: both;
	float: right;
	width: 300px;
	text-align: right;
	margin-top: 50px;
	font-size: .9em;
	}
	div.footer form {
		padding: 10px 0px;
		}
		
		
/***********************************/
/*    Code by David Lopez Jr.      */
/***********************************/

.List_Table {
	margin-left: 0px !important;
	}
	.List_Table li {
		border-bottom: 1px solid #ddd;
		list-style: none;
		}	
		.List_Table li p {
			line-height: 1.6em;
			}

.List_Table th
{
	background-color: #306ea0;
}

.Lists:hover
{
	background-color: #F8FFF0;
}

.Lists
{
	padding: 1px 1px 1px 0px;
	border-bottom: 1px solid #ddd;
}



.projects
{
	width: 600px;
}
.projects ul
{
	margin-left: 10px;
}
.projects li:hover
{
	background-color: #F8FFF0;
}
.projects_border:hover
{
	border-style: solid;
}

.projects_border
{
	border-width: 1px;
	border-style: dashed;
	border-color: #9FB36C;
	position: relative;
	margin: 0 0 1em 0;
}
.projects_border legend
{
	position: absolute;
	top: -.5em;
	left: .2em;
	font-weight: bold;
}


.sub_projects
{
	padding-left: 13px;
	
}

#edu_res_subnav
{
	width: 300px;
}
#edu_res_subnav ol
{
	padding-left: 2em;
}
#edu_res_subnav h4
{
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #9fb36c;
	color: #769a80;
	background-color: #E5ECF3;
}
	

.within_image {
	float: right;
	padding: 5px;
	min-width: 200px;
	margin: 0px 0px 10px 15px;
	font-size: 0.8em;
	line-height: 1.6em;
	clear:right;
	
	
	}
	
.within_image_left {
	float: none;
	padding: 0px;
	min-width: 200px;
	margin: 0px 0px 10px 0px;
	font-size: 0.8em;
	line-height: 1.6em;
	clear:left;
	}
	
.image_gallery {
	float: left;
	padding: 5px 5px 5px 0px;
	min-width: 200px;
	margin: 0px 10px 20px 0px;
	font-size: .8em;
	line-height: 1.6em;
	}
	.within_image .within_image_left .image_title, .image_gallery .image_title .caption_title {
	font-size: 1em !important;
	width: 300px;
	text-align: left;
	line-height: 1.4em !important;
	padding-top: 10px !important;
	clear: left;
		}
		* html .within_image .image_title, .image_gallery .image_title {
			}

.within_image_nofloat {
	float: none;
	padding: 5px;
	min-width: 200px;
	margin: 0px 0px 10px 15px;
	font-size: .8em;
	line-height: 1.6em;
	clear: both;
	}
	.within_image_nofloat .image_title .caption_title {
		font-size: 1em !important;
		width: 150px;
		text-align: left;
		line-height: 1.4em !important;
		padding-top: 10px !important;
		}

.Projects_Images {
	float: left;
	}
	.Projects_Images img {
		border: 1px solid #ccc;
		}

.nofloat {
	float: none;
	width: 100%;
	padding-left: 0px;
	margin-left: 0px;
	}
.bios {
	margin:10px 0;
}
.bios h5 {
	cursor:pointer;
	margin-right:25em;
	padding:5px 0 0 5px;
	border-bottom:dashed 1px #666;
}
.bios div {
	padding:5px 0 0 5px;
}