/* Some definitions used everywhere */
BODY {
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000000;
	background-image: url(background.jpg);
	background-repeat: repeat;
}

IMG { 
	border: 0;
	padding: 0;
	margin: 0;
}
/* Header cells in tables throughout the site */
TH {
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #990000;
}
/* links */
A { 
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
/* hovering links */
A:hover {
	color: #006600;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}


#container {
	width: 80%;
	margin: auto;
	text-align: center;
	background-color: #CCCCCC;
	border: 2px solid white;
	color: #000000;
}

/* the box at the top of the page */
#banner {
	height: 280px;
	background-color: #000000;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	border-bottom: 2px solid black;
	background-position: center top;
}

#secondmenu {
	margin-left:750px;
	height: 215px;
	text-align: left;
	background-image: none;
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 8px;
	width: 196px;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	background-color: #0000FF;
	color: #FFFFFF;
	}

#submenu {
	padding: 0px;
	margin-left: 0px;
	margin-right: 40px;
	margin-top: 15px;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #990000;
	background-image: none;
	
	}

#submenu li {
	list-style: none;
	margin: 0px;
	border-bottom: 1px #fff solid;
	text-align: left;
	}

#submenu li a {
	display: block;
	padding: 0.15em 0.15em 0.15em 0.15em;
	text-decoration: none;
	color: #000000;
	}

#submenu li a:link { color: #FFFFFF; }
#submenu li a:visited { color: #FFFFFF; }

#submenulist li a:hover {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #00CCCC;
}

/* the following defines your menu below the banner div */
/* the box around the menu and aligning the text to center */
#menu {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 2px solid #fff;
	background-color: #990000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

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

#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;
	font-size: 11px;
	color: #FFFFFF;
	}

#menulist a:link, #menulist a:visited {
	color: #FFFFFF;
	background-color: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

#menulist a:hover{
 	color: #000000;
 	background-color: #88c8cd;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}


/* the footer box at the bottom of the page */
#footer {
	color: #FFFFFF;
	text-align:left;
	background-color: #990000;
	background-image: none;
	background-position: left top;
	background-repeat: repeat-x;
	border-top: 2px solid white;
	padding: 5px;
	clear: both;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


/* End universal page setup */

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

/* Main page surrounds the text between the header and the footer.  
For IE, height is set to 650 to force the footer down to the bottom of the page where the content is short.  
And the second declaration is for everyone else so that it will scroll if longer but be a minimum of 650px
*/
#mainpage {
	padding: 15px;
	text-align: left;
	background-image: none;
	background-position: left top;
	background-repeat: repeat-x;
	color: #000000;
	background-color: #CCCCCC;
}
html>body #mainpage { 
	height: auto;
	min-height: 650px;
}


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

/* 
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.
*/
/* the box around the links */
.new {
	font-weight: bold;
	color:#FF0000;
}

.liked {
	font-weight: bold;
	color:#990000;
	text-decoration: underline;
}

.loved {
	font-weight: bold;
	color:#000066;
	text-decoration: underline;
}

.NR {
	font-weight: bold;
	color:#006600;
	text-decoration: none;
}

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

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

/* The title bar for each story box. */
.listbox .title {
	background-color: #88c8cd;
	background-image: url(images/top1.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
	padding: 4px;
	padding-left: 8px;
	padding-bottom: 5px;
}

/* The content of the box...summary, categories, etc. */
.listbox .content {
	padding: 6px;
	background-color: #CCCCCC;
	background-image: none;
	background-position: left top;
	background-repeat: repeat-x;
	color: #000000;
	text-align: left;
}

/* The tail info published date etc. on the last line */
.listbox .tail {
	background-image: url(images/top1.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 4px;
	color: #000000;
	background-color: #88C8CD;
}

/*End story/series listings */

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

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

/* The box around the block */
.block { 
	margin-bottom: 2px;
	padding: 6px;
}

/* The block's title */
.block .title {
	background-color: #000066;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding: 6px;
	padding-left: 8px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
}

/* The block's content */
.block .content {
	padding: 6px;
	background-color: #FFFFFF;
	background-image: none;
	background-position: left top;
	background-repeat: repeat-y;
	color: #000000;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.block a {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	}

#leftindex { 
	width: 202px;
	float: left;
}

#rightindex {
	margin-left: 215px;
}

.Summary {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.entry {    border:  hidden #000000;
}

.text {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}