html, body {
  margin: 0;
  padding: 0;
}

img { border: none; }

body { 
  font: 62.5% Arial, Verdana, sans-serif; 
} 

h1 { 
  font-size: 2.5em; 
  margin-bottom: 0; 
} 
h2 { 
  font-size: 1.3em; 
  margin-bottom: .5em; 
} 
body {
	margin:0px;
	}	
a {
	color: #993300;
	}	
a:hover {
	color: #5C743D;
	}
a:navText {
font: bold 24px;
color: #5C743D;
letter-spacing:.2em; 
}
p{
color: #5a471c
font: bold 18px Arial, Helvetica, sans-serif;
letter-spacing:.1em;
text-decoration: none;
}
#container {
  font-size: 1.2em;
  margin: 10px 2em;
}
#header {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eee;
}
#logo{
text-align:center;
}
#divider1{
position:absolute;
top:90px;
left:20px;
right:20px;
height:3px;
background:#5a471c;
}
#divider2{
position:absolute;
top:93px;
left:20px;
right: 20px;
height:16px;

background:#78a32f;
font:11px Arial, Helvetica, sans-serif;
color: #993300;
letter-spacing:.2em;
text-align:center;
}
#divider2 a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
#divider2 a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}

#centered-content {
position:absolute;
top:180px;
left:20px;
right:20px;
text-align:center;
padding: 1px;
margin:1px;
border-bottom: 1px solid #eee;
}

#lesson-nav{
position:absolute;
text-align:center;
background:#ffffff;
font:18px Arial, Helvetica, sans-serif;
color: #ffffff;
letter-spacing:.1em;
top:140px;
left:20px;
right: 20px;
}
#lesson-nav a {
	font:18px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
#lesson-nav a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}

#divider3{
position:absolute;
top:113px;
left:20px;
right:20px;
height:3px;

background:#5a471c;
}
#index-watu{
position:absolute;
top:200px;
left:20px;
width:452px;
height:361px;
padding: 1px;
margin:1px;
border-bottom: 1px solid #eee;
}
#index-wanyama{
position:absolute;
top:600px;
left:20px;
width:452px;
height:361px;
padding: 1px;
margin:1px;
border-bottom: 1px solid #eee;
}
#news-feed{
position:absolute;
top:180px;
left:1050px;
width:260px;
height:490px;
padding: 1px;
margin:1px;
border-bottom: 1px solid #eee;
}
#main{
position:absolute;
top:180px;
left:150px;
padding: 5px;
margin:10px;
}
#image1{
position:absolute;
top:180px;
left:500px;
width:500px;
}
#imagetext{
position:absolute;
top:400px;
left:150px;
}

#footer{
position:absolute;
top:2400px;
left:20px;
height:16px;

background:#FFC626;
font:11px Arial, Helvetica, sans-serif;
color: #993300;
letter-spacing:.2em;
text-align:center;
}
	
#footer a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#footer a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}

/* Class Styles */
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #99CC66;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}

	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

#divider4{
position:absolute;
top:109px;
left:20px;
right: 20px;
height:20px;

background:#5a471c;
text-align:center;
}

#divider4 a {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #D5EDB3;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
#divider4 a:hover {
	background: #FFC626;
	color:#993300;
	}
/*
jQuizMe 2.1 - 12/15/09 Programmed and CopyWrited by Larry Battle 2008 - 2009 
*/	
.quiz-el{
	background: #ffaa33;
	font-size: 1.1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	position: relative;
	padding: 0.2em;
	width: 17em;
}
.quiz-el div{
	padding: 0.2em;
}
.quiz-el input{
	font-size: 0.8em;
}
/* .q-innerArea = .q-header, .q-help, .q-prob, .q-intro, .q-gameOver */
.q-innerArea{
	background: #ffdd77;
	position:relative;
	clear: both;
	color: black;
}
.q-header, .q-help, .q-review-menu {
	border-bottom: thin black solid;
}
.q-intro{
	padding: 0.2em;
}
.q-title{
	overflow: hidden;
	width: 80%;
	margin: 0;
}
/*This is a hack, because IE fails on float:right.*/
.q-counter{
	position: absolute;
	top: 0%;
	right: 0%;
	margin: 1%;
	padding: 0%;
}
.q-counter{
	float: right;
}
.q-help{
	position: relative;
	clear:both;
}
/*.q-probArea = .q-ques, .q-ansSel, .q-result */
.q-probArea{
	background: #eee;
	border: thin black solid;
	font-size: 1.2em;
	position: relative;
}
.q-help-menu{
	width: 97%;
}
.q-help-info{
	clear:both;
}
.q-quit-area, .q-review-arrows{
	display: inline;
	width: auto;
}
.q-quit-area{
	float: right;
}
.q-review-arrows{
	position: relative;	/*IE hack.*/
	width: 2.3em;
}
.q-center{
	text-align: center;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.q-gameOver .q-statTotal{
	color: blue;
}
.q-quesInput{
	width: 95%;
}
.q-ol{
	list-style-type: upper-alpha;
	list-style-position: inside;
	padding: 0;
	margin: 0;
}
.q-ol-li{
	margin: 0.4em auto 0.4em auto;
}
.q-ol-hover{
	background: #777777;
}
.q-ol-active{
	background: black;
	color: #ccffaa;
}
/*IE displays the wrong width for <select> tags.*/
.q-select{
	width : 80%;
}
.q-select{
	font-size: 0.8em;
	width: 100%;
}
.q-timer-area{
	display:block;
	text-align:center;
	width: auto;
}
.q-review-menu{
	text-align: center;
	width: auto;
}
.q-reviewBar-btns{
	position: relative;
	display: inline-block;
	width: 49%;
}
.q-rightArrow{
	float:right;
}
.q-leftArrow{
	float:left;
}
.q-timer-area{
	line-height: 0;
	height:0;
}