/* Some definitions used everywhere */
BODY { 
	background: #333 url(images/stripes.png);
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	font: 12px arial;
}

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

/* links */
A { 
	color: #c00000;
	font-weight: bold;
	text-decoration: none;
}
/* hovering links */
A:hover {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}


#container {
	width: 85%;
	margin: auto;
	text-align: center;
 	background-color: #fff;
}

/* the box at the top of the page */
#banner {
	height: 160px;
 	background: #000000 url(images/top_image.gif) top left repeat-x;
}

#bannerimage{
	float: left;
	height: 160px;
	background: #000000 url(images/left_top_image.jpg) top left;
	text-align: left;
	width: 350px;
	}

#featured {
	margin-left:350px;
	text-align: left;
	font-weight: bold;
	padding: 15px;
	color: #fff;
	}

.headertitle {
    font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #c00000;
	margin-bottom: 5px;
	}

#featured a:link, #featured a:visited {
 	color: #c00000;
 	text-decoration: none;
 	font-weight: bold;
}

#featured a:hover{
 	color: #999;
    text-decoration: none;
	font-weight: bold;
}

#navigation {
    background: #ccc url(images/greybg.gif) repeat-x top left;
    font-weight:bold;
}

#search {
	text-align: right;
	padding: 3px;
	}

/* the following defines your menu below the banner div */
/* the box around the menu and aligning the text to center *


/* the footer box at the bottom of the page */
#footercon {
	clear:both
}

#footercon a:link {color:#fff;}

#footerinfo,#footersearch,#footerbottom{
	background:#ccc url(images/greybg.gif) repeat-x top left
}

#footerinfo a:link {color:#000;}

#footersearch{
	text-align: right;
}

#footerinfo {
	padding:1px 0 2px 6px
}

#footer,#footertitle,#footerbottom{
	background:#5d5d5d url(images/blackbg.gif) repeat-x top left
}


#footersearch {
	padding:3px 0 2px 6px
}

#footerbottom {
	padding:5px 5px 0 5px;
	color: #fff;
}


#footerbottom a{
	color: #999;
}

#footertitle {
	padding:4px;
	color: #ccc;
	font-weight: bold;
	text-align: left;
}

/* 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 {
	height: 550px;
	padding: 15px;
	background: #FFF;
	text-align: left;
}
html>body #mainpage { 
	height: auto;
	min-height: 550px;
}


/* The following declarations control the tabs */
/* The outer tab box */
#tabs {
	background: #ad0000;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* The individual tabs. */
#tabs span {
	font-size: 12px;
	background: #dbdbdb;
	border: 1px solid #000;
	padding: 3px;
}
/* Links in the tabs */

#tabs #active {
	background: #ad0000;
	color: #fff;
}

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

/* The box around the block */
.block { 
	margin-bottom: 1.5em;
	background: url(images/blockbg.gif) top left repeat-x #ededed;
}

/* The block's title */
.block .title {
	border-top: 4px solid #000;
	border-bottom: 1px solid #c00000;
	font-weight: bold;
	font-size: 16px;
	color: #666;
	padding: 2px;
	padding-left: 8px;
	margin-bottom: 3px;
}

/* The block's content */
.block .content {
	padding: 6px;

}

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

#rightindex {
	margin-left: 220px;
}

.label {font-weight:bold;}

#mathsanswer {
width: 100px;
}

.lists li {
 	list-style-type: none;
	padding: 10px 20px 10px 30px;
	background-image: url(images/list_links.gif);
	background-repeat: no-repeat;
	background-position: .5em 1em;
}

#menu {
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
	background: url(images/menubg.gif) repeat-x #c00000;
}

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

#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: #fff;
 	text-decoration: none;
 	font-weight: bold;
}

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