/* Style Reset - Don't alter! */

html, body { margin:0; padding:0; border:0; background: transparant; font-size:10px; text-align:center;}
 
div, spand, article, aside, footer, header, hgroups, nav, section, 
	h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
		table, tr, th, td, tbody, tfoot,thead {
		margin:0;
		padding:0;
		border:0;
		vertical-align: baseline;
		background: transparent;
		}
		
	img {margin:0; padding:0; border:0; }
	
	table, tr, th, td, tbody, tfoot, thead {
	margin:0; padding:0; border:0;
	vertical-align: baseline; background: transparent; }
	
	table { border-collapse: collapse; border-spacing:0; }
	
	input, select, textarea, form, fieldset { margin:0; padding: 0; border:0; }
	
	article, aside, dialogue, figure, footer, header, hgroup, nav, section { display: block; }
	
	h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration: none;
	text-align:left;
	color:#000;
	}
	
	ol, ul {list-style:none; }

/* Reset Done */

/* Global */

html { }
body { background-color:#eeeeee; } /*grey background color */

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#4C2284 ; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* Text Element */

p 		 { color: #00f; font-size:12px; line-height:150%; }
p .left  { margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0;}

a        { }
a:link 		{color: #00f; }
a:visited   {color: #0f0; }
a:active  	{color: #000; }
a:focus     {color: #666; }
a:hover     {color: #f00; }

blockquote  {color: #000; font-size:12px; }

strong 		{font-weight: bold; }
em 			{font-style: italic;}

/* Images */

/* Lists */

ul 			{ }
ol 			{ list-style-type: decimal;}

ul li 		{ color: #000; font-size:12px;}
ol lo 		{ color: #000; font-size:12px;}

dl 			{ }
dt 			{ }
dd 			{ }

/* Tables */

table 		{width: 100%;}

tr 			{ }
.odd		{ background-color:#eee; }
.even		{ background-color:#ccc; }

th 			{ font-weight:bold; }
thead, th   {background:#ccc; }

th, td, tcaption  { }

tbody       	  { }

tfoot 			  { }
.tfooter	{ background-color:#ccc; text-align:center; font-style:italic}

caption 	{ background: #efefef;}


/* Containers */

#western 		{ height: 200px; min-width: 1200px; }

#top			{ width: 100%; margin: 0px auto; background-color:#4C2284; overflow: hidden; padding: 0px; } /*purple color #4C2284, dark blue color #131C47*/

#logo 		 	{ float:none; margin:0 auto; background-color: #4C2284; padding:0px 25px 0 25px;}

#topnav					{ background-color:#808080; clear: both; text-align: center; width: 100%; height: 30px; 
							border-bottom:1px gray solid; border-top:1px white solid;}
#topnav ul 				{ list-style: none; width: 100%; float: left; margin: 10px auto; background:#808080; text-align:center;}
#topnav ul li 			{ display: inline; text-align:center; position:relative;} 
#topnav ul li ul 		{ display: none; position: absolute; width: 150px; padding: 5px;}
#topnav ul li:hover ul  { display: block; margin: 0 auto; text-align: center; z-index:10000; position:absolute;}
#topnav ul li ul li 	{ }

.group:before, .group:after {content: "\0020"; display: block; height:0; overflow: hidden; }
.group:after 				{clear: both; }
.group 						{zoom: 1;}

#topnav ul li a		 { margin: 10px 0; padding: 10px 10px; font-weight:bold; }
#topnav ul li ul a   { color: black; margin:3px; padding: 5px 10px; font-weight:bold; display: block; clear: none; 
							background-color: #808080;}
#topnav a:link  	{ color: white;}
#topnav a:visited   { color: white;}
#topnav a:active  	{ color: white;}
#topnav a:hover  	{ color: black;}
#topnav a:focus  	{ color: white;}

#wrap 			{min-width:1200px; background-color:#eeeeee; overflow: hidden; margin:0px auto;}

#wrapper 		{ width: 900px; margin: 0px auto; background-color:white; overflow: hidden; border: 2px  #808080 solid; text-align: center; clear: both; }

#banner img			{ padding: 2px; margin: 1px 4px 1px 3px; }	
#banner img:hover	{  }
#banner a:link  	{ color: white;}
#banner a:visited   { color: white;}
#banner a:active  	{ color: white;}
#banner a:hover  	{ color: white;}
#banner a:focus  	{ color: white;}

/* Image Captions */
.img-wrap						{ height:170px; overflow:hidden; position:relative;width:210px; float: left; margin: 2px 6px 2px 6px; border: 1px grey solid;}
.img-overlay					{ background-color:#000;bottom:0;color:#fff;opacity:0.75;filter: alpha(opacity = 75);position:absolute;width:100%;z-index:1000; height: 30px;}
/* to make the captions appear with hover change above line to: opacity:0;filter: alpha(opacity = 0) */
.img-overlay h4, .img-overlay p { padding:10 20px; color: white; margin-top:7px; margin-left:8px;}
.img-wrap:hover .img-overlay    { opacity:0.85;filter: alpha(opacity = 85);transition:opacity 0.25s;-moz-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;}

#subbanner		{ width: 100%; background-color: #4C2284; padding: 10px 0px; overflow: hidden; color: white; }
#subbanner h3	{ color: white; font-size:14px; text-align:center;}

#content				{ float: left; width:650px; min-height: 960px; padding : 20px; border-right: 1px gray solid;   }
#content h1				{ margin: 0 0 20px 0; color:#4C2284; }
#content a				{ color:#4C2284; font-size: 16px; font-weight:bold; }
#content p 				{ margin: 20px 20px 20px 0px; line-height:160%; color:black; }
#content h2				{ margin: 20px 0px 0px 0px; color: #4C2284} 
#content h4				{ color:#4C2284; font-style: italic; font-weight: normal; } 
#content img 			{ padding: 8px; border:1px gray solid; margin:8px 15px; } 
#content #partners img  { margin: 0 auto; border: 1px white solid; clear: both; padding: 10px; } 
#content ul li			{ list-style: disc; }
#content ol li			{ font-size:12px; line-height:160%; margin-left: 30px; }

#content #profs img 		{ border: 0 white solid; display: block; float: left; }
#content #profs .profs      { margin: 25px 0 0px 200px; height: 255px;}
#content #profs				{ clear: both; }

#content #postdocs	img 		{ border: 0 white solid; display: block; float: left; }
#content #postdocs	.postdocs   { margin: 25px 0 0px 200px; height: 260px;}
#content #postdocs				{ clear: both;}

#content #grads	img 		{ border: 0 white solid; display: block; float: left; }
#content #grads	.grads      { margin: 25px 0 0px 200px; height: 220px;}
#content #grads				{ clear: both;}

#content #labtechs	img 		{ border: 0 white solid; display: block; float: left; }
#content #labtechs	 #wlogan 	{ margin: 25px 0 0px 150px; height: 143px; }
#content #labtechs	 #mrichards { margin: 25px 0 0px 150px; height: 135px; }
#content #labtechs	 #tstephens { margin: 25px 0 0px 150px; height: 135px; }
#content #labtechs				{ clear: both; }

#content #alumni img 		{ border: 0 white solid; display: block; float: left; width:160px; }
#content #alumni .alumni   { margin: 25px 0 0px 200px; height: 220px;}
#content #alumni			{ clear: both;}

/* Green Roof */
#content .greenteam			{margin: 0px 0 0px 0px; height: 200px; width: 50%; float: left;}
#content .greenteam h3 		{margin-top: 20px;}
#content #greenteam img		{border: 0 white solid; display: block; float: left; width: 130px; }
#content #partners			{clear:both;}
#content .greenphotos img	{width: 150px;}
#content .header			{font-size:14px; font-style: normal; color:#4C2284; font-weight: normal; display:inline; } 
#content .grlocations		{width: 300px; height: 230px;}
#content #researchlocations img {width: 250px; float: right;}
#content .grvideos h3		{padding: 10px; margin: 15px 15px 15px 0px;}
#content .grvideos			{margin: 30px;}


#content #people0			{ width: 200px; float: left}
#content #people0 img 		{ display: block; float: left;}
#content #people0  a		{ display: block; margin-left: 25px;}
#content #peoplelinks		{ margin-left: 200px; }
#content #peoplelinks h2	{ line-height:710% } 

#content #research0			{ width: 200px;}
#content #research0 img 		{ display: block; float: left;}
#content #research0  a		{ display: block; margin-left: 25px;}
#content #researchlinks		{ margin-left: 200px; }
#content #researchlinks h2	{ line-height:610% } 

#content #imagecaption		{ /*border: 1px grey solid; */ }
#content #imagecaption	img	{ margin-bottom:0; }
#content #imagecaption	p	{ margin-left: 25px; margin-top:0}

#content .imagecaption		{ /*border: 1px grey solid; */ }
#content .imagecaption	img	{ margin-bottom:0; }
#content .imagecaption	p	{ margin-left: 20px; margin-top:0; font-weight:bold;}


#content ul li			{ list-style:disk; font-size: 12px; line-height:160%; margin-left:30px; }

#content #projectleaders {width:150px; float: left;} 

#starBenefits 			{margin-left: 30px; }
#starBenefits ol li		{list-style:bulleted; font-size: 12px; line-height:160%; }
#starBenefits0 			{margin-left: 30px; }
#starBenefits0 ul li	{list-style: disc; font-size: 12px; line-height:160%; }

#rightside			{ padding: 10px; margin-left: 690px; margin-right: 3px; min-height: 960px; /*height:1200px;*/  position: relative; }	
#rightside h2		{ margin: 20px 0 10px 0; font-weight:bold; font-size:14px; text-align:center; color: #4C2284 }
#rightside a:link	{ margin: 0 auto; color:black; font-weight:bold; font-size:12px; padding: 2px; }
#rightside img		{ border: 1px gray solid; padding: 3px; width: 144px; }
 
.twitter-timeline	{ padding: 0; margin:0;}


#content-wrapper { }

#left-nav		{ }

#leftside 		{ }

#footer 		{ clear:both; border-top : 3px gray solid; padding: 30px; background-color: #4C2284; }
#footer   p     { color :white; text-align:center;}


#restore-contact { padding: auto; }


#box1 { }
#box2 { }
#box3 { }
#box4 { }
#box5 { }
#box6 { }


/* Miscellaneous ** Not used, for reference only*/

sup, sub 		{ line-height:0; }

abbr, acronym   { border-bottom:1px dotted #666;}
address         {}
del 			{ background-color: #FFCECE; color#f00;}

code, pre 		{background-color: #FF9; padding: 2px 0px; margin: 4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; }