body {background: #8C0C0C url(/img/pagebgb.gif) repeat-y 50% 0; background-attachment: fixed; margin: 0; padding: 0;}
* {padding:0; margin:0;}
hr {display: none; clear:both;}
form {padding: 0 0 10px 0; margin: 0;}
fieldset {width: 350px; padding: 10px 0 5px 25px; border: 0px solid #FFF; font-family: arial, verdana, sans-serif; font-size: 11px;}
label {font-size: 11px; color: #5C0808;}
input, textarea {border: 1px solid #BFB4A3; background: #EBDDC8; font-family: arial, verdana, sans-serif; font-size: 11px; color: #940A0A; padding: 3px;}
input.button {border: 0px; background: url(/img/submit.gif) no-repeat; width: 63px; height: 42px; cursor: pointer; color: #5C0808;}
textarea:focus, select:focus, input:focus {background:#FFF;}
img {border: none;}


/* ---- IDs -------------------------------------------------------------------------------------------------------------*/
    
#main {
	position: relative;
	width: 718px; 
	margin: 0 auto;
    }

#header {
	width: 718px; height: 92px;
	position: absolute;
	top: 0px; left: 0px;
	}
		
/* ---- Navigation --------------------------------------------*/	
	
#navbar {
	width: 458px; height: 37px;
	position: absolute;
	top: 92px; left: 0px;
	background: url(/img/navbar.gif) no-repeat bottom left;
	padding: 0;
	}
	
#tab {
	width: 458px; height: 37px;
	position: absolute;
	top: 89px; left: 0;
	padding: 0 0 0 25px;
	z-index: 3;
	}
		
#tab ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#tab ul li {
	float: left;
	width: 82px;
	padding: 0;
	margin: 0;
	}

#tab ul li a {
	display: block;
	padding: 10px 0;
	height: 37px;
	margin: 0;
	color: #940A0A;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font: normal 11px/18px georgia, verdana, arial, sans-serif;
	background: url(/img/taboff_bg.gif) no-repeat 0 0;
	}
	
#tab ul li a:hover {
	color: #570606;
	font-weight: bold;
	background: url(/img/tabon_bg.gif) no-repeat 0 0;
	}
	
#tab ul li a.end {width: 80px;}

/* ---- End Navigation ---------------------------------------------------*/

#resources {
	width: 259px; height: 37px;
	position: absolute;
	top: 92px; left: 459px;
	background: url(/img/resourcesbar.gif) no-repeat;
	}

#story { 
	width: 718px; 
	position: absolute;
	top: 137px; left: 0px;
	z-index: 2
	}
	
#storymain {
	float: left; width: 458px;
	padding: 0;
	margin: 0;
	}

#content {
 	width: 458px;
 	}
 	
#contentimg {
	margin: 10px 0 10px 21px;
	padding: 0;
	}
 	
#content h1 {
	background: url(/img/bgh1.gif) no-repeat left;
	font-family: georgia, verdana, arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #940A0A;
	margin: 5px 0px 5px 25px; padding: 0 0 0 21px;
	text-align: left;
	}
	
#content h2 {
	font-family: georgia, verdana, arial, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #695C4F;
	margin: 0 0 3px 25px;
	padding: 0;
	text-align: left;
	}

#content p {
	font-family: "Lucida Grande", "Lucida Sans", verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 18px; 
	color: #000;
	margin: 0 25px 17px 25px;
	padding: 0;
	text-align: left;
	}
	
#content p a, 
#content p a:link, 
#content p a:active, 
#content p a:visited {
	color: #940A0A;
	border-bottom: 1px underline #940A0A;
	text-decoration: none;
	}
	
#content p a:hover {
	padding-bottom: 1px;
	}
	
#content ul {
	margin: 0 0 10px 25px;
	padding: 0;
	color: #000;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans", verdana, arial, sans-serif;
	}
	
#content ul li {
	list-style: none;
	background: url(/img/bullet.gif) no-repeat 5px 5px;
	margin: 0 ;
	padding: 0 0 8px 15px;
	line-height: 1.5em;
	}

#content ul li a {
	color: #940A0A;
	border-bottom: 1px solid #940A0A;
	text-decoration: none;
	}
	
#content ul li a:hover {
	padding-bottom: 1px;
	}

#content .date {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0 25px 8px 0;
	color: #695C4F;
	text-align: right;
	}
	
#content .postdate {
	font-family: Georgia, "Times New Roman", serif;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0 0 5px 25px;
	}
	
#quote {
	width: 300px;
	padding: 15px 5px 15px 5px;	margin: 20px 0 20px 60px;
	font: italic normal 14px georgia, verdana, arial, Helvetica, sans-serif;
	color: #940A0A;
	text-align: center; line-height: 1.5em;
	background: #EBDDC8;
	border-top: 1px solid #BFB4A3; border-bottom: 1px solid #BFB4A3;
	}
	
#side { 	
	width: 259px;
	float: left;
	margin: 0; padding: 0;
 	}
 	
#side h1	{
	font-family: georgia, verdana, arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: .05em;
	color: #695C4F;
	margin: 0 0 4px 19px;
	padding: 0;
	}

#side p {
	font-family: "Lucida Grande", "Lucida Sans", verdana, arial, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px 20px 9px 20px;
	text-align: left;
	}
	
#side ul {
	list-style: none;
	padding:0 0 0 21px; margin: 0 50px 40px 0;
	font-family: "Lucida Grande", "Lucida Sans", arial, verdana, sans-serif;
	font-size: 12px;
	color: #787870;
	}

#side li {
	margin: 0;
	padding: 0; 
	display: inline;
	}
	
#side li a, 
#side li a:link, 
#side li a:active,
#side li a:visited {
	height: 20px;
	margin: 0;
	display: block;
	color: #940A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #AF9F8C;
	background: url(/img/bullet.gif) no-repeat 2px 8px; 
	padding: 4px 0 0 12px;
	}
	
#side li .border {border-top: 1px solid #AF9F8C;}
	
#side li a:hover {
	color: #570606; 
	text-decoration: none; 
	border-bottom: 1px solid #AF9F8C;
	background: #C3AD95 url(/img/bullet.gif) no-repeat 2px 8px; 
	padding: 4px 0 0 12px;
	} 

#footer {
	background: #695C4F url(/img/bgfooter.gif);
	width: 693px; height: 25px;
 	clear: both;
 	font: 11px "Lucida Grande", "Lucida Sans", verdana, arial, sans-serif;
 	color: #D2B89D;
 	padding: 15px 0 0 25px;
 	}
 	
#footer a, 
#footer a:link,
#footer a:active,
#footer a:visited {
	color: #F4EDE6;
	border-bottom: 1px solid #F4EDE6;
	text-decoration: none;
	font-size: 10px;
	}
	
#footer a:hover {
	color: #990000;
	text-decoration: none;
	border-bottom: 1px solid #990000;
	}
	
/* ---- CLASSEs -------------------------------------------------------------------------------------------------------------------------*/
	
.host {float: right; margin: -19px 15px 0 0}
.rule {height: 15px;}
.contentrule {background: url(/img/contentdivider.gif) no-repeat; width: 408px; height: 10px; margin: 15px 0 20px 25px;}
.hrrule {background: url(/img/hr_divider.gif) no-repeat; width: 458px; height: 10px; margin: 35px 0px 20px 0px;}
.sidehr {background: url(/img/sidedivider.gif) no-repeat 0 13px; width: 233px; height: 35px; margin: 0 0 0 10px;}
.stamp {margin: 0; padding: 35px 0 15px 67px;}
.lthumbs {padding: 4px 5px 4px 4px;	margin: 0 0 2px 20px; background: url(/img/bgphoto.gif) no-repeat;}
.cthumbs {padding: 4px 5px 4px 4px; margin: 0 0 2px 2px; background: url(/img/bgphoto.gif) no-repeat;}
.rthumbs {padding: 4px 5px 4px 4px; margin: 0 0 2px 2px; background: url(/img/bgphoto.gif) no-repeat;}
.navon {font-weight: bold !important; background: url(/img/arrowon.gif) no-repeat 36px 26px;}
.error {margin: 0 0 5px 25px;}
.scrn {padding: 2px; margin: 10px 0px 10px 25px; background: #FFF; border: 1px solid #695C4F; height: 150px; width: 399px;}