/* book_styles.css;	Copyright 14 February 2007 by Georgia Glashauser;    */
/*			written by Georgia Glashauser; 	Revised 9 Apr 2008   */
/* ========================================================================= */
body {margin:0px; padding:0px; 
		background-color: #FFFFCC;   /* color: bone */
		background-image: url('images/SmSand_Yellow4.jpg');
		background-repeat: repeat;  
		text-align:center;  color: #4000FF; 
		font-size:1em; font-family: optima,optimum,arial, verdana, sans-serif; 
		}
* {margin:0; padding:0;}
/* ========================================================================= */
div#full_pg {	width:805px; margin-left:auto; margin-right:auto;  }
/* ========================================================================= */
div#header { 	padding-top:4px;  width:805px;
		background-color: #FFFFAA;    /* color: popcornyellow */
		background-image: url('images/SmSand_Biege1.jpg');
		background-repeat: repeat;  
		font-style: italic; font-weight:bold; 
		font-family: "times new roman", verdana, arial, sans-serif;
		}
div#header h1 { margin-top:0;  margin-right:auto; margin-bottom:5px; 
		margin-left:6em;  padding:0.4em 0 0.4em 0;  
		text-align:left; font-size: 2.0em; 
		}
div#header h2 { margin-top:.2em; margin-right:auto; margin-left:3em; 
		margin-bottom:0; padding: 0 0 0.6em 0;  font-size: 1.4em; 
		}
div#header h4 { margin-top:.8em; margin-right:auto; margin-left:38em; 
		padding: 0 0 0 0; width:18em; font-size: .8em; 
		font-style: normal; font-weight:bold; 
		}
div#header img { float:left; margin:0 0 0 2px; }
div#header .right_of_text { float:right;  margin:0 40px; }
/* ========================================================================= */
div#torso { 	float:left; 
		width:805px; 
		padding: 0 0 0 0; margin-bottom:8px;
		}
/* ========================================================================= */
div#navbar { 	float:left; margin-left:-666px;
		width:155px; 
		padding:.5em 0 0 0; 
		background-image: url('images/SmSand_Biege1.jpg');
		background-repeat: repeat; 
		text-align:left; font-weight:bold; 
		}
div#navbar ul { margin-top:0; margin-bottom:0; padding:1em; 
		list-style-type:none;}
div#navbar li { margin-bottom:.8em; font-size:.95em; }			
div#navbar img {  margin-left:15px; }
div#navbar p  { padding: 0; margin:0 0 2px 15px; text-align:left; text-indent:0; 
		font-weight:bold; font-size:0.95em; line-height:1.2em;
		}	
div#navbar li.gapless { margin-bottom:0em; font-size:.95em; }			
div#navbar p.smaller  { padding: 0; margin:10px 15px 10px 15px; text-align:center; 
		text-indent:0; 	font-weight:bold; font-size:0.8em; 
		line-height:1.2em;
		}	
div#navbar p.smallest  { padding: 0; margin:0 0 0 0; text-align:left; 
		text-indent:0; 
		font-weight:normal; font-size:0.3em; line-height:1em;
		color: #003366;}	
div#navbar li.smaller {  font-size:.8em; font-style:normal; font-weight:bold; }
div#navbar form  { padding: 0; margin:0 0 0 15px; text-align:left; 
		text-indent:0; 	font-weight:normal; font-size:0.2em; 
		}
div#navbar form p  { padding: 0; margin:0 ;	}
	
/*  div#navbar form label { float:right;  font-size:.85em;    */
/* 		color: #003366;   margin: 2px 2px 5px 15px; }  */
/* ========================================================================= */
div#center { 	float:left;  margin-left:160px;
		padding: 0 10px 1em 16px; 
		width:480px; display:inline;
		background-color: #FFFFCC;   /*    color: bone */
		/*  	background-image: url('images/SmSandPink.jpg');
			background-repeat: repeat;    */
		color: #7F4F15;
		}
div#center h1 { padding: 0 0 .3em 0; color: #7F4F15; font-size:2em; }
div#center h2 { padding: 0 0 .3em 0; color: #7F4F15; font-size:1.2em; }
div#center h3 { padding: 0 0 .3em 0; color: #7F4F15; font-size:0.9em; }
div#center .horzln {  border-bottom: 1px solid #7F4F15;}
div#center p  { padding: 0; margin:0 0 .2em 0; text-align:left; text-indent:3em; 
		font-weight:normal; font-size:0.8em; line-height:1.3em;}	
div#center .sm_indent { margin: 1em; text-align:center; text-indent:1.2em;}
div#center .pagenum { margin-top:1.6em; text-align:center; text-indent:0;}
div#center .continuation { margin-top:1.6em; text-indent:0; }
div#center .subsection { margin-top:1.6em; margin-bottom:1em; 
			text-indent:0; font-size:1em;
			text-decoration:underline;}
div#center .previous { margin-top:1.4em; padding: 0 0 1em 0; 
		text-indent:0; float:left; font-size: .8em; }
div#center .next  { margin-top:1.4em;  padding: 0 0 1em 0; 
		text-indent:0; float:right; font-size: .8em; }
div#center img { margin-right:auto; margin-left:auto; }	
div#center .left_of_text { float:left;  padding:4px 10px 4px 0;}
div#center ol { margin-top:1.2em; margin-bottom:.8em; padding:0 0 0 4em; 
		text-align:left; list-style-type: decimal; }
div#center ul { margin-top:.8em; margin-bottom:.8em; padding:0; 
		text-align:left;}
div#center li { margin-bottom:.8em; margin-left:1em; 
		padding:0 0 0 1em; font-size:.8em; 
		text-align:left; list-style-position:outside;}			
div#center li.toc { margin-bottom:.8em; margin-left:1em; 
		padding:0 0 0 1em; font-size:1em; 
		text-align:left; list-style-position:outside;}			
div#center p.chapter_name { padding: .5em 0 .3em 0; margin:1.2em 0 .5em 0; 
		text-align:left; text-indent:0; 
		letter-spacing:.5em; font-size: 1.3em; }
div#center p.img_caption { padding: 0; margin:0 0 2em 0; 
		text-align:center; text-indent:0; 
		font-size: 0.7em; }
/* ========================================================================== */
div#rightcol { 	float:left; 
		width:119px;  
		margin:0 0 0 5px; padding:1em  5px;
		background-color: #FFFFAA;    /* color: popcornyellow */
		background-image: url('images/SmSand_Biege1.jpg');
		background-repeat: repeat; 
		text-align:center;
		}
div#rightcol p  { padding: 8px; margin:0; text-align:left; text-indent:0; 
		font-weight:normal; font-size:0.85em; line-height:1.3em;
		color: #003366; border: medium solid #7F4F15; }	
div#rightcol img {  margin: 4px 0; }
/* ========================================================================= */
div#footer { margin:1em; padding:5px 20px 0 5px; width:780px; color: #7F4F15;
		float:left; border-top:1px solid  #7F4F15; }
div#footer p { font-size:.7em;   }
div#footer p em {  font-size:.9em; font-style:normal; font-weight:bold; }
div#footer img { float:right; margin:2px 10px 0 0; }
div#footer .left_of_text { float:left;  margin:2px 0 0 2px; }
/* ========================================================================= */
a:link {color:#4000FF; }
a:visited {color:#CC00FF; }
a:hover {color:#7F4F15;  }
a:active {color:#FF6600; }
/* ========================================================================= */
div#formcontainer {width:390px; margin-left:30px;}
div#formcontainer form  {border-top: 2px solid #CCC; border-bottom: 3px solid #CCC;} 
div#formcontainer div.justify_bottom {border: 1px solid #CCC; padding:10px 0px; 
		vertical-align:top;} 	
		/* adds the line above each section and provides vertical spacing */
div#formcontainer form label {width:120px; float:left; font-size:.75em; 
		color: #003366;   margin:0 10px;} 
div#formcontainer input[type="reset"] { float:left; margin-left:10px; 
		margin-right:auto;}
div#formcontainer input[type="submit"] { float:right; margin-left:auto; 
		margin-right:10px;}
		/* postions the submit button by selecting a div with 
		attribute type SUBMIT - IDWIMIE */
	/*some extra styles for the checkbox and radio button sets*/	
div#formcontainer div.buttongroup {float:left; margin:0px; padding:0px;}
		/* a container for a group of buttons - suppresses the 
		justify_bottom div top border on the divs around the 
		radio buttons/checkboxes */
div#formcontainer form label.buttongroup {width:280px; float:left;font-size:.75em; 
		color: #003366;   margin:0 10px;} 
div#formcontainer div.buttongroup div {margin-top:2px; margin-right:6px;  
		margin-bottom:3px; margin-left:6px;
		font-size:.75em;  text-align:left; } 
		/* wrapper for the INPUT and its text - margin-bottom sets 
		the vertical distance between buttons */
div#formcontainer div.buttongroup input {margin-right:5px;} 
		/* set the distance between button and its label text */
/* ========================================================================= */
.justify_bottom:after { content:"."; display:block; height:0; 
		clear:both; visibility:hidden; }
.justify_bottom { display:inline-block; }     
/* a fix for IE Mac \*/
* html .justify_bottom { height:1%; }     
/* fix for the Guillotine bug in IE6 */
.justify_bottom { display:block; } 
		/* read the details of how and why this works at 	
		http://www.positioniseverything.net/easyclearing.html */