@charset "UTF-8";
/* CSS Document */

body {
	font: 14px/1.15em Georgia, "Times New Roman", Times, serif #oooooo;
	background: #333;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px;
	width: 100%;
	text-align: justify;
    }
    
	#wrapper { 
 margin: 0 auto;
 width: 1100px;
	}
	
	#previous {
 width: 650px;
 color: #CCCCCC;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:right;
 font-size:14px;
 padding: 1px 0px 0px 0px;
 border: 0px solid #ccc;
 height: 30px;
 margin: 10px 0px 5px 0px; 
}

#previous a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
    border-top: 0px solid #999;
	}

	
	
	 p {
margin: 0px 0px 10px;
}
	
/*** Makes it Multi-Column***/
    
.page {
    display: block;
       width: 100%;
       padding: 0px;
       background: #f5ebd6;
}

#header, #footer {
    clear: both;
    background: #999;
    }

#navigation {
    float: left;
    width: 20%;
    max-width: 250px;
    min-width: 100px;
    font: bold 12px Arial, Helvetica, sans-serif;
    }
    
#content {
    float: left;
    width: 65%;
    padding: 2%;
    max-width: 720px;
    min-width: 200px;
	min-height: 600px;

    border-left: 2px solid #999;
    background: white;
    }    
    
.dropBox {
	float: right;
	padding: 6px;
	margin: 0px 0px 5px 15px;
	background: white;
	border: 1px dotted #99CCCC;
	font: 11px Helvetica, Arial, sans-serif;
	text-align: right;
}

.dropBox img {
    display: block;
}


.galleryTable {
	float:none;
    padding: 4px;
    margin: 4px;
    background: white;
    font: 11px Helvetica, Arial, sans-serif;	
}



/*** Headers ***/

h1, h2, h3 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    }
    
h1 {
    font-size: 28px;
    }

h2 {
    color: #666;
    }
    
h3 {
    margin-left: 8px;
	color:#333;
    font: 18px Georgia, "Times New Roman", serif;
}

#header {
    height: 100px;
    color: white;
    border: 1px solid #ccc;
    border-bottom: 2px solid #999;
    background: #99CCCC url(head2B.png) no-repeat;
    padding: 0px 8px;
}

h2 .chapterTitle {
    display: block;
    font-size: smaller;
    color: black;
}

/*** Navigation and Links***/

p a {
	color: #0000ff;
	text-decoration: none;
	padding-bottom: 0px;
	font-size:larger;
	font-variant:normal;
	font-weight: bold;
}

p a:link {
    color: #0000ff;
    font-size:larger;
	font:bold;
    }

p a:visited {
    color: #0000ff;
    font-size:larger;
	font:bold;
}

p a:hover {
    color: #f00;
    font-size:larger;
	font:bold;
}

p a:active {
    color: #966;
    font-size:larger;
	font:bold;
}

#navigation ol {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    
#navigation ol li {
    margin: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    }

#navigation a {
    padding: 2px 2px 8px 16px;
    border-top: 2px solid #fff;
    text-decoration: none;
    display: block;
    }

#navigation a:link {
    color: #333;
    }
    
#navigation a:visited {
    color: #333;
}

#navigation a:hover {
    background-color: #fff;
    border-top: 2px solid #fff;
    color: #663333;
}

#navigation a:active {
    background-color: red;
    border-top: 2px solid #fff;
    color: #fff;
}

#footer {
    color: white;
    font-size: small;
    text-align: center;
    padding-top: 4px;
    border-top: 2px solid #999;
}

#footer a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: white;
    font-size: small;
    padding-top: 4px;
    border-top: 0px solid #999;
}