body {
	font-size:12pt; 
	font-family:"trebuchet MS", verdana, arial, sans-serif; 
	background-color:#0d193c; 
	margin:0px; 
	color:#0d193c;
	background-image:url('images/bg.png'); 
	background-repeat:repeat-x;}

#header {
	background-image:url('images/head5.png'); 
	background-repeat:no-repeat; 
	text-align: right;
	height: 300px;}

#header #site {
	position:absolute;
	top:180px;
	right:10px;
	}
		
#header #skin {
	position:absolute;
	top:200px;
	right:10px;
	color:#fff;
	z-index:1;
	}
		
#outer1 {
	float:right; 
	width:250px; 
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	}

#outer2 {
	min-height:700px;
	background:#fff; 
	padding:10px; 
	margin-right:270px; 
	margin-left:10px; 
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	border: 3px #2b26da solid;}

#outer2 hr {
	height: 7px;
	background: url('images/content-hr.gif') no-repeat scroll center;
	border:0px;
	padding:0px;
	margin-top:50px;
	margin-bottom:50px;
	}

#wrapper {
	overflow:hidden;
	}

/* ---------- styles for viewstory.tpl ---------- */
.notes {
	background-color: #CAD7F7;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	}

.storyinfo {
	background-color: #B3BEF2;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
	font-weight:normal;
	}
	
.storyinfo a, .storyinfo a:hover, .storyinfo a:active, .storyinfo a:visited {
	color:#000;
	font-weight:normal;
	}
	
.storyinfo .jumpmenu {
	float:right;
	font-size:11px;
	}

.storyinfo b {
	font-weight:normal;
	}
	
.storyinfo strong {
	font-weight:normal;
	}
	
/* ---------- styles the content within the main portion of the page ---------- */
.content {
	padding:10px;
	}
	
/* ---------- general body styles ---------- */
h1 {	
	font-size:24px; 
	margin:0; 
	padding:10px 0; 
	color:#2b26da; 
	text-align:center;
	}
	
p {
	line-height:1.25em; 
	margin:0; 
	padding:12px 0; 
	color:#0d193c;
	}
	
a, a:hover, a:active {
	text-decoration:none; 
	color:#2b26da; 
	font-weight:bold;
	}
	
a:visited {
	color:#1d1a8c;
	}

/* ---------- styles the title of the page ---------- */
#pagetitle {
	font-size:24px; 
	margin:0; 
	padding:10px 0; 
	color:#2b26da;
	text-align:center;
	}

/* ---------- styles page subheadings ---------- */
.sectionheader {
	font-size:20px; 
	margin-top:10px; 
	margin-bottom:10px; 
	padding:10px; 
	color:#fff;
	text-align:center;
	background-color:#2b26da;
	}


/* ---------- styles the alphabet links on the title, author, members etc. pages ---------- */
#alphabet {
	padding-top:10px;
	padding-bottom:10px;
	}

#alphabet, #alphabet a, #alphabet a:hover, #alphabet a:active {
	font-weight:bold;
	text-decoration:none;
	color:#1d1a8c;
	text-align:center;
	letter-spacing:2px;}
	
#alphabet, #alphabet a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#2b26da;
	text-align:center;
	letter-spacing:10px;
	}

/* ---------- styles the form data for the body ---------- */
input, select, textbox {
	padding:1px; 
	font-size:10px;
	background-color:#2b26da;
	color:#fff;
	border: 1px #fff solid;}

	
/* ---------- styles the divs for the listblock ---------- */
.odd {
	background-color: #CAD7F7;
	}
	
.even {
	background-color: #B3BEF2;
	}
	
.odd, .even {
	margin:10px 0; 
	padding:10px;
	}

.odd small a, .even small a {
	color:#000;
	font-weight:normal;
	}
	
.odd .blockright, .even .blockright {
	float:right;
	font-size:11px;
	}
	
.odd small, .even small {
	font-size:11px;
	}
	
.odd h2, .even h2 {
	font-size:18px; 
	margin:0px; 
	padding:10px 0; 
	color:#2b26da; 
	text-align:left;
	}

/* ---------- styles the menu bar links ---------- */
	
#outer1 a, #outer1 a:hover, #outer1 a:active {
	color:#2b26da;
	}
	
#outer1 #menu a, #outer1 #menu a:active {
	display: block;
	margin-bottom:10px;
	background-color:#2b26da;
	color:#fff;
	border:1px #fff solid;
	padding:10px;
	text-decoration:none;
	font-size:11px;
	}

#outer1 #menu a:hover {
	display: block;
	margin-bottom:10px;
	background-color:#1d1a8c;
	color:#fff;
	border:1px #fff solid;
	padding:10px;
	text-decoration:none;
	font-size:11px;
	}

/* ---------- horizontal line for the body of the document ---------- */
hr {
	height: 7px;
	background: url('images/menu-hr.gif') no-repeat scroll center;
	border:0px;
	}

/* ---------- defines the general footer specifications ----------*/

#footer {
	clear:both; 
	background-image:url('images/bgbottom.png'); 
	background-repeat:repeat-x;
	height:360px;
	margin-top:10px;
	font-size:11px;
	}
	
/* ---------- divides the foother into three sections ---------- */
#footer #middle {
	float:right;
	width:34%;
	overflow:auto;
	height:340px;
	border-right: 1px #fff solid;
	}

#footer #right {
	float:right;
	width:33%;
	overflow:auto;
	height:340px;
	}
	
#footer #left {
	width:33%;
	overflow:auto;
	height:340px;
	border-right: 1px #fff solid;
	}

/* ---------- styles the footer content ---------- */
#footer #content {
	color:#fff;
	padding:20px;}
	
#footer #content h1 {
	font-size:18px; 
	margin:0; 
	padding:10px 0; 
	color:#2b26da;
	}
	
#footer a {
	color:#fff;
	}
	
#footer a:hover {
	text-decoration:none;
	}