/* Specific tags */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
	background-color: #ffffff;
	width:759px;
	margin-left:auto; margin-right:auto; display:block;
	margin-top:0px;padding-top:0px;
}
div{

	margin:0px; padding:0px;

}
form{
	margin:0px; padding:0px;
}
img{
	border:0px; margin:0px; padding:0px;
}   
ul {
	margin:0px; padding:0px;
	
}
.whitearrow li {
	margin:0px;
	padding:0px;
	padding-bottom:9px;margin-left:6px;
	list-style-position: inside;
	list-style-image: url(images/whitearrow2.gif);
}
.redarrow li {
	margin:0px;
	padding:0px;
	list-style-position: inside;
	list-style-image: url(images/redarrow.gif);
}
h1 {
	margin:0px; padding:0px;
	font-size:1.6em;
	}
h2{
	margin:0px; padding:0px;
	font-size:1.3em;
}
h3 {
	padding:0; margin:0; margin-bottom:0.5em;
	font-size:1.2em;
	line-height:1.4em;
}
h4 {
	padding:0; margin:0; margin-bottom:0.5em;
	font-size:1.0em;
	font-weight:bold;
	/*color: #000000;*/
}
hr { 	
	color: #CFD7FF;
	background: #CFD7FF;
	border: 0;
	width: 100%;
	height: 1px;
}



/* Main layout divs */
div#header {
	height:114px;
	background-image:url(images/header_bg2.gif); background-repeat:repeat-x;
	}	
	
div#middle {
	clear:both;
	padding:0px;padding-top:7px;
	}	
	
div#left {
	float: left;
	width: 187px;
	}
	
div#central {
	float: right;
	padding-left:8px;
	width: 564px;
	}
		
div#footer {
	clear:both;
	margin:0px; padding:0px;
	margin-left:auto; margin-right:auto; display:block; text-align:center;
	border-left:#bfc7d1 solid 1px;border-right:#bfc7d1 solid 1px;
	background-color:#e6fbdb; float:left; width:756px;
	color:#4c760f;
	}	
	

/* Links */	
a:link, a:visited, a:active {text-decoration:none;color:#ff0000;}
a:hover	{text-decoration:underline;}

a.mainmenu:link, a.mainmenu:active, a.mainmenu:visited{color:#ffffff;text-decoration:none;font-weight:bold;padding-left:6px;}
a.mainmenu:hover{color:#ffff33;text-decoration:none;padding-left:6px;}

a.blue:link, a.blue:active, a.blue:visited{color:#0c6fc3;text-decoration:none;font-weight:bold;}
a.blue:hover{text-decoration:underline;font-weight:bold;}	

a.orange:link, a.orange:active, a.orange:visited{color:#e95d00;text-decoration:none;font-weight:bold;}
a.orange:hover{text-decoration:underline;font-weight:bold;}

a.black:link, a.black:active, a.black:visited{color:#000000;text-decoration:none;font-weight:bold;}
a.black:hover{color:#ff0000;text-decoration:none;font-weight:bold;}

/* Make the 'ShareThis' Link white */
div#header_bluebar div.bluebar a.stbutton {color:#ffffff;}


a.green:link, a.green:active, a.green:visited{color:#4c760f;text-decoration:none;font-weight:bold;}
a.green:hover{text-decoration:underline;font-weight:bold;}	
	
a.footer:link, a.footer:active, a.footer:visited{color:#4c760f;text-decoration:none;}
a.footer:hover{text-decoration:underline;}	

a.categories:link, a.categories:active, a.categories:visited{color:#29293f;text-decoration:none; white-space:nowrap;}
a.categories:hover{color:#ff0000; white-space:nowrap; }

a.categories_off:link, a.categories_off:active, a.categories_off:visited{color:#666666;text-decoration:none; white-space:nowrap;}
a.categories_off:hover{color:#ff0000; white-space:nowrap; }

a.categories_on:link, a.categories_on:active, a.categories_on:visited{color:#29293f;text-decoration:none; font-weight:bold; white-space:nowrap;}
a.categories_on:hover{color:#ff0000; font-weight:bold; white-space:nowrap; }

a.pblue_sidebox:link, a.pblue_sidebox:active, a.pblue_sidebox:visited{color:#354a92;text-decoration:none;}
a.pblue_sidebox:hover{text-decoration:underline;}

a.pgreen_sidebox:link, a.pgreen_sidebox:active, a.pgreen_sidebox:visited{color:#4c760f;text-decoration:none;}
a.pgreen_sidebox:hover{text-decoration:underline;}
	
a.written_answer_response:link, a.written_answer_response:active, a.written_answer_response:visited{color:#004885; background-color:#f4f8fe; padding:4px; border:#63aeff 1px solid; text-decoration:none; font-weight:bold; white-space:nowrap;}
a.written_answer_response:hover{color:#ff0000;background-color:#f4f8fe; padding:4px;  font-weight:bold; white-space:nowrap; }
	
/* Additional divs for layout */	
div#logo { float:left;padding-top:20px; }
div#login_container { float:right;margin-top:20px; background-image:url(images/login_bg2.gif); background-repeat:repeat-x; width:440px;	}
div#login_btn { padding-top:10px;padding-left:6px; }	
div#login_leftcol { width:340px;padding-top:8px; text-align:right; }	

div#loggedin_container { float:right;margin-top:20px; background-image:url(images/login_bg.gif); background-repeat:repeat-x; width:440px;	}

div#header_bluebar { clear:both;width:759px; height:29px;float:left; background-color:#4b880a;/*
background-image:url(images/header_bluebar_bg.gif); background-repeat:repeat-x;
*/ }

div#mainmenu { background-color:#ffffff;border-left:#68a823 1px solid;border-right:#68a823 1px solid; }
div#mainmenu_inner { height:193px;width:177px;background-color:#68a823;color:#ffffff;margin-left:4px;margin-right:4px; background-image:url(images/mainmenu_bg2.gif); background-repeat:repeat-x; background-position:bottom;font-weight:bold;padding-top:4px; }

div#orange_sidebox { background-color:#ffffff;border-left:#f79e49 1px solid;border-right:#f79e49 1px solid; }
div#orange_sidebox_inner { height:62px;width:165px;background-color:#f79e49;color:#29293f;margin-left:4px;margin-right:4px; background-image:url(images/orange_sidebox_bg.gif); background-repeat:repeat-x; background-position:bottom;padding-left:12px; }
div#go_btn { padding-top:2px;padding-left:6px; }

div#green_sidebox { background-color:#ffffff;border-left:#88CD62 1px solid;border-right:#88CD62 1px solid; }
div#green_sidebox_inner { height:62px;width:165px;background-color:#88CD62;color:#29293f;margin-left:4px;margin-right:4px; background-image:url(images/green_sidebox_bg.gif); background-repeat:repeat-x; background-position:bottom;padding-left:12px; }

.white_sidebox { background-color:#ffffff;border-left:#bfc7d1 1px solid;border-right:#bfc7d1 1px solid; float:left; }
.white_sidebox_inner { width:165px;color:#29293f;margin-left:4px;margin-right:4px; padding-left:12px; }

div#pblue_sidebox { background-color:#ffffff;border-left:#bfc7d1 1px solid;border-right:#bfc7d1 1px solid; }
div#pblue_sidebox_inner { 
	width:165px;
	background-color:#ffffff;
	color:#354a92;
	margin-left:4px;margin-right:4px; 
	background-image:url(images/pblue_sidebox_bg.gif); background-repeat:repeat-x; background-position:bottom;
	padding-left:12px; 
	}

div#pgreen_sidebox { background-color:#ffffff;border-left:#bfc7d1 1px solid;border-right:#bfc7d1 1px solid; }
div#pgreen_sidebox_inner { 
	width:153px;
	background-color:#EDF4E9;
	color:#4c760f;
	margin-left:4px;margin-right:4px; 
	/* background-image:url(images/pgreen_sidebox_bg.gif); background-repeat:repeat-x; background-position:bottom; */
	padding-left:12px; padding-right:12px; 
	padding-top:10px;padding-bottom:10px;
	}

.difficulty_box {
	clear:both; 
	width:525px; 
	height:29px; 
	text-align:center;
	padding-top:8px; 
	background-image:url(images/difficulty_key_bg2.gif); 
	background-repeat:no-repeat;
	color:#4c760f;
	}


/* Classes for specific divs */	

.categories_column { float:left;width:240px; }
.categories_icon_col { float:left;width:48px; }
.categories_text_col { float:left;padding-left:8px; }

.sidebox_top_img { height:9px; }
.sidebox_bottom_img { height:8px; }
.sidebox_top_img5 { height:5px; }
.sidebox_bottom_img5 { height:5px; }
.sidebox_bottom_img8 { height:8px; }

.mainmenu { padding:4px;margin-left:6px; white-space:nowrap; }
.bluebar { padding-top:6px;font-size:1.2em;font-weight:bold;padding-right:19px;padding-left:19px; }
.mainmenu_link { padding-top:4px;padding-bottom:4px; }

.greyboxcentre { 
	width:721px;
	background-color:#e6fbdb;
	border-left:#bfc7d1 solid 1px;
	border-right:#bfc7d1 solid 1px;
	padding:8px;
	padding-left:18px;
	padding-right:18px;
	float:left;
}
.whiteboxcentre { 
	width:721px;
	background-color:#ffffff;
	border-left:#bfc7d1 solid 1px;
	border-right:#bfc7d1 solid 1px;
	padding:8px;
	padding-left:18px;
	padding-right:18px; 
	float:left;
}
.whiteboxnarrowcentre { 
	width:526px;
	background-color:#ffffff;
	border-left:#bfc7d1 solid 1px;
	border-right:#bfc7d1 solid 1px;
	padding:8px;
	padding-left:18px;
	padding-right:18px; 
	float:left;
}
.greyboxtopbottom { height:5px; }

#contactform {
	width:400px;float:lright;padding-left:40px;
	}
.contactmargin {
	width:150px;float:left; text-align:right;
	}
.contact {
	margin-bottom:12px;
	margin-left:10px;
	vertical-align:top;
	}
div#subscribeform {	width:500px;padding-left:20px }
.subscribemargin { width:200px;float:left; text-align:right; }
.demo_col_1 { float:left;width:260px;clear:both;}
.demo_col_2 { float:left;width:160px;color:#004885;font-weight:bold; } 
.demo_col_3 { float:right;width:100px; }
.quiz_list_col_1 { float:left;width:160px;color:#4c760f; }
.quiz_list_col_2 { float:left;width:70px;color:#4c760f;text-align:center; }
.quiz_list_col_3 { float:left;width:68px;color:#4c760f;text-align:center; }
.quiz_list_col_4 { float:left;width:80px;color:#4c760f;text-align:center; }
.quiz_list_col_5 { float:left;width:40px;color:#4c760f;text-align:center; }
.quiz_list_col_6 { float:right;width:90px;color:#4c760f; text-align:right; }
.quiz_list_titles { color:#e95d00; font-weight:bold; }
.quiz_list_divider { height:1px; min-height:3px;clear:both; }

.comp_col_0 { float:left;width:30px;color:#4c760f; }
.comp_col_1 { float:left;width:230px;color:#4c760f; }
.comp_col_2 { float:left;width:60px;color:#4c760f; }
.comp_col_3 { float:left;width:70px;color:#4c760f;text-align:center; }
.comp_col_4 { float:left;width:30px;color:#4c760f; }
	
.questionmarker { float:left; width:12px; padding-top:3px; }	

.written_quiz_answer { padding-left:24px;margin-bottom:4px; }
.questionradio { color:#4c760f; }
.radio { vertical-align:bottom; } * html .radio { vertical-align:baseline; }

/*input, textarea { border: #BFC7D1 solid 1px;  }*/
.btn { border: none; }

#playoptions { background-color:#F4F8FE; color:#004885; padding:6px;padding-left:12px;padding-right:12px; }
div#compilation_options { width:360px;padding:20px; }
.bluebox { width:523px; background-color:#ffffff;border-left:#bfc7d1 1px solid;border-right:#bfc7d1 1px solid; }

.yellowcell { width:25%; vertical-align:top; background-color:#FFF36F;padding:4px;border: #4B880A solid 1px; }
.greycell { width:25%; vertical-align:top; background-color:#E8F5DC;padding:4px;border: #4B880A solid 1px; color:#999999; }

/* Other classes */	
.ws {font-size:1.1em; font-family: Arial;padding:2px 5px 2px 5px;}
.clear8 { clear:both; height:8px; min-height:12px; }
.center {margin-left:auto; margin-right:auto; display:block; text-align:center;} 
.nobr {white-space:nowrap; }
.paleblue { color:#66bae9; }
.blue { color:#0c6fc3; }
.dblue { color:#004885; }
.white { color:#ffffff; }
.yellow { color:#ffff33; }
.orange { color:#e95d00; }
.red { color:#FF0000; }
.green {color:#4c760f; }
.left { float:left; }
.right { float:right; }
.loginblue { color:#375905; }

.login { color:#375905;font-weight:bold; }
.grey { color:#999999; }
.black { color:#000000; }

.links li,
.front li {
	background-image:url('images/redarrow.gif');
	background-repeat:no-repeat;
	list-style:none;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:2px;
}
.links { margin-bottom: 10px; }
.links li {
	padding-bottom: 10px;;
	background-position: 0 3px;
}
.cj {
	margin: 10px auto;
}
.cj.full {
	width: 468px;
	height: 60px;
}
.cj.sky {
	width: 120px;
	height: 600px;
}
