/* Some definitions used everywhere */
body 
{
 color: #000;
 margin: 0;
 padding: 0;
 text-align: left;
 font-size: 12px;
 font-family: Arial, Tahoma, Verdana;
}

img 
{
 border-width: 0;
 padding: 0;
 margin: 0;
}

/* Header cells in tables throughout the site */
th 
{
 background-color: #003663;
 font-weight: bold;
}

/* links */
a 
{
 color: #3CCF00;
 font-weight: bold;
 text-decoration: none;
}

/* hovering links */
a:hover 
{
 color: #003663;
 font-weight: bold;
 text-decoration: none;
}

/* Top of Page */
#container 
{
 background-color: #C7B199;
 text-align: center;
 margin: auto;
}

#banner 
{
 margin: 0px;
 width: 1100px;
 height: 250px;
 background-color: #C7B199;
}

/* the following defines your menu above the banner div */
#menu 
{
 padding: 5px;
 text-align: center;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 background-color: #F7F7F7;
}

#menulist 
{
 padding: 0px;
 margin: 0px;
}

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

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

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

#menulist a:link, #menulist a:visited 
{
 color: #3CCF00;
 text-decoration: none;
 font-weight: bold;
}

#menulist a:hover 
{
 color: #003663;
 text-decoration: none;
 font-weight: bold;
}

/* the following defines your menu below the banner div */
#submenu 
{
 padding: 5px;
 text-align: center;
 border-top-color: #DDDDDD;
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 background-color: #F7F7F7;
 background-position: top left;
 background-repeat: repeat-x;
}

#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: 1px;
 padding-bottom: 1px;
 padding-left: 7px;
 padding-right: 7px;
 margin-right: 3px;
}

#submenulist a:link, #submenulist a:visited 
{
 color: #3CCF00;
 text-decoration: none;
 font-weight: bold;
}

#submenulist a:hover 
{
 color: #003663;
 text-decoration: none;
 font-weight: bold;
}

/* the footer box at the bottom of the page */
#footer 
{
 background-color: #003663;
 width: 940px;
 color: #CCCCCC;
 padding: 10px;
 margin: auto;
}

#footer a 
{
 color: #CCCCCC;
 text-decoration: none;
}

#footer a:hover 
{
 color: #3CCF00;
 text-decoration: none;
}

#footer ul 
{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

#footer ul li 
{
 background-image: none;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

#footer ul ul 
{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

#footer ul li ul li 
{
 background-image: url(images/footerlist.gif);
 background-repeat: no-repeat;
 background-position: top left;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 10px;
}

#footer h4 
{
 color: #3CCF00;
 font-family: Verdana, Tahoma, Verdana;
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: 2px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

#footer .widget 
{
 margin: 0px;
 padding: 0px;
}

#footer .textwidget 
{
 margin: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 0px;
}

.footer1 
{
 width: 215px;
 float: left;
 margin: 0px;
 padding-top: 15px;
 padding-right: 20px;
 padding-bottom: 0px;
 padding-left: 20px;
}

.footer2 
{
 width: 215px;
 float: left;
 margin: 0px;
 padding-top: 15px;
 padding-right: 20px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.footer3 
{
 width: 215px;
 float: left;
 margin: 0px;
 padding-top: 15px;
 padding-right: 20px;
 padding-bottom: 0px;
 padding-left: 0px;
}

.footer4 
{
 width: 215px;
 float: right;
 margin: 0px;
 padding-top: 15px;
 padding-right: 20px;
 padding-bottom: 0px;
 padding-left: 0px;
}

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

/* Main Page Body */
#mainpage 
{
 padding: 15px;
 padding-top: 25px;
 background-color: #C7B199;
 background-image: url(images/bg.jpg);
 background-position: top left;
 background-repeat: repeat-y;
 margin: auto;
 text-align: left;
}

html>body #mainpage 
{
 height: auto;
 min-height: 550px;
}

#leftindex 
{
 position: relative;
 width: 250px;
 float: left;
 margin-left: 150px;
 text-align: left;
}

#middleindex 
{
 width: 600px;
 position: relative;
 margin-left: 430px;
 margin-right: 120px;
 text-align: left;
}

/* This controls the look of the blocks on the index page. */
/* The box around the block */
.block 
{
 margin-bottom: 1em;
}

/* The block's title */
.block .title 
{
 color: #3CCF00;
 background-color: #F7F7F7;
 font-weight: bold;
 font-size: 16px;
 padding: 3px;
 padding-left: 8px;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

/* The block's content */
.block .content 
{
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 15px;
 padding-left: 10px;
 background-color: #F7F7F7;
}

/* Used to prevent content from going to edges */
#skinny 
{
 margin-top: 0px;
 margin-right: 100px;
 margin-bottom: 0px;
 margin-left: 100px;
 padding: 15px;
 background-position: top left;
 background-repeat: repeat-x;
}

#skinnybottom 
{
 margin-top: 0px;
 margin-right: 100px;
 margin-bottom: 0px;
 margin-left: 100px;
 padding: 15px;
}

/* Most pages use pagetitle to format the page's title */
#pagetitle 
{
 text-align: center;
 font-size: 14px;
 color: #000;
 font-weight: bold;
 margin-top: 1em;
 margin-bottom: 1em;
}

/* Alphabet Setup */
#alphabet, #pagelinks 
{
 text-align: center;
 word-spacing: .5em;
 margin: 1em;
}

/* each link */
#alphabet a, #pagelinks a 
{
 color: #003663;
 text-decoration: underline;
 font-weight: bold;
}

/* each link when hovered over */
#alphabet a:hover, #pagelinks a:hover 
{
 color: #fff;
}

/* the currently selected letter and currently selected page */
#alphabet #currentletter, #pagelinks #currentletter 
{
 color: #003663;
 font-weight: bold;
 padding-top: 0;
 padding-right: 2px;
 padding-bottom: 0;
 padding-left: 2px;
}

/* End alphabet and page link declarations */
/* labels throughout the site in forms and in other places */
.label, .classification 
{
 color: #000;
 font-weight: bold;
}

/* Admin options in various places.  */
.adminoptions 
{
 color: #000;
 font-weight: bold;
}

/* The listings of stories etc. */
/* .sectionheader styles the headings "Stories" and "Series" */
.sectionheader 
{
 text-align: center;
 font-size: 14px;
 font-weight: bold;
 color: #000;
}

/* The box around each individual story */
.listbox 
{
 margin-top: 1em;
 margin-right: 5%;
 margin-bottom: 1em;
 margin-left: 5%;
 border-color: #DDDDDD;
 border-width: 1px;
 border-style: solid;
}

/* The title bar for each story box. */
.listbox .title 
{
 background-color: #FFFFFF;
 background-position: top left;
 background-repeat: repeat-x;
 color: #000000;
 font-weight: bold;
 padding: 4px;
 padding-left: 8px;
 border-color: #DDDDDD;
 border-top-width: 0px;
 border-left-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 1px;
 border-style: solid;
}

/* The content of the box...summary, categories, etc. */
.listbox .content 
{
 padding: 6px;
 background-color: #fff;
}

/* The tail info published date etc. on the last line */
.listbox .tail 
{
 background-color: #FFFFFF;
 background-position: top left;
 background-repeat: repeat-x;
 padding: 4px;
 border-color: #DDDDDD;
 border-top-width: 1px;
 border-left-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-style: solid;
}

.listbox .title a 
{
 color: #3CCF00;
}

.listbox a:hover 
{
 color: #003663;
}

/*End story/series listings */
/* titleblock is used for the title information in series and challenges */
#titleblock 
{
 margin-top: 0;
 margin-right: 10%;
 margin-bottom: 0;
 margin-left: 10%;
}

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

/* 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 .jumpmenu2 
{
 text-align: center;
}

/* story notes */
.noteinfo 
{
 border-width: 1px;
 border-style: solid;
 border-color: #DDDDDD;
 margin: 1em;
 padding: 1em;
}

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

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

#sortform 
{
 text-align: center;
}

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

/* User Profile stuff */
/* The top list of information */
#profile 
{
 margin-top: 1em;
 margin-right: 10%;
 margin-bottom: 1em;
 margin-left: 10%;
}

/* The sort menu in the profile */
#profile #sort 
{
 text-align: center;
 font-weight: bold;
 color: #000;
}

/* The following declarations control the tabs */
/* The outer tab box */
#tabs 
{
 text-align: center;
 margin: 0;
 padding: 0;
}

/* The individual tabs. */
#tabs span 
{
 padding: 5px;
}

/* Links in the tabs */
#tabs #active 
{
 color: #003663;
}

#tabs a: 
{
 color: #3CCF00;
}

#active a: 
{
 color: #3CCF00;
}

/* 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;
}

#browse #category_content 
{
 width: 95% ! important;
 margin-top: 1em;
 margin-right: auto;
 margin-bottom: 1em;
 margin-left: auto;
}

.newsbox 
{
 margin-bottom: 20px;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

.newstitle 
{
 font-weight: bold;
 font-size: 1.1em;
 border-bottom-color: #DDDDDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 margin-bottom: 5px;
}

.commentsig 
{
 font-weight: bold;
}

.recentstory , .featuredstory, .commentsig 
{
 margin-bottom: 1em;
}

table 
{
 font-size: 12px;
 font-family: arial;
}