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

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

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


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

/* the box at the top of the page */
#banner {
	height: 120px;
 	background: #CDB380 url(images/headerbg.png) top left repeat-x;
}

#bannerimage{
	float: center;
	height: 120px;
	background: url(images/banner.png) top left;
	text-align: left;
	}

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


#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;}

#footerbottom{
	background:#a6936e url(images/headerbg.png) repeat-x top left;
	padding:5px 5px 5px 5px;
	color: #fff;
}


#footerbottom a{
	color: #999;
}


/* 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;
	text-align: left;
}
html>body #mainpage { 
	height: auto;
	min-height: 550px;
}
/* This controls the look of the blocks on the index page.   */

/* The box around the block */
.block { 
	margin-bottom: 1.5em;
	background: #fff;
}

/* The block's title */
.block .title {
	border-top: 4px solid #031634;
	border-bottom: 1px solid #80a927;
	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 #80a927;
}

#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;
}