body { 
	background-color: #232d67;
	margin: 0;
	padding: 0;
	font: 10pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	line-height: 14pt;
	color: #256BA0;
}

IMG { 
	border: 0;
	padding: 0;
	margin: 0;
}

HR { color: #232D67; background: #232D67; height: 6px; border: 1px solid #000; width: 80%; }

/* Header cells in tables throughout the site */
TH { 
	background: transparent;
}
/* links */
a { 
	color: #c39294;
	text-decoration: underline;
	}

/* hovering links */
a:hover {
	color: #fff;
	background-color: #A87095;
	cursor: crosshair;
	text-decoration: none;
	}
	
p {
	color: #256ba0;
	font: 10pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	line-height: 14pt;
	}
	
h1 {
	font: 14pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #8F434E;
	}	

h2 {
	font: 12pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #FFCDEA;
	}	

/* The following is very layout specific */
#pageFrame { background-color: #FFFFFF; width: 900px; margin:auto; padding:0; }
#banner {
	background: #232d67 url(images/st_v3.jpg) no-repeat;
	height: 380px;
	width: 900px;
}

#container { 
	width: 900px; 
	background-color: #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	}/*makes sure the content, sidebar, and footer stay in place */

#clearcontainer {
	clear: both;
	background-color: transparent;
	height: 0;
	}
		
#content {
	width: 655px;
	padding: 10px;
	float:left;
	background-color: #FFFFFF;
	text-align:left;
	}/* contains the content of the pages */

#sidebar {
	width: 200px;
	padding: 5px;
	float:right;
	background-color: #FFFFFF;
	}/*where the menu will be contained*/
	
#footer {
	clear: both;
	background-color: #8DA3D2;
	padding: 5px;
	width: 890px;
	}	/*at the bottom of the page*/

#footertext {
	margin: 1em;
	font: 9pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #ffffff;
}

#footer p {
	font: 9pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #ffffff;
	}
	
#footernav {
	margin-bottom: -5px;
	margin-right: -5px;
	margin-left: -5px;
	background-color: #FFFFFF;
}

#footermenu { 
	padding: 5px;
	text-align: center;
}

#footermenu A { 
	color: #8DA3D2; 
	font: 10pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-decoration: underline; 
	}
	
#footermenu A:hover, #footermenu #current:hover { 
	color: #232D67;
	background-color: transparent;
}

#footermenu #current {
	color: #232D67;
	text-decoration: none; 
	font-weight: bold;
}

#footermenu UL { 
	padding: 0; 
	margin: 5px 0;
	list-style-type: none;
}

#footermenu LI, #footermenu #menu_current {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	}
	
/* The location of the div containing the RSS link in the footer area */
#footer #rss {
	position: relative;
	right: 50px;
	top: 55px; 
}
	
/* The appearance of your site's name in the banner area*/
#sitename {
	font-size: 64px;
	font-weight: bold;
	color: #D1E0EF;
	height: 100px;
	line-height: 100px;
}
/* The appearance of your site's slogan in the banner area */
#slogan {
	font-size: 26px;
	font-weight: bold;
	color: #D1E0EF;
	text-align: right;
	padding: 0px 20px;
}
/* The location of the div containing the skin change drop menu  in the banner area */
#skin {
	position: absolute;
	right: 30px;
	top: 25px;
}

/* the following defines your menu inside the banner div */
#menu ul { 
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #fff;
	color: #8DA3D2;
	width: 100%;
	font: normal 9pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-align: center;
	}

#menu ul li, #menu #menu_current {
	display: inline;
	}

#menu ul li a
{
	text-decoration: none;
	background-color: #fff;
	color: #8DA3D2;
	padding: .2em 1em;
	border-right: 1px solid #8DA3D2;
}

#menu ul li a:hover
{
	color: #232D67;
	background: #8DA3D2;
}

#menu a:active
{
	background: #fff;
	color: #232D67;
}

#menu li#current a
{
	background: #fff;
	color: #232D67;
}

#menu { 
	height: 18px;
	background-color: #ffffff;
	padding: 10px 5px;
	text-align: center;
}

/* for the browse menu*/
#submenu ul {
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	color: #fff;
	width: 100%;
	font: normal 9pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-align: center;
}

#submenu #current {
	color: #232D67;
}

#submenu a:active
{
	color: #232D67;
}

#submenu ul li, #submenu #menu_current {
	display: inline;
	}

#submenu ul li a
{
	text-decoration: underline;
	color: #fff;
	padding: .2em 1em;
}

#submenu ul li a:hover, #submenu #current:hover
{
	color: #232D67;
	text-decoration: underline;
	background-color: transparent;
}

#submenu { 
	background-color: #8DA3D2;
	padding: 5px 5px;
	text-align: center;
}

/* end menu setup */

#loginblock { 
	margin: 0;
	padding: 3px 10px;
	background: transparent;	
	text-align: left;
	width: 920px;
	font: 8pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #f2ecdb;
}
#loginblock .textbox, #loginblock .checkbox { 
	font-size: 9px; 
	vertical-align: baseline;
}
#loginblock .button { 
	font-size: 8px; 
	padding: 0; 
	margin: 0; 
	font-weight: bold; 
	font-family: "Arial"; 
	vertical-align: text-bottom; 
}
#loginlinks {
	display: inline;
	margin: 0 1ex;
}
#loginlinks A {
	color: #E1CB98;
}

/* this is a carryover from 1.1.  Generally it is used around tables and table cells. */
.tblborder { 
	border: 1px solid #000;
	padding: 6px;
	border-collapse: collapse;
}

/* Most pages use pagetitle to format the page's title */
#pagetitle { 
	font: normal 16pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	letter-spacing: 2px;
	font-variant: small-caps;
	color: #232D67;
	padding: 5px;
	margin: 0 25% 1em;
	padding-left: 1em;
	text-align: center;
}

/* 
Where there's a list of alphabet links #alphabet controls their look. 
Just to make things simpler #pagelinks controls the look of the links 
at the bottom of multi-page results and will be set here too. 
Generally, they look alike.
*/
#alphabet, #pagelinks { 
	text-align: center; 
	font: bold 10pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #8DA3D2;
	margin: 1em 0;
	line-height: 25px;
}
#alphabet A, #pagelinks A { 
	padding: 2px 4px; 
	margin: 0; 
	text-decoration: none; 
	color: #8DA3D2;
}
#alphabet A:hover, #pagelinks A:hover { 
	background-color: #8DA3D2; 
	border: 1px solid #000;
	padding: 2px 4px; 
	margin: 0; 
	text-decoration: none; 
	color: #ffffff;
}
#alphabet #currentletter, #pagelinks #currentpage { 
	background-color: #FFFFFF; 
	color: #8DA3D2; 
	border: 1px solid #000; 
	padding: 2px 4px; 
	margin: 0; 
	text-decoration: none;
	font-weight: bold; 
} 
.ellipses {
	vertical-align: sub;
	padding: 4px 5px 0px;
}
#plnext, #plprev { margin: 0 20px !important; }

/* End alphabet and page link declarations */

/* labels throughout the site in forms and in other places */
LABEL, .label {
	color: #232D67;
	font-weight: bold;
}

/* The listings of stories etc. */
/* .sectionheader styles the headings "Stories" and "Series" */
.sectionheader {
	text-align: center;
	font: 15pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #8F434E;
	padding: 1em;
	font-variant:small-caps;
}

/* The box around each individual story */
.listbox {
	margin: 1em 5%;
	border: 5px solid #FCE6F2;
}

/* The title bar for each story box. */
.listbox .title {
	padding: 4px;
	color: #232D67;
	border-bottom: 1px solid #256BA0;
	background: transparent;
}
.listbox .title A, .listbox .tail A {
	color: #A87095;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}

.listbox .title a:hover, .listbox .tail a:hover {
	color: #ffffff;
}

.listbox .title .label, .listbox .tail .label, .listbox .tail .adminoptions .label { 
	color: #232D67;
	font-weight: bold;
}

/* The content of the box...summary, categories, etc. */
.listbox .content {
	padding: 3px;
	background: transparent;
	border-top: 0;
	border-bottom: 0;
	margin: 0 5px;
}

/* The tail info published date etc. on the last line */
.listbox .tail {
	padding: 3px;
	background: transparent;
	color: #232D67;
}

.listbox .tail .adminoptions { display: inline; }

/*Review listboxes*/
.listbox .contentodd, .listbox .contenteven {
	background: transparents;
	color: #8F434E;
	text-align: left;
	padding: 6px;
	border-bottom: 1px solid #232D67;
}

.reviewcomment {
	padding: 6px;
	background: transparent;
	border-top: 0;
	margin: 0 5px;
	}
		
/*End story/series listings */

/* titleblock is used for the title information in series and challenges */
#titleblock {
	margin: 0 10%;
}

/* The pulldown jump menus on several pages. */
.jumpmenu {
	text-align: right;
	padding: 1ex;
}

/* On the story page, there's a jumpmenu at the bottom. It looks better centered, so this will replace the declaration above for that 
drop down list ONLY */
#pagelinks .jumpmenu {
	text-align: center;
}

/* This is used on series and challenges and other places where a response is solicited */
.respond { 
	text-align: center;
	padding: 6px;
}

.listbox .tail .respond {
	padding: 0;
	text-align: right;
}

/* The sort menu on the categories page */
#sortform { text-align: center; margin: 1em; }


/* On pages that don't use listings, the content is surrounded by a div labeled output */
#output { 
	padding: 10px;
}

#profilecontainer {
	background: transparent;
	padding-top: 1em;
}

/* User Profile stuff */
/* The top list of information */
#profile {
	margin: 0 5% 1em 5%;
	background: #FFCDEA;
	color: #8F434E;
	padding: 1em;
}
/* The sort menu in the profile */
#sort {
	text-align: right;
	padding: 1ex 3em; 
 }

/* The following declarations control the tabs */
#tabs {
	margin: 0;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
}

#tabs .tablink {
	display: inline;
}

#tabs #active A {
	background: #A87095;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
}

/* This controls the look of the blocks on the index page.   */

/* Your welcome message */
#welcome {
	margin: 1em;
	padding: 10px;
	background: transparent;
	color: #256ba0;
	font-size: 120%;	
}

/* The box around the block */
.block { 
	margin: 3px;
	margin-bottom: 5px;
	width: 185px;
	border: 1px #000 solid;
}

/* The block's title */
.block .title {
	background: #ffffff url(images/block_title.jpg) no-repeat;
	color: #8F434E;
	font: bold 11pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-align: center;
	font-variant: small-caps;
	letter-spacing: 2px;
	margin-bottom: 0;
	border-bottom: 0;
}

/* The block's content */
.block, .block p {
	font: 9pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color:#8F434E;
}

.block .content {
	padding: 6px;
	background-color: #ffcdea;
	font: 9pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color:#8F434E;
}

.block A {
	color: #c39294; 
	font: bold 9pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-decoration: underline; 
	letter-spacing: 1px;
	}
	
.block a:hover {
	color: #7E4555;
	text-decoration: underline;
	background: transparent;
	}
		
.recentbox .title {
	background: transparent;
	text-align: center;
	border:0;
	font: 9pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color:#7E4555;
}

.recentbox {
	margin-bottom: 5px;
}

#leftindex { 
	width: 200px;
	float: left;
}
html>body #leftindex {
	margin-top: -1em;
}

#rightindex {
	margin-left: 220px;
}

#info_left {
	text-align: right;
	font-weight: bold;
}
#info_right {
	text-align: right !important;
}
#newestmember {
	font-weight: bold;
}


/* The next link at the bottom of a multi-chapter story */
#next { 
	float: right;
}
/* The previous link at the bottom of a multi-chapter story */
#prev { 
	float: left;
}

#prev A, #next A{
	margin: 1ex;
	padding: 2px 4px;
	border: 1px solid #000;
}
#prev A:hover, #next A:hover {
	text-decoration: none;
}

/* The story and chapter notes */
.notes { 
	margin: 1ex 20%;
	border: 1px solid #000;
	background: #FCE6F2;
}

.notes .title {
	background: transparent;
	padding: 2px 4px;
}
.notes .title .label {
	color: #8F434E;
	font-weight: bold;
}

.noteinfo { 
	padding: 5px; 
	color: #8F434E;
}

/* End story and chapter notes */

.storyinfo {
	padding: 0 15px; 
}

#story { 
	padding: 1.5em;	
}

#story p {
font-size: 100%;
}

.jumpmenu2 { text-align: center; }

.newsblock {
	margin: 1em;
	}
	
.newstitleodd, .newstitleeven {
	background-color: transparent;
	color: #A87095;
	font: bold 12pt "Trebuchet MS", Verdana, sans-serif;
	text-align: left;
	padding: 6px;
}

.newstitle1 { 
	font-size: 130%; 
	font-weight: bold;
	margin: 0 40% 0 0;
	padding: 2px;
	font-variant: small-caps;
}

.newsstory {
	padding: 6px;
	background: transparent;
	border: 5px solid #FCE6F2;
	margin: 0 5px;
}
.newsbox {
	background: transparent;
	padding-bottom:15px;
}

.newstailodd, .newstaileven {
	padding: 3px 7px;
	color: #A87095;
	background-color: transparent;
	text-align: right;
	font-weight: bold;
}	

.newssig {
	text-align: right;
	margin: 0 10px;
	border-bottom: 3px double #c39294;
}

/* Found in the Account Info section, where it displays comments for favorite authors & stories */
.commentodd, .commenteven { 
	padding: 7px;
	margin: 1ex 10%;
	background: transparent;
	border: 1px solid #8F434E;
	border-left: 10px solid #8F434E;
	border-right: 10px solid #8F434E;
}

.commenteven {
	border: 1px solid #c39294;
	border-left: 10px solid #c39294;
	border-right: 10px solid #c39294;
}

.commentsig {
	font-style: italic;
	margin-left: 20px;
}

.new { 
	color: #990033;
	font-style: italic;
	font-weight: bold;
}

.listbox .title .new { 
	color: #990033;
	padding: 2px 3px;
}

#titleblock {
	border: 1px solid #689ACC;
	border-left: 10px solid #689ACC;
	border-right: 10px solid #689ACC;
	background: #FFF;
	margin: 1em 10%;
	padding: 7px;
}

#titleinfo { text-align: center; }

#viewstory .listbox { border: 1px solid #000; background: transparent; padding: 7px;}
#viewstory .listbox .content { border: 0; }
#viewstory .listbox .adminoptions { padding: 0 7px; margin: 0;}

.column DIV { margin: 1em !important; clear: left;}