body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,label ,p{ margin: 0; padding:0; }
img, fieldset { border: 0; }
ul { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
.clear { clear: both; }

a { text-decoration: none; color: #AE2121;s }
a:hover { text-decoration: underline; }

input[type=submit] { padding: 2px; }

#contentContainer { min-width: 950px; }
#smallmenu { padding-top: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; margin-bottom: -20px; }
	#smallmenu a { margin-left: 6px; color: #666; }
	#smallmenu a:hover { color: #AE2121; text-decoration: none; }
	
	#smallmenu #breadcrumbs { float: left; text-align: left; width: 70%; padding-left: 18px; }
		#smallmenu #breadcrumbs span, #smallmenu #breadcrumbs a { margin-left: 2px; }
	#smallmenu #restmenu { float: right; text-align: right; width: 25%; }

#infolist_left { float: left; width: 300px; clear: none; }
	#infolist_left li { padding: 4px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

#pagewrap { padding: 30px 0 20px 20px; }
	#pagewrap.mainpage { padding-top: 10px; }
	#pagewrap h2.pagetitle { border-bottom: 1px solid #ccc; line-height: 0.6em; font-size: 25px; color: #ae2121; padding-bottom: 7px; margin-bottom: 20px; display: block; font-family: Georgia; font-variant: small caps; }
	#pagewrap .entry p { margin-left: 0; margin-bottom: 1em; }
	#pagewrap .entry h1 { padding-top: 0.4em; margin-bottom: 0.7em; font-size: 25px; color: #ae2121; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
	#pagewrap .entry h2 { padding-top: 0.4em;  font-family: Georgia, "Times New Roman", Times, serif; color: #ae2121; font-size: 19px; font-weight: normal; margin-bottom: 0.7em; }
	#pagewrap .entry h3, #pagewrap .entry h4, #pagewrap .entry h5 { margin-bottom: 0.7em; }
	#pagewrap .entry a { font-style: italic; color: #ae2121; font-family: Georgia, "Times New Roman", Times, serif; }
		#pagewrap .entry a:hover { text-decoration: underline; }
	#pagewrap .entry ul { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; padding: 0 0 1em 15px; margin: 0; }
		#pagewrap .entry ul li { color: #7B7B7B; list-style: circle; list-style-position: inside; margin: 0; padding-bottom: 4px; }
	
	#pagewrap .colleft { width: 48%; float: left; }
	#pagewrap .colright { width: 48%; float: right; }
	
	#pagewrap h3 { border-bottom: 1px solid #ccc; line-height: 0.6em; font-size: 19px; color: #ae2121; padding-bottom: 7px; margin-bottom: 20px; display: block; font-family: Georgia; font-variant: small caps; }
	
	#pagewrap .widget, table.linetable { font-family: Arial, Helvetica, sans-serif; }
		table.linetable { font-size: 11px; }
	#pagewrap .widget table { width: 100%; font-size: 11px; clear: both; }
	#pagewrap .widget table th, table.linetable th { background: #F2F2E6; padding: 4px 6px; font-size: 11px; text-align: left; font-weight: normal; text-transform: uppercase; }
		#pagewrap .widget table th a, table.linetable th a { color: #000; text-decoration: none; }
		#pagewrap .widget table th a:hover, table.linetable th a:hover { text-decoration: underline; }
	#pagewrap .widget table td, table.linetable td { padding: 4px; }
		table.linetable td input { width: 50px; }
		#pagewrap .widget table td.sorted, table.linetable td.sorted { background: #FFFFEF; }
	#pagewrap .widget table tr.disabled { background: #b99; }
	#pagewrap .widget table tr.sessioninfo td { text-align: right; font-style: italic; }
	#pagewrap .widget table tr.enabledtest { background: #cdc; font-style: italic; }
		#pagewrap .widget table tr.enabledtest td.menu { font-style: normal; font-weight: normal; }
	#pagewrap .widget table td.menu, table.linetable th { white-space: nowrap; }	
	#pagewrap .widget table td.menu { text-align: right; }
	#pagewrap .widget table td.menu a { margin-left: 6px; }
	#pagewrap .widget .pagin { float: left; width: 200px; font-size: 11px; padding: 10px 10px 10px 0; }
	#pagewrap .widget .newtest { font-size: 11px; text-align: right; float: right; width: 120px; padding: 10px 0 10px 10px; }
	
	#pagewrap #widget_password { margin-top: 20px; }
		#pagewrap #widget_password p { padding-bottom: 8px; }
		#pagewrap #widget_password input.text { width: 200px; font-size: 18px; padding: 4px; }
	
body { background: url('../images/bg.png') repeat-y left #f8f8f9; }
	#header { width: 100%; height: 84px; background: url('../images/headerbg.png'); }
	#spacer { height: 6px; width: 100%; background: url('../images/spacer.png') no-repeat left #e1e1e2; }
	h1#logo a { text-indent: -9999px; background: url('../images/logo.png') no-repeat; display: block; width: 437px; height: 75px; margin-left: 32px; }
	#nav_side { width: 160px; padding-left: 15px; float: left; }
		#nav { float: right; margin-top: 20px; }
			#nav li a { margin-bottom: 5px; display: block !important; text-align: right; text-decoration: none; color: #999e99; font-family: Tahoma; padding-top: 10px; padding-bottom: 10px; padding-right: 11px; padding-left: 20px; }
				#nav li a:hover { -moz-border-radius: 10px 0 0 10px; background: #e7e7e7; -webkit-border-radius: 10px 0 0 10px; }
				.active li a, li.current_page_item a { background: #2c3549; color: #fff !important; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; padding-top: 13px !important; padding-bottom: 13px !important; }
				.active li a:hover { background: #2c3549 !important; color: #fff !important; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; }
	a.takethetest { float: left; display: block; text-indent: -9999px; background: url('../images/takethetest.png') no-repeat; width: 198px; height: 54px; position: relative; margin-top: 16px; margin-left: 19px; }
	a.takethetest:hover { background: url('../images/takethetest_hover.png') no-repeat; }
	a.teacherlogin { float: left; display: block; text-indent: -9999px; background: url('../images/teacherlogin.png') no-repeat; width: 201px; height: 54px; position: relative; margin-top: 16px; margin-left: 5px; }
	a.teacherlogin:hover { background: url('../images/teacherlogin_hover.png') no-repeat; }
	#readingheadline { line-height: 0.6em; font-size: 25px; color: #ae2121; margin-top: 30px; padding-bottom: 10px; margin-left: 23px; display: block; font-family: Georgia; font-variant: small caps; }
	#content { float: left; width: 750px; }
	#content p, #content dt, #content dd { margin-left: 23px; font-family: Tahoma; color: #7b7b7b; font-size: 14px; line-height: 1.5em; }
	#footer { position: absolute; margin-top: 160px; }
		#fright { text-align: center; float: left; margin-left: 26px; font-family: Tahoma; font-size: 11px; color: #c8c8c8; }
		#fright a { text-decoration: none; color: #5b78c1; }
		#fright a:hover { text-decoration: underline; }
		#fleft { float: left; margin-left: 50px; font-family: Tahoma; font-size: 11px; color: #c8c8c8; border-left: 3px solid #c0c0c0; padding-left: 25px; }
	#welcomepupil { font-family: Georgia; font-variant: small-caps; font-size: 22px; color: #ae2121; margin-top: 30px; margin-left: 23px; }
	#testtype  { font-family: Georgia; font-variant: small-caps; font-size: 22px; color: #ae2121; margin-top: 30px; margin-left: 23px; padding-bottom: 20px; }
	#listenandspell { float: left; width: 201px; height: 54px; background: url('../images/listenandspell.png') no-repeat; display: block; text-indent: -9999px; margin-left: 19px; }
	#listenandspell:hover { background: url('../images/listenandspell_hover.png') no-repeat; }
	#whatstheblank { float: left; width: 201px; height: 54px; background: url('../images/whatstheblank.png') no-repeat; display: block; text-indent: -9999px; margin-left: 19px; }
	#whatstheblank:hover { background: url('../images/whatstheblank_hover.png') no-repeat; }
		.sub { font-size: 13px; font-variant: small-caps; }
	.formwrap, #content fieldset { margin-top: 16px; width: 300px; }
	.inputer { width: 200px; background: #e2e2e2; border: #cdcdcd; color: #7f7f7f; }
	.inputer.short { width: 100px; }
	.inputer.long { width: 400px; }
	#content select { min-width: 200px; background: #e2e2e2; border: #cdcdcd; color: #7f7f7f; max-width: 280px; }
		#content select.shortyear { width: 60px; min-width: 60px; }
		#content select.shortmonth { width: 45px; min-width: 45px; }

.pswcheck { padding-left: 15px; font-weight: bold; color: #666; display: none; }
.pswcheck.correctpsw { display: inline; }

#content input.nextbutton, #content input.submitbutton { border: none; background: #2c3549; color: #fff !important; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; margin-top: 10px; padding: 8px 13px !important; }
#content input.backbutton { border: none; background: #2c3549; color: #fff !important; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; margin-top: 10px; padding: 8px 13px !important; }
#content input.quitbutton { float: right; border: none; background: #2c3549; color: #fff !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-left: 20px; margin-top: 10px; padding: 8px 13px !important; }

#content p.testinfo { font-size: 12px; padding-bottom: 25px; float: right; width: 500px; }		

#lform, #rform { float: left; width: 330px; margin-left: 20px; }
	#lform p, #rform p { padding-top: 4px; }

.confirm_message .actions { text-align: center; padding-top: 20px; }
	.confirm_message .actions a { padding: 6px; }