html {margin: 0; padding: 0; height:95%;}
body {margin: 0; padding: 0; background: #ffffff repeat-y url(images/bluecol.gif); height:95%;}

/*******************************************************************************
                       Positioning rules
*******************************************************************************/
div#header {width:100%; height:125px;background-color: #000; BACKGROUND: url(images/gradient.gif) #000000 repeat-x;}
div#logo{position:absolute;left:135px;top:0;text-align:left;}
div#right{float:right; margin-right:10px; width:240px;}
div#footer{clear:left;width:100%;margin-top:50px;margin-bottom:40px;text-align:center;}

div#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
left: 0px;
width: 125px;
color: #000;
padding: 10px 5px 5px 5px;
background-repeat: no-repeat; 
background-color: #000;
height:390px;
}

#contentbox {
margin: 0 0 0 135px;
padding: 0px;
background-color: #fff;     /*** This div has a background to cover the 2-tone body BG ***/
height:100%;
}

/*******************************************************************************
                     End of Positioning rules
*******************************************************************************/

body, table{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : small;
	color : Black;
	background-color : White;
}

.layout-table {
	height: 100%;
}

.head-section {
	background-color: Black;
	background-repeat : repeat-x;
	background-image : url(images/gradient.gif);
	color : White;
	vertical-align : top;
	padding-top : 5px;
}

a.notlink {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
}

.corner-section {
	background-color: Black;
	color : White;
}

.nav-section {
	background-color: Black;
	color : White;
	padding-top:15px;
}

.main-section {
	padding-left : 10px;
	padding-top : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
	background-color : White;
	padding-bottom : 10px;
	padding-right : 10px;
}

.timeline_subnav, .timeline_nav, .experiment_nav, .related_reading {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : Black;
	background-color : White;
}

.timeline_nav_current, .timeline_subnav_current {
	font-weight: bold;
	color: #663300;
}

a {
	font-weight : bold;
}

div.navlink {
	margin-top: 5px;
	text-align : right;
	margin-left : 10px;
	margin-right : 10px;
	line-height : 1.0;
}

div.navheader {
	margin-top: 20px;
	text-align : left;
	margin-left : 5px;
	font-variant : small-caps;
	font-size : larger;
	font-weight : bold;
	font-style : italic;
}

a.navlink {
	color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : none;
	font-variant : normal;
	font-style : normal;
}

A:HOVER.navlink {
	color: #ffffcc;
}
H1 {
padding-top:0px;
margin-top:0px;
	font-size : large;
	font-weight : bold;
	color : #663300;
}

H2 {
	font-size : medium;
	font-weight : bold;
	color : #663300;
}

.toc_part {
	font-size : larger;
	font-weight : bold;
	margin-top : 30px;
}

.chapter_title {
	font-weight : bold;
	margin-top : 20px;
}

.chapter_content {
	margin-left : 10px;
}

.toc_item {
	font-weight : bold;
}

.review {
	border : 1px dashed #663300;
	margin-left : 50px;
	margin-top : 25px;
	width: 50%;
	padding : 10px 10px 10px 10px;
}

.review_quote {

}

.review_name {
	text-align: right;
}