html{background: #b7eeee url(../images/back_header.jpg) top left no-repeat;height:100% !important; }
body{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#666;
background: url(../images/bg_footer.gif) bottom center no-repeat;
margin:0px;
padding:0px;
height:100% !important;
border-bottom:20px solid #29b5cc;
}
body *{
padding:0px;
margin:0px;
}
p, h1, h2, h3, h4, h5, h6, ul, ol{
margin:15px 0px;
} 
h2{
font-size:20px;
color:#013766;
font-weight:bold;
}
#logo{
display:block;
position:absolute;
top:0px;
left:0px;
width:100%;
height:28px;
overflow:hidden;
background: #005aa9 url(../images/logo_casio.gif) 0px 0px no-repeat;
text-indent:-9999px;
margin:0px;
z-index:1;
}
#wrapper{
display:block;
width:840px;
margin:50px auto;
background: url(../images/bg_wrapper.png);
padding:50px;
clear:left;
overflow:hidden;
position:relative;
z-index:2;
}
.info #wrapper{
padding:50px 50px 50px 80px;
}
ul#nav{
list-style-type:none;
display:block;
width:560px;
height:28px;
margin:0px auto;
position:relative;
z-index:3;
padding-left:380px;
}
ul#nav li{
display:block;
float:left;
color:#fff;
padding:5px 20px;
}
ul#nav li a{
color:#fff;
text-decoration:none;
}
/*#footer{
display:block;
border-bottom:20px solid #29b5cc;
background: url(../images/bg_footer.gif) bottom center no-repeat;
width:100%;
height:260px;
position:absolute;
bottom:0px;
left:0px;
z-index:1;
}*/
#home_info{
display:block;
float:left;
width:420px;
background: #015ba9 url(../images/bg_home.jpg) top left repeat-x;
padding:20px 40px;
color:#333;
height:250px;
position:relative;
}
#home_info p, #home_info h2{
position:relative;
z-index:4;
}
#login{
display:block;
float:left;
width:250px;
padding:30px 40px 20px 40px;
background: #013766 url(../images/bg_login.jpg) top left repeat-x;
color:#fff;
height:240px;
}
#login h2{
color:#51c8cb;
}
#login label{
font-weight:bold;
}
ol#terms{
list-style:inside;
list-style-type: decimal;
}
ol#terms li{
margin:10px 0px;
}
#content{
background: #015ba9 url(../images/bg_home.jpg) top left repeat-x;
padding:20px 40px;
position:relative;
}
#points{
display:block;
width:100px;
height:55px;
position:absolute;
top:0px;
right:0px;
background:#EDE5AE;
padding:20px;
text-transform:uppercase;
color:#333;
text-align:center;
margin:0px 0px 30px 30px;
}
#points h3{
font-size:17px;
font-weight:bold;
margin-top:0px;
}
#points p{
font-weight:bold;
font-size:17px;
color: #005AA9 !important;
}
.home #content p{
color:#fff;
}
.home #content p.first{
padding-right:150px;
}
.home #content ul{
list-style:none;
overflow:hidden;
margin-top:40px;
}
.home #content ul li{
display:block;
float:left;
width:190px;
height:160px;
margin-right:35px;
padding:20px;
background: url(../images/bg_login.jpg) bottom left repeat-x;
}
.home #content ul li.last{
margin-right:0px;
}
.home #content ul li.rewards span{
background: url(../images/bg_rewards.jpg) top center no-repeat;
display:block;
height:120px;
position:relative;
}
.home #content ul li.last span{
background: url(../images/bg_quiz.jpg) top center no-repeat;
display:block;
height:120px;
position:relative;
}
.home #content ul li.rewards span a,.home #content ul li.last span a{
position:absolute;
bottom:15px;
right:15px;
}
.home #content ul li h3{
margin-top:0px;
color:#fff;
text-transform:uppercase;
text-align:center;
font-size:15px;
font-weight:bold;
}
.home #content ul li form{
height:100px;
padding-left:20px;
padding-top:20px;
background: url(../images/bg_register.jpg) top center no-repeat;
}
.home #content ul li label{
color:#fff;
line-height:25px;
font-weight:bold;
}
.home #content ul li input.button{
margin:10px 20px 0px 0px;
float:right;
}
div#products{
background:#fff;
color:#333;
overflow:hidden;
padding: 0px 20px;
}
div#products ul{
list-style:none;
margin:0px;
}
div#products ul li{
display:block;
float:left;
width:183px;
height:180px;
text-align:center;
font-weight:bold;
color:#02376d;
border: 1px solid #a1ebee;
margin-right:20px;
margin-bottom:20px;
padding-top:15px;
}
div#products ul li.last{
margin-right:0px;
}

/*Programmed and CopyWrited by Larry Battle 2008 - 3/6/09*/	
#quizArea{
background:#fff;
}
.quiz-el{
	background: #a1ebed;
	position: relative;
}
.q-header{
background:#fff;
font-size:21px;
color:#005aa9;
}
/* .q-innerArea = .q-header, .q-help, .q-prob, .q-intro, .q-gameOver */
.q-innerArea{
	position:relative;
	clear: both;
}
.q-intro{
	background: url(../images/bg_intro.jpg) top left no-repeat;
	height:270px;
	padding:60px 60px 0px 500px;
	color:#fff;
}
.q-title{
	overflow: hidden;
	width: 80%;
	margin: 0;
	padding:9px;
}
/*This is a hack, because IE fails on float:right.*/
.q-counter{
	position: absolute;
	top: 0%;
	right: 0%;
	padding: 0.4em !important;
	background: #ede5ae;
	color:#333;
}
.q-counter{
	float: right;
}
.q-help{
	position: relative;
	clear:both;
	padding:5px;
}
/*.q-probArea = .q-ques, .q-ansSel, .q-result */
.q-prob{
background:#fff;
padding:20px !important;
}
.q-probArea{
	position: relative;
}
.q-ques{
background:#005aa9;
color:#fff;
font-weight:bold;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 
padding:5px 10px !important;
}
.q-help-menu{
	overflow:hidden;
}
.q-help-info{
	clear:both;
}
.q-quit-area{
	float:right;
	display: inline;
	width:auto;
}
input.q-quit-btn, input.q-begin-btn, input.q-check-btn, input.q-restart-btn, input.q-del-btn, input.q-review-btn, input.q-details-btn, input.button, input.q-quitYes-btn, input.q-quitNo-btn, input.q-leftArrow, input.q-rightArrow, a.button{
background: url(../images/bg_button.gif) top left repeat-x;
color: #fff;
padding:5px 20px;
border:none;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
cursor:pointer;
text-transform:uppercase;
text-decoration:none;
}
input.q-quit-btn:hover, input.q-begin-btn:hover, input.q-check-btn:hover, input.q-restart-btn:hover, input.q-del-btn:hover, input.q-review-btn:hover, input.q-details-btn:hover, input.button:hover, input.q-quitYes-btn:hover, input.q-quitNo-btn:hover, input.q-leftArrow:hover, input.q-rightArrow:hover, a.button:hover{
background: url(../images/bg_button.gif) bottom left repeat-x;
}
input.q-quit-btn{
color:#005aa9;
font-weight:bold;
padding-right:40px;
background: url(../images/button_delete.gif) top right no-repeat;
}
input.q-quit-btn:hover{
background: url(../images/button_delete.gif) bottom right no-repeat;

}
input.q-del-btn{
margin-left:5px;
}
input.q-showOnlyMissed-btn{
border:none;
padding:3px;
height:20px;
width:25px;
margin-top:5px;
}
input.q-details-btn, input.q-review-btn{
float:left;
}
.q-reviewBar{
float:right;
display:block;
margin-top:-28px;
}
.q-reviewBar input.q-leftArrow{
margin-right:5px;
margin-top:5px;
}
.q-reviewBar input.q-rightArrow{
margin-left:5px;
margin-top:5px;
}
.q-reviewBar select{
padding:3px;
}
.q-center{
	text-align: center;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.q-gameOver{
	background:#fff;
	padding:20px;
}
.q-gameOver .q-statTotal{
	color: #fff;
	padding:10px;
	background:#29b5cc;	
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	text-align:left !important;
}
.q-quesInput{
	width: 95%;
}
.q-ansSel{
	margin:20px 0px;
}
.q-result{
	margin:20px -20px -20px -20px;
	background:#ede5ae;
	color:#333;
	padding:20px;
	font-size:16px;
}
.q-ol{
	list-style-type: upper-alpha;
	list-style-position: inside;
	padding: 0;
	margin: 0;
}
.q-ol-li{
	margin: 1px auto 0px auto;
	padding:5px 20px;
	background: #f5f5f5;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
}
.q-ol-hover{
	background: #d0f5f6;
}
.q-ol-active{
	background: #a1ebed;
	color: #005AA9;
}
/*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{
float:left;
margin:0px 30px 0px 0px;
z-index:5;
width:500px;
padding:5px 0px;

}
.q-leftArrow{
	float:left;
	display: inline;
	width:auto;
}
.q-timer-area{
	line-height: 0;
	height:0;
}
.q-statDetails{
	margin:20px 0px;
	background:#f5f5f5;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	padding:20px;
}