/*
jQuizMe 2.1 - 12/15/09 Programmed and CopyWrited by Larry Battle 2008 - 2009 
*/	
img { border: none; }

.quiz-el{
	background: #ffaa33;
	font-size: 1.1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	position: relative;
	padding: 0.2em;
	width: 17em;
        top:80px;
        left:380px;
}
.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;
}

#logo{
text-align:center;
}
#header {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eee;
}
#divider1{
position:absolute;
top:90px;
left:20px;
height:3px;
width:1350px;
background:#C4112F;
}
#divider2{
position:absolute;
top:93px;
left:20px;
height:16px;
width:1350px;
background:#FFC626;
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;
	}
#divider3{
position:absolute;
top:113px;
left:20px;
height:3px;
width:1350px;
background:#C4112F;
}
#divider4{
position:absolute;
top:109px;
left:20px;
height:20px;
width:1350px;
background:#C4112F;
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;
	}
#container {
  font-size: 1.2em;
  margin: 10px 2em;
}
#footer{
position:absolute;
top:2400px;
left:20px;
height:16px;
width:1350px;
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;
	}
#main{
position:absolute;
top:180px;
left:150px;
padding: 5px;
margin:10px;
}
#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
a {
	color: #993300;
	}	
a:hover {
	color: #5C743D;
	}
body { 
  font: 180% Arial, Verdana, sans-serif; 
}