/*

	border:1px #309 solid;
	
	*/


body {
	font-family: Verdana,Arial, Helvetica,sans-serif;
	font-size:.8em;
	background-color:#fff;
	margin:10px;
	}

body.lightbluebody {
	background-color:#dcedff;
	color:#036;
	text-align:center;
	}


body.toc_body {
	background-color:#fff;
	color:#036;
	border:6px solid #f60;
	padding:8px;
	margin:0px;
	font-size:.7em;
	}


body.story_body {
	background-color:#fff;
	color:#036;
	border:0px solid #f60;
	padding:8px;
	margin:0px;
	font-size:.7em;
	}


div#maincontainer {
	width:80%;
	margin: 0 auto; /* needed here for mozilla */
	text-align:left;
	}
	
div#indexcontainer {
	width:90%;
	margin: 0 auto; /* needed here for mozilla */
	text-align:left;
	}
	
h2#chap_head {
	color:#036;
	font-family:georgia,'Times New Roman',times,serif;
	float:left;
	}

h2#chap_head  div.chap_number {font-size:.8em;}


h4#story_head {
	background-color:#dcedff;
	width:100%;
	padding:15px;
	color:#036;
	
	}



h4#toc_head {
	background-color:#dcedff;
	width:94%;
	padding:15px;
	
	}


h4#toc_head a:link, a:visited {
	text-decoration : none;
	color:#036;
	background: transparent;  
	}

h4#toc_head a:hover {
	text-decoration : underline;
	color:#f30;
	background: transparent;  
	}

h4#toc_head a:active{
	text-decoration : none;
	color:#036;
	background: transparent;  
	}	

h4#toc_head  span.chap_number {color:#f60;}


dl.toc_dl_detached dt {
	color: #f60;
	font-weight:bold;
	}
	
dl.toc_dl_detached dd {
	color: #3366cc;
	font-weight:bold;
	}


dl.toc_dl_detached dt a:link, a:visited {
	color: #f60;
	font-weight:bold;
	}
	
dl.toc_dl_detached dd a:link, a:visited {
	color: #3366cc;
	font-weight:bold;
	}
	
	

dl.toc_dl_detached a:link, a:visited {
	text-decoration : none;
	background: transparent; 
	}

dl.toc_dl_detached a:hover {
	text-decoration : underline;
	color:#f30;
	background: transparent; 
	}

dl.toc_dl_detached  a:active {
	text-decoration : none;
	background: transparent;  
	}



div#toc_anchored {
	background-color:#fff;
	color:#036;
	border:3px #f60 solid;
	float:right;
	text-align:center;
	}
	
div#toc_anchored dl{
	text-align:left;
	}
	
div#toc_anchored dl dt{
	font-size:.9em;
	font-weight:bold;
	margin: 4px 0 10px 4px;
	/*padding: 10px;*/
	}

div#toc_anchored dl dd{
	font-size:.7em;
	margin: 0 10px 0 10px;
	/*padding: 0 4px 10px 4px;*/
	}

	
div#toc_anchored a:link, a:visited {
	text-decoration : none;
	color: #0033cc;
	background: transparent; 
	}

div#toc_anchored a:hover {
	text-decoration : underline;
	color: #f30;
	background: transparent; 
	}

div#toc_anchored a:active {
	text-decoration : none;
	color: #3300cc;
	background: transparent;  
	}



/*button.toc_button*/
button {
	clear:all;
	border-top:1px solid #99cccc;
	border-left:1px solid #99cccc;
	border-bottom: 1px solid #330066;
	border-right: 1px solid #330066;
	background-color:#dcedff;
	font-size:.9em;
	font-weight:bold;
	padding:.4em;
	margin:10px auto;
	color:#036;
	}	


div#chap_intro {clear:all;clear:both;margin:20px; padding:20px;text-align:justify;}

div#chap_main {clear:all;clear:both;margin:40px; padding:0px;text-align:justify;}
div#index_main {clear:all;clear:both;margin:20px; padding:0px;text-align:left;}

div.chap_mainimage {padding:10px;text-align:center;}/* don't set a margin for a text-align:center div */
div.autowidth {margin:0px auto;}
div.chap_mainimage img {border:0px #309 solid;margin:10px;}

div.imageleft {float:left;padding:12px;text-align:center;font-size:.7em;}
div.imageleft img {border:0px #309 solid;margin:6px;}

div.imageright {float:right;padding:6px;text-align:center;}
div.imageright img {border:0px #309 solid;margin:6px;}

div#story {width:100px;text-align:center;}

div.arrows {float:right;margin:20px;}

div.indexlink {float:right;padding:3px;text-align:center;color:#f60;font-weight:bold;}

.boldtext {font-weight:bold;}






/*******************************************/
.text {font-family: Arial, Helvetica, sans-serif; }

.chapnum {font-family: Arial, Helvetica, sans-serif; text-align:center; font-weight:bold}

.chaphead {font-family: Arial, Helvetica, sans-serif; text-align:center; color: #000080; font-size: 20pt; font-weight: bold;}

.secthead {color: #000080; font-size: 130%; text-align: center; font-weight: bold;}

.subsecthead {color: #000080; font-size: 130%; text-align: left; font-weight: bold;}



.activityhead {color:#000080; font-size: 110%; font-weight: bold;}

.activitytext {font-style:italic;}

.checkpointhead {font-family:Times New Roman; color:#000080; font-size: 110%; text-align:left; font-weight: bold;}

.checkpointtext {font-style:italic;}

.commenthead {color:#000080; font-size: 110%; font-weight: bold;}

.tablename {text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 90%; }

.tablecolhead {text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 85%; }

.tabletext {font-family: Arial, Helvetica, sans-serif; font-size: 80%;}

.tablenamehtml {text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 75%; }

.tablecolheadhtml {text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 72%; }

.tabletexthtml {font-family: Arial, Helvetica, sans-serif; font-size: 70%;}

.note {font-family:Arial, Helvetica, sans-serif; font-size: 90%;}

.storyhead {font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

.storytext {font-style:italic;}

.commenttext {font-family: Arial, Helvetica, sans-serif; }
 
.figurenum {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 90%; }

.figuretext {font-family: Arial, Helvetica, sans-serif;font-size: 90%; }

.defhead {font-weight: bold;}

.deftext {font-family: Arial, Helvetica, sans-serif; }

.mathsym {font-size: 108%; font-family:Times New Roman; }

.mathdisp {font-size: 120%; font-family:Times New Roman;  text-align:center;}

.mathvar {font-size: 108%; font-family:Times New Roman; font-style:italic; }

.redtext {color:#EE0000}

.greentext {color:#00CC00}

.bluetext {color:#0000CC}

.sub {font-size: 90%; font-family:Times New Roman; }

.sup {font-size: 90%; font-family:Times New Roman; }

.smalltext {font-size: 80%}

.largetext {font-size: 120%}