/* Global changes: */

BODY {
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	padding: 0px;
	margin: 0px;
}

P {
	margin-top: 0px;
}

HR {
	height: 1px;
	color: #547777;
	background-color: #547777;
	border: 0;
}

HR.white {
	height: 1px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border: 0;
}

UL {
	margin: 10px 30px;
	padding: 0px;
}

LI {
	margin: 10px 0 0 0;
	padding: 0px;
}

/* A: color the links */
A { color: #547777 }
A:link { color: #547777 }
A:hover { color: #FF0000 }

/* Basic text styles */

/* bodytext: Most of the text on the site */
.bodytextxxxxx { font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px 11px 0px 0px }

/* bodytextwhite: a white version of bodytext for presenting against green or blue section headers */
.bodytextwhite { color: white; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px 11px 0px 0px }

/* paddedbodytext: a little extra room around the text, for body presentation without additional table structure */
.paddedbodytext {
	padding: 0px 11px;
}
.largepaddedbodytext { font-size: 12px; line-height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 11px }

/* bodytextgreen is for the green links on the "featured" projects on the home page */
.bodytextgreen { font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #547777}
.bodytextgreen:link { font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #547777}
.bodytextgreen:visited { font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #547777}
.bodytextgreen:hover { font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: red}

/* Some small styles: */

/* smallbodytext is good for doing small supplemental links */
.smallbodytext { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif }

/* copyright: small, but centered and gray */
.copyright { 
	font-size: 9px; 
	text-align: center; 
	color: #CCCCCC;
}

/* caption: For figure captions: small, black, centered */
.caption { 
	text-align: center; 
	width: 70%;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* jrmblockquote: for quoting e-mail messages and the like.  Indented, with courier */
.jrmblockquote {
	font-family: "Courier New", Courier, Monaco;
	font-size: 11px;
	padding: 0px 20px 0px 20px;
}

.jrmbulletblockquote {
	font-family: "Courier New", Courier, Monaco;
	font-size: 11px;
	padding: 0px 20px 0px 0px;
}

/* h1: the title of articles in the writing section (at least) */
H1 {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 24px;
	background-color: #547777;
	padding: 5px;
	margin-top: 0px;
	font-weight: bold;
}

/* authorinfo: the name etc below the title */
.authorinfo {
	color: #000000; 
	font-size: 11px; 
	font-weight: bold;
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Headers: The thick colored separators */

/* H2: header: Dark green separators for the main site */

H2 {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 16px;
	background-color: #547777;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
H2 a, H2 a:link { 
	color: #FFFFFF; 
}

H2 a:hover { 
	color: #00FFFF; 
}

/* H3: The old "subsection" */
H3 { 
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #777777; 
	padding: 3px; 
	margin-top: 11px; 
	margin-bottom: 11px; }

/* special classes for the resume page */

#resume H1 {
	font-size: 20px;
}

#resume P {
	padding: 0px 10px 10px 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#resume P.resumebodytext2 {
	padding: 10px 10px 10px 60px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#resumetable {
	margin-left: 30px;
}

.resumecolumn {
	float:left; 
	width:250px;
}

/* Navigation bars: */

#navbar {
	background-color: #547777;
	height: 24px; 
}

/* navbar: the top-of-page green nav bar in the main site */
.navbar-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px; 
	color: #FFFFFF;
	padding: 4px 0px;
	background-color: #547777;
	text-align: center;
	float: right;
	width: 10%;
}

.navbar-item a, .navbar-item a:link {
	color: #FFFFFF;
}

.navbar-item a:hover {
	color: #00FFFF;
}

.navbar-selected, .navbar-selected a, .navbar-selected a:link {
	color: #00FFFF;
}

.navbar-selected a:hover {
	color: #FFFFFF;
}

/* navbar2: the second-level navbar on the resume page (for "pubs" and "pdf") */
.navbar2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px; 
	color: #547777;
	padding: 4px;
	background-color: #EEF1F1;
}
.navbar2 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px; 
	color: #547777;
	padding: 4px;
}
.navbar2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px; 
	color: #FF0000;
	padding: 4px;
}

#subnavbar {
	height: 23px;
	background-color: #EEF1F1;
	margin: -10px;
	margin-bottom: 10px;
}
	
.subnavbar-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px; 
	color: #547777;
	padding: 4px;
	background-color: #EEF1F1;
	float: left;
	width: 8%;
	height: 15px;
	text-align: left;
}
.subnavbar-item a:link {
	color: #547777;
}
.subnavbar-item a:hover {
	color: #FF0000;
}


/* sidebar: provide color and padding for the left navbar */
/* bodyheader is somewhat misnamed: The topic headings on the home page ("visit the immersion museum") */
.bodyheader { font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #547777}
.bodyheader:link { font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #547777}
.bodyheader:visited { font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #547777}
.bodyheader:hover { font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: red}

/* random styles */

/* imagebox: put some color around the homepage picture */
.imagebox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px; 
	color: #FFFFFF;
	background-color: #547777;
}

/* Red annotation for newsletter signup */
.signup {
	color: #00FFFF;
	font-weight: bold;
}
A.signup:hover {
	color: #00CCFF;
	font-weight: bold;
}

/* museumquote -- the little homepage box with the quote in it */
.museumquote {
	color:#222; 
	border: 1px #547777 solid; 
	background: #F0F0F0; 
	padding: 10px 10px 10px 10px; 
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* highlighttable -- the box around the highlights on design/index et al */
.highlighttable {
	color:#222; 
	border: 1px #547777 solid; 
	background: #EEF1F1; 
	padding: 10px 10px 10px 10px; 
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Search results styles, keeping many of the same names as in the original code */

/* blue: the title of the result */

.blue {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #547777;
	padding: 5px;
	font-weight: bold;
}

.smallblue {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #547777;
	padding: 5px 5px 5px 6px;
	font-weight: bold;
}

A.phpdig:link { 
	color: #FFFFFF; 
	background-color: #547777; 
	font-weight: bold;
}

A.phpdig:visited { 
	color: #FFFFFF; 
	background-color: #547777; 
	font-weight: bold;
}

A.phpdig:hover { 
	color: #00FFFF; 
	background-color: #547777; 
	font-weight: bold;
}

.smallLink {
	font-size: 9px;
}

/* bodytextgreen is for the green links on the "featured" projects on the home page 
.blue { font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #547777}
.blue:link { font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #547777}
.blue:visited { font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #547777}
.blue:hover { font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: red}
*/

/* highlighttable -- the box around the highlights on design/index et al */
.grey {
	color:#222; 
	border: 1px #547777 solid; 
	background: #EEF1F1; 
	padding: 10px 10px 10px 10px; 
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* highlighttable -- the box around the highlights on design/index et al */
.borderCollapse {
	color:#222; 
	border: 1px #547777 solid; 
	background: #EEF1F1; 
	padding: 5px; 
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.blueForm {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #547777;
	padding: 2px 2px 2px 4px;
	font-weight: bold;
}

.phpdigMessage {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #547777;
	padding: 5px;
	font-weight: bold;
}

.phpdigHighlight {font-weight: bold;}
.phpdigCurrentpage {font-weight: bold; padding-left: 5px; color: #00FFFF;}
.searchbox { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin-bottom: 5px; }

/* header: Dark green separators for the main site */
.searchheader {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #547777;
	padding: 0px 0px 0px 1px;
	font-weight: bold;
}
.searchheader:hover { 
	color: #00FFFF; 
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #547777; 
	padding: 0px 0px 0px 1px;
	font-weight: bold;
}

.figurecaption {
	padding: 5px 10px;
	font-size: 10px;
	text-align: center;
}

.newlink {
	font-size: 10px;
	text-align: center;
	color: #CCCCCC;
	padding-top: 50px;
}

.newlink a, .newlink a:link, .newlink a:hover, newlink a:visited {
	font-size: 10px;
	text-align: center;
	color: #CCCCCC;
}

.adheader { 
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 15px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #547777; 
	padding: 5px; 
	margin-top: 15px;
	margin-bottom: 0px; }
	
.itunes-button {
	margin-top: 10px;
	text-align: center;
}

.itunes-button A IMG {
	border: 0;
}

.lookingback {
	margin: 10px;
	float: right;
	border: 1px solid #547777;
	background-color: #EEF1F1;
	width: 300px;
}

.lookingback H2 {
	font-size: 16px;
	margin-top: 0px;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 16px; 
	line-height: 22px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #547777; 
	padding: 5px; 
}

.lookingback P {
	margin: 15px;
}

.lookingback LI {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
}

.spacer {
	display: block;
	clear: both;
}

.article {
	margin-bottom: 10px;
	color: #222; 
	border: 1px #547777 solid; 
	background-color: #EEF1F1; 
	display: block;
	clear: both;
}

/* highlighttable -- the box around the highlights on design/index et al */


/* header: Dark green separators for the main site */
.article h2 {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #547777;
	padding: 5px;
	font-weight: bold;
	margin: 0;
}
.article h2 a, .article h2 a:link { 
	color: #FFFFFF; 
}

.article h2 a:hover { 
	color: #00FFFF; 
}

.article .moreitem {
	text-align: right;
	font-style: italic;
}

.articlecontent {
	margin: 10px;
}

.articlecontent IMG {
	float: right;
	margin: 0px 10px 10px 10px;
}

/* duplicates...
body {
	margin: 0;
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

P {
	margin: 10px;
}
*/

#container {
}

#header {
	height: 68px;
	background-color: #EEF1F1;
	padding: 10px;
}

#header IMG {
	border: 0;
}

.row {
	position: relative;
	width: 100%;
}

.row .flushleft {
	float: left;
	text-align: left;
	background-color: #EEF1F1;
}

.row .flushright {
	float: right;
	text-align: right;
	background-color: #EEF1F1;
}

#wrapper {
	float: right;
	width: 100%;
	height: 100%;
	margin-left: -120px;
	background-color: #547777;
}

#content {
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	margin-left: 120px;
	background-color: #FFFFFF;
	padding: 10px;
	height: 100%;
	min-height: 600px;
}

#innerwrapper {
	width: 100%;
}

#frontpage-wrapper {
	float: right;
	width: 100%;
	margin-left: -216px;
	background-color: #547777;
}

#frontpage-content {
	margin-left: 216px;
	background-color: #FFFFFF;
	padding: 10px;
}

#frontpage-search {
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
}

#frontpage-search FORM {
	margin-top: 10px;
}

#imagebox {
	width: 216px;
	float: left;
	height: 100%;
	background-color: #547777;
}

#fullpage-wrapper {
	width: 100%;
}

#fullpage-content {
	background-color: #FFFFFF;
}

/* sidebar: the left-hand, vertical navbar on the main site */
#sidebar {
	background-color: #547777;
	padding: 0px 10px;
	width: 100px; /* plus padding = 120px */
	float: left;
	height: 100%;
}

/* extra qualifiers needed so that link from page 2 to page 1 stuff shows up properly */
#sidebar a, #sidebar a:link {
	color: #FFFFFF;
}
#sidebar a:hover {
	color: #00FFFF;
}

#sidebar P {
	margin-top: 0px;
	margin-bottom: 15px;
}

#sidebar .sidebar-selected, #sidebar .sidebar-selected a, #sidebar .sidebar-selected a:link {
	color: #00FFFF;
}

#sidebar .sidebar-selected a:hover {
	color: #FFFFFF;
}

#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #547777;
	clear: both;
	width: 100%;
	text-align: center;
}

.projectgroup {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%; /* needed for IE to properly interpret the 33% width in projectbox */
}

.projectbox {
	float: left;
	width: 33%;
	text-align: center;
}

.centered-image {
	clear: both;
	text-align: center;
	margin: 10px 0px;
}

.borderedblock {
	border: 2px solid #cccccc;
	margin: 20px;
	padding: 10px 10px;
	background-color: white;
}

.borderedblock IMG {
	margin: 0px auto;
	text-align: center;
}

.ieeeblock {
	color:#222; 
	border: 1px #547777 solid; 
	background: #EEF1F1; 
}

.googleblock120 {
	margin-left: 10px;
	padding: 10px;
	float: right;
	width: 120px;
	background-color: white;
	position: relative;
	border: 1px solid #cccccc;
}

.googleblock728 {
	margin: 10px auto 10px auto;
	padding: 10px;
	text-align: center;
	width: 728px;
	background-color: white;
	position: relative;
}

.museumentry {
}

.museumrow {
}

.museumtopic {
	font-weight: bold;
	width: 150px;
	text-align: right;
	float: left;
	padding: 5px 10px;
}

.museumcontent {
	margin-left: 170px;
	padding: 5px 10px;
}

/* left and right table cell styles, for the museum entries (top-aligned for text presentation) */
/* Gray used to be DFDEDE, but that came across as way too dark... */

.museumgrayleft {
	text-align: right;
	background-color: #F2F2F2;
	font-weight: bold;
	vertical-align: top;
}

.museumgrayright {
	background-color: #F2F2F2;
	vertical-align: top;
}

.museumwhiteleft {
	text-align: right;
	background-color: #FFFFFF;
	font-weight: bold;
	vertical-align: top;
}

.museumwhiteright {
	background-color: #FFFFFF;
	vertical-align: top;
}

/* left and right table cell styles, for the "by feature" form (vertically centered) */

.featuregrayleft {
	font-size: 11px;
	line-height: 15px; 
	font-family: Verdana, Arial, Helvetica, Geneva;
	text-align: right;
	background-color: #F2F2F2;
	padding: 2px 4px;
	font-weight: bold;
	vertical-align: middle;
}

.featuregrayright {
	font-size: 11px;
	line-height: 15px; 
	font-family: Verdana, Arial, Helvetica, Geneva;
	background-color: #F2F2F2;
	padding: 2px 4px;
	vertical-align: middle;
}

.featurewhiteleft {
	font-size: 11px;
	line-height: 15px; 
	font-family: Verdana, Arial, Helvetica, Geneva;
	text-align: right;
	background-color: #FFFFFF;
	padding: 2px 4px;
	font-weight: bold;
	vertical-align: middle;
}

.featurewhiteright {
	font-size: 11px;
	line-height: 15px; 
	font-family: Verdana, Arial, Helvetica, Geneva;
	background-color: #FFFFFF;
	padding: 2px 4px;
	vertical-align: middle;
}

.centeredtd TD {
	text-align: center;
	padding: 3px;
}

TD.lefttitle {
	padding: 3px;
	text-align: right;
}