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/homeTexture.jpg) no-repeat top center;
		}
	
a img {
	border: none !important;
	}
	
* html img {
	padding-bottom: 0px;
	}

h1, h2, h3, h4, h5, p, ul, ol,dl, li, dt, dd, table, thead, tbody, tfoot { 
	margin: 0;
	padding: 0;
	font-family:'helvetica neue', helvetica, arial, sans-serif;
}

h1 {
	width: 750px;
	margin: 0 auto;
	color: #FFFFFF;
	font-weight: normal;
	font-weight:200;
	font-size: 20px;
	line-height:32px;
	letter-spacing: +1px;
}

h2 {
	color: #306ea0;
	font-size: 1.6em;
	line-height: 1.6em;
	padding: 0px 0px 15px 0px;
}

h3 {
	color: #306ea0;
	font-size: 1.2em;
	line-height:1.6em;
	margin: 0.5em 0 0.3em 0;
}

/* MWM: added 1px line-heights to the two image paragraphs; without those, the spacing shifts in XHTML strict mode due to baseline position and throws off the whole document. */

#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;
				line-height:1px;
}
#Masthead div.branding p.sercmark {
			padding: 15px 0px;	
			text-align: left;
			line-height: 1px;
}
#Masthead.inside div.branding p.sercmark {
				float: left;
				text-align: left;
}		

/* This adds the blue stripe effect to the front page */
#Wrapper.homepage {
	width: 100%;
	background-color: #306ea0;
	position: relative;
}
#Wrapper.homepage img {
	display: block;
	margin: auto;
	
}	

#HomeContent {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	padding-top: 40px;
}


/* Introductory block of text on front page */
#HomeIntro {
	width: 400px;
	float: right;
	padding-top: 10px;
}

#HomeIntro h3 {
	color:#777;
	font-weight:normal;
	font-weight:200;
	line-height:1.3em;
	margin:0;
}
		
#HomeIntro p {
	padding: 10px 0px;
	line-height: 1.8em;
}

/* MWM1: Page top stripes, including page title and section submenu */
#PageTopper {
	width: 100%;
	clear: both;
	padding-top: 6px;
	text-align:left;
	}

#subnav {
	width: 100%;
	background-color:#306ea0;
	background-color:#174264;
	background-image:url(../images/bluestripe.png);
	background-repeat:repeat-y;
	background-position:center;
}
#subnav ul {
	width: 750px;
	margin: 0 auto;
	padding:5px 0;
}
#pagetitle {
	width: 100%;
	background-color:#acbb68;
	background-color:#91a148;
	background-image:url(../images/goldstripe.png);
	background-repeat:repeat-y;
	background-position:center;
}

#Content {
	width: 100%;
	text-align: left;
	padding-top: 20px;
	font-size: .921em;
	background-color:#fff;
	}
	#Content h4 {
		color: #306ea0;
		font-size: 1em;
		line-height: 1.2em;
		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 a:link {
		text-decoration: none;
		color: #306ea0;
		}
		#Content a:visited {
			text-decoration: none;
			color: #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 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 {
				padding: 0px 5px 5px 0px;
				border: none;
				}	
		#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;
			}
		
/* Front page navigation links */	
#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;
				}
#HomeNav .spanish {
	font-size:0.7em;
}

/* Major category links across the top of every page on the site other than the front */
.insideglobalnav {
	float: right;
	width: 575px;
	list-style: none;
	font-size: .95em;
	padding: 45px 0px 0px 0px;
	text-align: left;
	}
	.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, body.capabilities .insideglobalnav a.capabilities, body.projects .insideglobalnav a.projects, body.education .insideglobalnav a.education, body.news .insideglobalnav a.news {
					color:#91a248;
					font-weight: bold;
					}
				.insideglobalnav li a:hover {
					color: #306ea0;
					}
.insidesubnav {
	list-style: none;
	padding: 0;
	font-size:13px;
	line-height:17px;
	}
	.insidesubnav li {
		display: inline;
		color: #c7d585;
		padding-right: 1.2em;
		}
			.insidesubnav li a:link, .insidesubnav li a:visited {
				text-decoration: none !important;
				color: #cccccc !important;
				border: none !important;
				}
				.insidesubnav li a:hover {
					color: #fff !important;
					border: none !important;
					}
					
					/* mark the current section in the sub nav */
					body.capabilities .insidesubnav a.capabilities, body.facilities .insidesubnav a.facilities, body.history .insidesubnav a.history, body.people .insidesubnav a.people, body.publications .insidesubnav a.publications, body.contact .insidesubnav a.contact, body.publicrelations .insidesubnav a.publicrelations, body.fellowship .insidesubnav a.fellowship, body.feasibility .insidesubnav a.feasibility, body.getinvolved .insidesubnav a.getinvolved, body.speaker .insidesubnav a.speaker, body.bioenergy .insidesubnav a.bioenergy, body.developingworld .insidesubnav a.developingworld, body.hydrogen .insidesubnav a.hydrogen, body.policyanalysis .insidesubnav a.policyanalysis, body.other .insidesubnav a.other, body.archive .insidesubnav a.archive {
					color:#fff !important;
					}
					
.fullspan {
	width:750px;
	margin:0 auto;
	padding-top: 20px;
	overflow:visible;
	}
	

/* Offsite link marker */

a.offsite:after {
	content: url(../images/offsite.png)!important;
	padding-left:2px;
}

div.flavorimagesidebar {
	float:right;
	max-width: 352px;/*350px image + 1px image border*/
	text-align:left;
	margin-right:0;
	margin-left: 2em;
	margin-top: 0.3em;/*this is to approximately align the top of the photo with the top of the text in the paragraph adjacent */
	margin-bottom:1em;
	padding:0;
	clear:right;
}

/* IE6 hack for lack of max-width */
* html div.flavorimagesidebar {
	width: 352px;
}


.flavorimagesidebar img {
	float:none;
	border:1px solid #000000!important;
}

.flavorimagesidebar p, .multiimage p {
	margin:0!important;
	padding:0!important;
	font-size:0.9em;
	color:#666666;
}

div.multiimage {
	width:352px;
	clear:right;
	float:left;
	margin:10px 20px 15px 0px;
}
.multiimage img {
	float: none;
	border:1px solid #000000!important;
	display:block;
}

div.centeredimage {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	clear:both;
}

.centeredimage img {
	margin:5px;
	border:1px solid #000000;
}
.centeredimage p {
	text-align:left;
	margin:0.5em auto;
	font-size:0.9em;
	color:#666666;
	max-width: 650px;
}

/* IE6 hack for lack of max-width */
* html .centeredimage p {
	width: 650px;
}


/* These are for the Gridshare logo lists */
ul.imagelist {
	list-style-type: none;
	margin:0;
	padding:0;
	overflow:auto;
}

.imagelist li {
	list-style-type: none;
	float:left;
	text-align:center;
	margin:1em;
	min-height:100px;
}

/* Section lists to appear under content; have an alt-quote after, no list indicator */
ul.sectionlink li {
	list-style:none;
}
ul.sectionlink li a {
	margin-right:16px;
}
ul.sectionlink li a:after {
	padding-left:8px;
	content: '\00BB';
}


div.footer {
	clear: both;
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 50px;
	margin-bottom:50px;
	text-align: right;
	font-size: .9em;
	}
div.footer form {
	padding: 10px 0px;
}
		
/* Blocks of text used for papers */
.listblock {
	margin-left: 0px!important;
	}
.listblock li {
	border-top: 1px solid #ddd;
	list-style: none;
}

sup, sub {
	line-height:0;
}


.centered {
	margin-left:auto;
	margin-right:auto;
}
.center {
	text-align:center;
}

.nofloat {
	float: none;
	width: 100%;
	padding-left: 0px;
	margin-left: 0px;
	}

/* Paragraph indents for addresses */

.indent {
	margin-left: 2em;
}

/* Biography text blocks (hidden by default) */

.bios {
	margin:10px 0;
}
.bios h4 {
	cursor:pointer;
	margin-right:25em;
	padding:15px 0 5px 5px!important;
	border-bottom:dashed 1px #666;
	margin:0;
}
.bios div {
	padding:5px 0 0 5px;
}