body {
	background: #17500b;
	color: black;
	/*font-family: arial, sans-serif;*/
	font-family: georgia, serif;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

a:link {
	color: #9d0000;
}

a:visited {
	color: #9d0000;
}

a:active {
	color: #570000;
}

img {
	border: 0;
}

#pageWrapper, #footer {
	width: 794px;
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#footer {
	background: #17500b;
	color: gray;
	font-size: 8pt;
	padding-top: 8px;
}

#topbar, #topleft, #topright {
	height: 110px;
}

#topbar {
	background:url('images/topbar.jpg');
}

#homePage #topbar {
	background:url('images/topbar_homepage.jpg');
}

#logoHomeLink {
	position: absolute;
	width: 700px;
	height: 70px;
	text-decoration: none;
}


#topleft {
	background:url('images/topleft_bg.jpg');
}

#topright {
	background:url('images/topright_bg.jpg');
}

#sidebarWrapper {
	float: left;
	width: 195px;
	background:url('images/sidebar_bg.jpg');
	background-repeat: repeat-x;
	height: 500px;
}

#sidebar {
	padding: 10px;
}

#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active, #sidebar .selectedLink {
	display: block;
	color: #570000;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #9d0000;
}

#sidebar .selectedLink {
	color: #9d0000;
}

#sidebar a:active {
	color: green;
	border-bottom: 1px dotted green;
}

#homePage #sidebarWrapper {
	display: none;
}


#bottombar {
	background:url('images/bottom_bg.jpg');
	height: 6px;
}

#content {
	margin-left: 210px;
	padding: 10px;
}

#homePage #content {
	margin-left: 0px;
	padding: 0px;
}

.linksbarWrapper {
	position: relative;
}

.altText {
	display: none;
}

.linksbar {
	position: absolute;
	top: 70px;
	left: 108px;
	height: 41px;
	width: 601px;
}

.linksbar div, .linksbar a {
	float: left;
	display: block;
	height: 41px;
}

.button { }


/* Define widths for toolbar buttons */

#leftspace { width: 10px; }
#home { width: 70px; }
#about { width: 70px; }
#tutorials { width: 155px; }
#blog { width: 55px; }
#instructors { width: 140px; }
#support { width: 80px; }
#rightspace { width: 15px; }


/* Hover for toolbar buttons */

.button:hover { background:url('images/topbar_select.jpg'); }
#home:hover{ background-position: -10px 0px; }
#about:hover{ background-position: -80px 0px; }
#tutorials:hover { background-position: -150px 0px; }
#blog:hover { background-position: -305px 0px; }
#instructors:hover { background-position: -360px 0px; }
#support:hover { background-position: -500px 0px; }

#homePage .button:hover { background:url('images/topbar_select_home.jpg'); }
#homePage #home:hover{ background-position: -10px 0px; }
#homePage #about:hover{ background-position: -80px 0px; }
#homePage #tutorials:hover { background-position: -150px 0px; }
#homePage #blog:hover { background-position: -305px 0px; }
#homePage #instructors:hover { background-position: -360px 0px; }
#homePage #support:hover { background-position: -500px 0px; }

body#homePage #home{
	background:url('images/topbar_select.jpg');
	background-position: -10px 0px; }
body#aboutPage #about{
	background:url('images/topbar_select.jpg');
	background-position: -80px 0px; }
body#tutorialsPage #tutorials {
	background:url('images/topbar_select.jpg');
	background-position: -150px 0px; }
body#blogPage #blog {
	background:url('images/topbar_select.jpg');
	background-position: -305px 0px; }
body#instructorsPage #instructors {
	background:url('images/topbar_select.jpg');
	background-position: -360px 0px; }
body#supportPage #support {
	background:url('images/topbar_select.jpg');
	background-position: -500px 0px; }


img.floatRight {
	float: right;
	padding-left: 8px;
	padding-bottom: 8px;
}

tr.oddRow {
	background: #FFF8D6;
}

tr.evenRow {
	background: #FEFFE8;
}

#versionsTable tr.titleRow {
	font-size: 80%;
	font-family: verdana;
	font-weight: bold;
	text-align: center;
}

#versionsTable tr.oddRow, #versionsTable tr.evenRow {
	font-size: 60%;
	font-family: verdana;
}

tr.titleRow {
	background: url('faderbg.gif');
}

#versionsTable td {
	vertical-align:text-top;
}

.tutorialScreenThumb {
	position: absolute;
	left: 30px;
	border: 1px solid gray;
}












/* Styles for sample tutorials */
/* --------------------------- */



.sampleTutorial {
	font-family: verdana;
	font-size: 90%;
	background: #FFF8D6;
	padding: 10px;
}

.sampleTutorial .title {
	display: block;
	font-size: 170%;
	font-weight: bold;
	margin-bottom: 20px;
}

.sampleTutorial .subtitle {
	font-size: 120%;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}


.sampleTutorial .italic
{
	font-style: italic;
}

.sampleTutorial .bold
{
	font-weight: bold;
}

.sampleTutorial .introduction li
{
	padding-bottom:0px;
	margin-bottom:0px;
}

.sampleTutorial .introduction ul
{
	padding-top:0px;
	margin-top:0px;
}

.sampleTutorial .sectionHeading {
	margin-top:0px;
	margin-bottom:8px;
	font-size: 1.3em;
	font-family: Arial, Helvetica;
	text-align: left;
	font-weight: bold;
	background-color:#E7F5E7;
	background-color:#DBF2DC;
	background-color: #ECECEC;

	background-color:#FDFEF2;
	color:black;
	padding:3px;
	border:1px;
	border-color:gray;

	border-style:solid;
	clear:right;

	background-color:#FFFAE3;	
	border:1px solid #E7DA9F;
}

.sampleTutorial .experimentName {

	font-size: 1.2em;
	font-family: Arial, Helvetica;
	text-align: left;
	font-weight: bold;
}

.sampleTutorial img {
	clear:both;
}

.sampleTutorial img.rainbow {
	margin-top:16px;
	margin-bottom:12px;
}

.sampleTutorial .introduction {
	margin-bottom:24px;
}

.sampleTutorial .goals ul {
	margin-bottom:0px;
}

.sampleTutorial .goals {
	margin-bottom:25px;
}

.sampleTutorial .startSimulation
{
	margin-bottom:25px;
}

.sampleTutorial .experiments .sectionHeading{
	margin-bottom:30px;
}

.sampleTutorial .experiments ul {
	margin-bottom:10px;
}

.sampleTutorial img.startButton{
	margin-top:5px;
}

.sampleTutorial p img {
	padding: 0;
	}
	
.sampleTutorial img.alignright {
	padding: 10px;
	display: inline;
	}
	
.sampleTutorial .alignright{
	float: right;
}

.sampleTutorial table.attention
{
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: grey;
	width: 80%;
	padding: 1px;
}

.sampleTutorial table.attention td {
	border-width: 2px;
	border-style: solid;
	border-color: grey;
	text-align: center;
	font-size: 1.05em;
	font-family: Arial, Helvetica;
	color: #FF0000;
	background-color: #FFF;
	font-weight: bold;
	}

.sampleTutorial ol {
	margin-top:0.5em;
	margin-bottom:1.5em;
}

.sampleTutorial ul {
	margin-top:0.5em;
	margin-bottom:1.5em;
}

.sampleTutorial li {
	margin-bottom:0.5em;
}

.sampleTutorial li.bold {
	font-weight:bold;
	margin-bottom:1.2em;
}

.sampleTutorial li.italic{
	font-style:italic;
}

.sampleTutorial span.listText{
	font-weight:normal;
}

.sampleTutorial .block
{
	padding-bottom:10px;
}

.sampleTutorial table.figure
{
	padding-top:10px;
	padding-bottom:10px;
}

.sampleTutorial td.imageCell
{
	padding:10px;
	padding-left:15px;
	padding-right:0px;
}

.sampleTutorial .panelName
{
	font-weight:bold;
}

.sampleTutorial .blockHeading
{
	font-weight:bold;
}

.sampleTutorial .subStepHeader
{
	font-weight:bold;
}

.sampleTutorial .attentionBox
{
	clear: both;
	border:1px solid gray;
}

.sampleTutorial .attentionBoxTitle
{
	font-weight:bold;
	background:#F5DCAD;
	color:black;
}

.sampleTutorial .attentionBoxText
{
	padding:8px;
	font-style:italic;
}

.sampleTutorial li .attentionBox
{
	margin-top:10px;
}

/* these two rules get rid of the issue with paragraph spacing between goals in the intro */
.sampleTutorial .introduction ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.sampleTutorial .introduction ul .blockText /*, ul .block*/
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.sampleTutorial .panelsDescription .panelText ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 30px;

}

/* homepage specials */
#homePage .mainFeature {
	float: left;
	margin: 0px;
	padding: 0px;
}



#homePage #NewsWell, #homePage #DoubleWell {
	width: 758px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
}

#homePage #NewsWellTop {
	background: url('home/NewsWellTop.gif');
	height: 13px;
	clear: both;
}

#homePage #NewsWellMiddle {
	background: url('home/NewsWellMiddle.gif');
	background-repeat: repeat-y;
	clear: both;
	padding-left: 16px;
	padding-right: 5px;
}

#homePage #NewsWellBottom {
	background: url('home/NewsWellBottom.gif');
	height: 8px;
	clear: both;
}


#homePage #DoubleWellTop {
	background: url('home/DoubleWellTop.gif');
	height: 10px;
	clear: both;
}

#homePage #DoubleWellMiddle {
	background: url('home/DoubleWellMiddle.gif');
	background-repeat: repeat-y;
	clear: both;
	padding-left: 16px;
	padding-right: 5px;
}

#homePage #DoubleWellBottom {
	background: url('home/DoubleWellBottom.gif');
	height: 8px;
	clear: both;
}




#homePage #Endorsements, #homePage #CurrentVersion {
	display: block;
	float: left;
}

#homePage #Endorsements {
	width: 470px;
}

#homePage #CurrentVersion {
	margin-left: 40px;
	width: 220px;
}

#homePage #NewsWell b.Title, #homePage #Endorsements b.Title, #homePage #CurrentVersion b.Title {
	color: #17500b;
}

#homePage #DoubleWellMiddle {
	color: #616161;
}

#homePage #Endorsements blockquote {
	color: #17500b;
}

#instructorsPage img {
	border: 1px solid black;
}

.publicationTitle {
	color: gray;
	font-style: italic;
	font-size: 80%;
}