body {
	padding-bottom: 2em;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	color: #000000;
	font: .8em/1.8em verdana, arial, sans-serif;
}

/* main div wrapped arround entire layout */
#wrapper { clear: left;
           width: 750px;
           background-color: #b0a899;
		   border: 5px solid #336633;
		   padding: 0px;
		   margin-left: 50px;
		   margin-right: auto;
         }

/* div for logo and main header (title) */				
#HeaderBox {  width: 100%;              
              height: 80px;
			  color: white;
			  background-color: #336633;
			  border: 0;
			  padding: 0;
			  margin: 0; }
#HeaderBox h1 {  float: right;
        font-size: 40px;
        font-family: Viking;
        font-weight: bold;
		height: 60px;
 	    margin: 0;
		padding-top: 30px;
		padding-right: 20px;
		padding-bottom: 0;
		padding-left: 0;
		border: 0; }
#HeaderBox .logo { float: left;
          width: 150px;
          height: 45px;
	      border: 0;
	      margin: 0;
	      padding: 5px;
        }				   
		   
/* div for main content (text and navigation) */		   
#MainText { width: 340px;
            float: left;
			background-color: transparent;
			border: 0;
			padding: 10px;
			padding-right: 0;
			margin: 0; }
#MainText p { padding: 9px;
              margin: 0;
			  font-size: 14px;
              font-family: arial;
		    }

/* navigation lists for user's choices w/in storyline */
#navigation ul {
    list-style-type: none;
	margin: 0;
	padding-left: 20px;
	border: none;
}
#navigation li {
    list-style-type: none;
	width: 250px;
	vertical-align: bottom;
	font: 110% Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0.3em;
}
#navigation a{
	text-decoration: none;
	background-color: transparent;
	display: block;
	width: 100%;
	padding: 5px 5px 5px 0.5em;
	border-top: 1px solid #88FF88;
	border-left: 1px solid #88FF88;
	border-right: 1px solid #112211;
	border-bottom: 1px solid #112211;
	background-color: green;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation a:link, #navigation a:visited {
	display: block;
	width: 100%;
	background-color: green;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation a:hover {
	background-color: #00FF00;
	color: #FFFFFF;
}

/* illustration properties (see HTML pages for image dimensions) */
#Drawing { width: 380px;
		   float: right;
		   background-color: transparent;
		   border: 0;
		   padding: 0;
		   margin: 0; }
#Drawing img { margin-right: 15px;
               margin-top: 20px;
	           margin-left: 0;
	           margin-bottom: 20px;
               float: right;
               padding: 0;
		       border: 2px solid black;
			   }
		   
/* footer parameters (include "Clear" style) */		   
#Clear { clear: both; }
#Footer { width: 100%;
          height: 50px;
		  background-color: #336633;
		  alignment: bottom;
		  border: 0;
		  margin: 0;
		  padding: 0;
		  }   
#Footer .Copyright { font-size: 12px;
                     color: #cccccc;
                     float: right; }