body { background-color:#084208; color: #f9f9df; font-family: verdana; 
 font-size: 12px; line-height:16px; }
h1, h2 { font-size: 15px; font-weight: bold; }
h2 { font-size: 13px; }

/* == inline styles == */
.sm-it { font-size:11px; font-style:italic; color: #b9b9df; line-height: 12px;
	margin:0; padding:0; }
.emp {  font-weight: bold; color: #ffffaa; }
.de-emp { color: #ededdf; font-size: 95%; }

#logo-nav, #slices, #white-rect { position:absolute; left:71px; }
#logo-nav { z-index: 3; top:15px; }
#slices { z-index: 1; white-space: nowrap; top: 108px; }

#white-rect { left: 510px; top: -464px; min-width: 306px; min-height: 64px;
	background-color: white; z-index: 4; visibility: inherit; }

.hiddenPhoto { display: none; }

#proj-group { position:absolute; left: 700px; top: 120px }
#proj-group h1 { color: #ffffaa; font-size: 16px; margin-bottom: 40px; }
#proj-group ul { margin-left: -2.7em; font-size: 14px; }
#proj-group td { font-size: 14px; padding: 6px 0 0.5em 1.2em; }
#proj-group li { display: inline; padding-right: 2.5em; }
#proj-group p { margin: 0; padding: 0; line-height: 20px; }
#proj-group td:hover { color: #ffff00 !important; cursor: pointer; }
#proj-group .sm-it:hover { color: #b9b9df; }

#gre-lan { position:absolute; top: 120px; left: 71px;
	color: #ffffaa; font-size: 16px; }


/* ====== Image IDs for top-page slices ====== */

#img-0, #img-1, #img-2, #img-3, #img-4, #img-5, #img-6, #img-7,
 #img-8, #img-9, #img-10, #img-11 { font-size: inherit; }


/* ====== Topic labels ====== */

#projects { position: absolute; z-index: 5; left: 1090px; top: 399px; }
#projects a:hover { border-bottom: 2px solid #3f4bf2; }

#intro { position: absolute; z-index: 6; left: 85px; top: 398px; }
#intro:hover { border-bottom: 2px solid #3f4bf2; }

#instruc { position: absolute; z-index: 5; left: 440px; top: 399px; }

#int-lan-gra { position: absolute; z-index: 6; left: 1090px; top: 480px;
	color: #ededdf; font-size: 14px; font-style: italic; line-height: 17px;
	text-align: right; }
#int-lan-gra a, #int-lan-gra a:visited { text-decoration: none;color: #ededdf; }
#int-lan-gra a:hover { color: #ffffaa; text-decoration: underline; }


/* ====== Style for the content ====== */

.main-photo, .main-hr, .main-vision, .main-science {
	position:absolute; width:400px; color: #f9f9df; }

.main-vision { left: 71px; }
.main-science { left: 545px; width: 270px; }
.main-photo { left: 871px; top: -10px; }

.main-hr { left: 71px; top: 39px; width: 800px; color: white; }

.main-science li { list-style-type: circle; line-height: 18px; }
.main-vision h2 { margin-top: 40px; }
/*.main-science ul { margin-top: 83px; }*/
.main-photo h1 { line-height: 35px; }

.main-vision h1, .main-photo h1, .main-science h1 { color: #ffffaa; }
.main-science h1 { margin-left: 1.5em; }
.main-science h2 { margin: 40px 0 2em 1.5em; }

.proj-hr { position: absolute; color: #f9f9df; }

.proj-vision, .proj-photo, .proj-science { position: absolute; color: #f9f9df; }
.proj-vision { left: 0; top: 400px; width: 550px; }
.proj-vision h1 { margin-bottom: 40px; }
.proj-photo { left: 0; top: 0; }
.proj-science { left: 590px; top: 400px; width: 500px; margin-left: 50px; }

.proj-science li { list-style-type: circle; line-height: 18px; }
.proj-science table ul { padding-left: 1.5em; margin-left: 0; }
.proj-science h1 { left-margin: -25px; margin-bottom: 40px; }
.proj-photo h1 { text-align: center; line-height: 35px; }

/* hack for IE 7 */
.proj-photo { width: 480px; }

#projects a:hover { border 1px solid #3f4bf2; }


/* ====== (Main page) Style & positioning for all topics ====== */

#content-0 { position:absolute; top: 480px; left: 400px; width: 600px; color: #ffffff; }
#content-0 h1 { font-size: 16px; text-align: center; padding-bottom: 10px;
	color: #ffffaa;}
#content-0 p, #content-0 li { font-size: 14px; line-height: 18px; }
#content-0 p:active, #content-0 p:visited { color:#ffffaa; }

#content-1, #content-2, #content-3, #content-4, #content-5, #content-6,
 #content-7, #content-8, #content-9, #content-10, #content-11
	{ position:absolute; top: 455px; left: 0px; visibility: hidden; }


/* ====== (Projects page) Project groups and behaviors ====== */

#proj-list { position:absolute; left: 700px; top: 280px; width: 300px;
  margin: 0; padding: 0; font-size: 13px; line-height: 13px; }
#proj-list h1 { color: #ffffaa; }
#proj-list p:hover { color: #ffff00 !important; cursor: pointer; }
#proj-list .sm-it:hover { color: #b9b9df; }

#pg-1, #pg-2, #pg-3, #pg-4, #pg-5, #pg-6, #pg-7, #pg-8
	{ position:absolute; visibility: hidden; }

#pg-1 p, #pg-2 p, #pg-3 p, #pg-4 p, #pg-5 p, #pg-6 p, #pg-7 p, #pg-8 p
	{ padding: 0 1em 0 1.5em; }

#proj-desc { position:absolute; visibility: hidden; left: 71px; top: 165px; 
  margin: 0; padding: 0; line-height: 18px; }

#proj-desc h1 { color: #ffffaa; font-size: 16px; }


#proj-1-1, #proj-1-2, #proj-1-3, #proj-1-4, #proj-1-5, #proj-1-6, #proj-1-7, #proj-1-8,
#proj-2-1, #proj-2-2, #proj-2-3, #proj-2-4, #proj-2-5, #proj-2-6, #proj-2-7, #proj-2-8,
#proj-3-1, #proj-3-2, #proj-3-3, #proj-3-4, #proj-3-5, #proj-3-6, #proj-3-7, #proj-3-8,
#proj-4-1, #proj-4-2, #proj-4-3, #proj-4-4, #proj-4-5, #proj-4-6, #proj-4-7, #proj-4-8,
#proj-5-1, #proj-5-2, #proj-5-3, #proj-5-4, #proj-5-5, #proj-5-6, #proj-5-7, #proj-5-8,
#proj-6-1, #proj-6-2, #proj-6-3, #proj-6-4, #proj-6-5, #proj-6-6, #proj-6-7, #proj-6-8,
#proj-7-1, #proj-7-2, #proj-7-3, #proj-7-4, #proj-7-5, #proj-7-6, #proj-7-7, #proj-7-8,
#proj-8-1, #proj-8-2, #proj-8-3, #proj-8-4, #proj-8-5, #proj-8-6, #proj-8-7, #proj-8-8
	{ position:absolute; visibility: hidden; }