body {
	margin: 0px;
	padding: 0px;
	text-align: justify;
	font-family: georgia;
	background-color: #f3eee6;
	scrollbar-3dlight-color: #c10f56;
	scrollbar-arrow-color: #e8e0dd;
	scrollbar-darkshadow-color: #231710;
	scrollbar-face-color: #c10f56;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-track-color: #e8e0dd;
	scrollbar-shadow-color: #231710;
	font-size: 8pt;
	color: #2f1409;
}

TH { background: #AF9EA2; padding: 6px; border: 1px solid #000;}
TD { padding: 4px; }

hr {
	color: #e8e0dd; 
}

a:link, a:visited, a:active { color: #231710; font-weight: bold; text-decoration:none; }
A:hover { color: #c10f56; font-weight: bold; border-bottom:1px solid #224B81; }

/* these next few are hard coded into the script */
/* the title of the page */
#pagetitle { font-size: 14pt; text-align: center; font-family:arial;padding: 5px;}

/* pagination links at the bottom of multiple page results */
#pagelinks { text-align: center; padding: 5px; background: #FFF;}

/* the alphabet list used on multiple pages */
#alphabet { text-align: center; padding: 10px;}

/* Response links such as "Issue a Challenge!", "Respond to the Challenge!" etc */
.respond { text-align: center; }

/* Used when listing stories and series to define the sub-section headers "Series" and "Stories */
.sectionheader {
background: #ced1e1; 
color: #987058;
 font-weight: bold;
 text-align: center;
 clear: both;
 padding-bottom:2px;
 margin-bottom: 1px;
 border-top: 1px solid #FFF;
}

/* these define the alternating colors used in some tables and the listings of the stories, series, and challenges */
.odd { background: #D6E2E4; padding: 5px; border-bottom:1px solid #FFF;}
.even { background: #E6F0F2;padding: 5px; border-bottom:1px solid #FFF;}

/* This defines the look of the admin options for various pieces of the script.  Can be safely left undefined if you wish */
.adminoptions { font-weight: bold; }

/* Defines the appearance of the jump menu on the stories page
.jumpmenu { text-align: right; margin: 5px;}

/* Carryover from 1.1 */
.tblborder { border: 1px solid #FFF; }

/* End of hardcoded classes and id's */

/* Contains the drop shadow */
#background {
  width: 730px;
 margin: 0px;
 margin-left: auto;
 margin-right:auto;
 background-repeat: repeat-y;
 background-position: center top;
}

/* This wraps around the contents of the page */
#container {
	width: 730px;
	 margin: 0px;
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
}

/* The top of the header where your site's name and slogan appear */
#banner {
	height: 460px;
	width: 730px;
	background-image: url(top.png);
	border-bottom: 1px solid #f3eee6;
	background-position: center;
}

/* the main content section below the menu */

#content {
 background-color: #fff;
 color: #000;
}

/* the footer below the mainpage */
#footer {
 background: #FFF;
 color: #644431;
 text-align: justify;
 margin-top: 2em;
 padding:3px;
 border-top: 1px solid #FFF;
}

#footer a { color: #231710; font-weight: bold; text-decoration: none; }
#footer a:hover { color: #c10f56; font-weight: bold; border-bottom:1px solid #224B81; }

/* Drop shadow at Bottom of Page */
#bottom {
 background-position: top;
 background-color: #FFF;
 background-repeat: no-repeat;
 padding: 0px;
 height: 10px;
 width: 730px;}

/* much of the content output by the script such as the contents of the help and rules files are places in this div can be safely left undefined however  */
#output { padding: 5px; }

/* Used at the top of the challenges and series pages when an individual listing is displayed.  
Not hardcoded into the script!  This is defined in the default tpl.
*/
#titleblock { margin: 10px; }
#titleblock .listbox { border: 1px solid #000; margin: 10px; }

/* defines how the story and series blocks appear */
.listbox {  border-top: 1px solid #FFF; margin-top: -1px; }
.listbox .title {
	padding: 3px;
	color: #000000;
	text-align:center;
	font-weight: bold;
	}
.classification { font-weight: bold; }

/* used in the categories page */
#categoriesblock { width: 90%; padding-left: 5%; padding-bottom: 1em; text-align: left;}

/* used in user.tpl */
#sort { text-align: right; position: relative; padding: 1px; clear: both;}
#bio { padding: 8px; }
#profile .adminoptions { font-weight: bold; height: 3em; }

#tabs { 
}

#tabs DIV{ 
width:33%;
 float: left;
 color: #000;
 text-align: center;
border-bottom:1px solid #FFF;
}

#tabs #centertab {
  background: transparent;
  width:98%;
}

#tabs a { color: #c10f56; }
#tabs a:active, a:hover { text-decoration: none; color: #c10f56; }

#tabs #active { width: 34%; color: #c10f56; }
#tabs #active a { color: #000; }
#tabs #active a:active, a:hover { text-decoration: none; color: #c10f56; }

/* used for the blocks on the index page */
.block { margin: 0; padding: 0; margin-bottom: 1em; border: 1px solid #B9C6D0;}
.block .title { font-size:8pt; font-family:tahoma; text-transform:uppercase;padding: 5px; background: #ced1e1; color: #987058; margin: 0; font-weight: bold; text-align: center;}
.block .content { background: #e2d4a1; border-top: 1px solid #FFF;}
.jumpmenu { text-align: right; }

/* defines the columns on the index page */
#leftindex {
 width: 200px;
 float: left; 
 margin: 5px;
 margin-top: 0px;
}
html>body #leftindex { width: 200px; margin-top: 0px; }

#rightindex { margin:  10px 10px 10px 215px;
 }
 
#centerindex {
 margin-left:  10px;
 margin-right:  10px;
 margin-top:  0px;
 margin-bottom:  10px;
}
 

/* the clearfix class fixes certain problems with display in IE.  if you have disappearing backgrounds and/or text in a div adding this class to the PARENT might help */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline; }
/* Hides form IE-Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block; }
/* End hiding */

/* the following defines your menu below the banner div */
#menu {
 padding: 3px;
 background-color: #987058;
 border-bottom: 1px solid #FFF;
}

#menulist {
 padding: 0px;
 margin: 0px;
 text-align: center;
}

#menulist ul {
 margin-left: 0;
 padding-left: 0;
 white-space: nowrap;
}

#menulist li {
 display: inline;
 list-style-type: none;
}

#menulist a { 
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 7px;
 padding-right: 7px;
 margin-right: 3px;
	}

#menulist a:link, #menulist a:visited {
 color: #fff;
 background-color: #987058;
 text-decoration: none;
 font-weight: bold;
}

#menulist a:hover{
 color: #c10f56;
 background-color: #FFF;
 border-bottom: 1px solid #FFF;
 text-decoration: none;
 font-weight: bold;
}

#submenu {
 padding: 3px;
 background-color: #dcbf7a;
 border-bottom: 1px solid #FFF;
}

#submenulist {
 padding: 0px;
 margin: 0px;
 text-align: center;
}

#submenulist ul {
 margin-left: 0;
 padding-left: 0;
 white-space: nowrap;
}

#submenulist li {
 display: inline;
 list-style-type: none;
}

#submenulist a { 
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 7px;
 padding-right: 7px;
 margin-right: 3px;
	}

#submenulist a:link, #submenulist a:visited {
 color: #fff;
 background-color: #dcbf7a;
 text-decoration: none;
 font-weight: bold;
}

#submenulist a:hover{
color: #c10f56;
 background-color: #FFF;
 border-bottom: 1px solid #FFF;
 text-decoration: none;
 font-weight: bold;
}

#story { padding: 5px; margin: 5px;}
/* end menu setup */

.content
{
	text-align: justify;
	padding:5px;
}

.newsbox{text-align:justify; border-bottom: 1px solid #000;}
.newstitle  { font-size: 9pt; font-weight:bold; color: #000000;}
#newsarchive { text-align: center; padding:3px;}

.storybody {
	padding:5px;
	font-family: georgia;
	font-size:8pt;
}

.storytitle{
	font-size:14pt;
	font-family:arial;
}

.desc {
	color: #A9B9C9;
	font-size:9pt;
}

.space {
	padding: 0px;
}

.newscontent{
	border-top: 1px solid #FFF;
}

.input, select, textarea {
	background-color: #FFF;
	font-family: georgia;
	font-size: 8pt;	
	color:#c10f56;
}

.notes{
	padding: 5px; 
}

.notestitle{
	font-weight:bold;
	text-align:center; 
}

.poll {
	border: 1px solid #B9C6D0;
}