/* BODY
------------------------------------------------*/

body {
	
	background-color: #fff;
	color: #666;
}


/* CONTAINER
------------------------------------------------*/

#container
{
background-color: #fff;
width: 920px;
margin: 20px auto;
}



/* HEADER
------------------------------------------------*/

#header
{
background-color: #fff;
width: 920px;
height: 25px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}


/* STORY INFO AND NAV
------------------------------------------------*/
			
			#navigatorToggle {
				cursor: pointer;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 1000;
				background: #750000;
				padding: 2px 2px 2px 2px;
				line-height: 10px;
				
				color: #fff;
			}
			#navigation {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 999;
				padding-top: 35px;
				background: #750000;
				font-family: Verdana,Tahoma,Geneva,Arial,sans-serif;
				text-shadow: rgba(0,0,0,0.01) 0 0 0;
				opacity: 0.8;
				filter: alpha(opacity=80);
				-moz-opacity:0.8;
				-khtml-opacity: 0.8;
				font-size: 10px;
				line-height: 120%;
				color: #fff;
			}
			#navigation.inactive {
				display: none;
				opacity: 0;
			}
			#navigation.active, #navigation.active a {
				background: #750000;
				color: #fff;
				text-decoration: none;
			}
			#navigation .navigation {
				float: left;
				width: 120px;
				height: 280px;
				margin-bottom: 10px;
				padding: 0px 25px 10px 10px;
			}
			#navigation dl.seperator {
			border-left: 1px solid #fff;
			}
			
			#navigation dl.navigation {
			
				font-size: 100%;
				
			}
			
			#navigation dl.navigation dt {
			
				padding-bottom: 12px;
				font-size: 120%;
			}
			
			#navigation dl.navigation dd {
			
				padding-bottom: 10px;
			}

			#navigation a {color: #fff; background: #750000; text-decoration: none;}
			#navigation a:hover {text-decoration: none; background: #fff; color: #750000;}
			
			/* CSS for story showhide and info pages*/
			
			#content {font-family: Verdana,Tahoma,Geneva,Arial,sans-serif; font-size: 10px; color: #666; position: relative; width: 920px;}
			
			#info {font-size: 10px;}
			#info p {padding-bottom: 10px; line-height: 120%;}
			#info h3 {font-weight: 700; font-size: 120%; padding: 35px 0 10px 0;}
			#info a {color: #666; text-decoration: underline;}
			#info a:hover {color: #750000; text-decoration: none;}
			
			#slideshow {display: inline; float: left;}
			#slideshow .slideshow {cursor: pointer;}
			#slideshow img.slideshow {padding-bottom: 30px;}
			
			#slideshow_auto .slideshow {cursor: auto;}
			#slideshow_auto img.slideshow {padding-bottom: 30px;}
			
			#single .slideshow {cursor: auto;}
			#single img.slideshow {padding-bottom: 30px;}
			
			#story {display: block; clear: both;}
			
			#slidearrow {display: inline; cursor: pointer; float: left;}
			
			#content .showhidestory {padding: 1px 5px 2px 5px; background: #ccc;}
			#content .showhidestory span {color: #fff;}
			#content a.showhidestory {color: #666; background: #ccc; text-decoration: none;}
			#content a:hover.showhidestory span {color: #750000; text-decoration: none;}
			#content .storytxt {background: #ccc; padding: 5px; margin-top: 10px; line-height: 120%;}
			#content .storycontainer {}
			
			
/* CONTENT
------------------------------------------------*/







/* FOOTER
------------------------------------------------*/

#footer
{
font: 10px Verdana,Tahoma,Geneva,Arial,sans-serif;
clear: both;
text-align: right;
background-color: #fff;
width: 920px;
height: 25px;
border-top: 1px solid #ccc;
margin-top: 20px;
padding-top: 5px;
}

#footer a {color: #666; text-decoration: underline}
#footer a:hover {color: #666;text-decoration: none;}