* {margin:0;padding:0;}

body {
	text-align:center;
	font-size:1em;font-family:DIN,Helvetica,sans-serif;
	color: #222122;
}

img {
	border:0;
}

#centerdiv {
	width: 970px; text-align: center; margin: 0 auto;
	background: #ffffff;
}

.greybgdiv {
	width: 970px; text-align: left;
	background: #E1E2E3;
	/* margin-top: -0.5em; */
}

#header {
	width:100%;
	text-align:left;
	background:url(/redesign/images/Header_Background.png) repeat-X; 
	padding:0;
	height:112px;
	/* border: 1px solid #000; */
}

#headerimages {
	float:left;
	width: 414px;
	height: 112px;
}

#teacherslogin {
	float: right;
	padding: 50px 15px 0 0;
	height: 27px;
}

#teacherslogin a {
	color: #222122;
	text-decoration: none;
}

#teacherslogin a:hover {
	color: #222222;
	text-decoration: underline;
}

#sectiontitle {
	float: right;
	height: 34px;
	width: 550px;
	text-align: left;
	padding-top: 0px;
	background:#BDBEC2;
}

#sectiontitle h1 {
	font-size: 1.6em;
	padding-right: 15px;
	color:#fff;
}

/* main menu */
#mainmenu {
	height:2em;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
}

#mainmenu ul li {
	display: block;
	float: left;
	/* padding: 0.4em 2em 0.5em 2em; */
	padding: 0 2em 0 2em;
	line-height: 2em;
	color: #222122;
	background:#fdb52a;
	text-align: center;
	border-bottom: 3px solid #E1E2E3;
	border-right: 1px solid #fff;
}

#mainmenu ul li.last {
	border-right: 0px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}


#mainmenu ul li a {
	text-decoration: none;
	color: #222122;
}

#mainmenu ul li:hover, #mainmenu ul li.menuselected {
	border-bottom: 3px solid #000000;
	background:#ffe6b0;
}

#mainmenu ul li a:hover {
	text-decoration: none;
	color: #222122;
}

/* sub menu */
#submenu {
	/* border: 1px solid #000; */
	text-align:center;
	width:970px;
	height: 1.7em;
}

#submenu ul {
	margin: 0;
	padding: 0;
}

#submenu ul li {
	display: block;
	float: left;
	padding: 0 1em 0 1em;
	line-height: 1.7em;
	color: #222122;
	/* background:#ffe6b0; */
	background: #F1F2F3;
	text-align: center;
	border-right: 1px solid #000;
}

#submenu ul li.last {
	border-right: 0px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}


#submenu ul li a {
	text-decoration: none;
	color: #222122;
}

#submenu ul li a:hover, #submenu ul li.menuselected  {
	text-decoration: underline;
	color: #222122;
}

#sidepanel {
	font-size: 80%;
	width: 229px;
	float:left;
	background: #ffffff;
	margin-right: 10px;
	margin-top: 1em;
	padding: 1em 2em 1em 2em;
	margin-bottom: 2em;
}

#sidepanel a {
	color:#d9531e;
	font-weight:bold;
}

#sidepanel ul {
	padding-left: 1.5em;
}

#sidepanel ul li {
	padding: 0.3em 1em 0.3em 0;
}

#knowledgetest {
	position: static;
	width: 100%;
	/* height:500px; */
	background:#ffe6b0;
	overflow: hidden;
	word-wrap: break-word;
}

#kt_leftcol {
	float: left;
	top: 0px;
	left: 0px;
	width:550px;
	height:auto;
	padding-top: 1em;
}

#kt_rightcol {
	float: right;
	text-align: center;
	padding-top: 1em;
	padding-right: 8px;
	width:400px;
}

#kt_qwrap, #kt_awrap {
	background: #fdb52a;
	overflow:hidden;
}


#kt_q, #kt_a {
	float: left;
	width: 3em;
	height: 3em;
	text-align: center;

}

#kt_q h2, #kt_a h2 {
	color:#fff;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

#kt_qtext, #kt_atext {
	float: left;
	width: 485px;
	text-align: left;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left:1em;
}

#kt_qtext p, #kt_atext p {
	color:#000;
}

#kt_choices {
	padding-left: 2em;
	overflow: hidden;
}

#kt_atext h2 {
	font-size: 1.1em;
}

#kt_choices ul {list-style-type: none;}

#kt_choices ul li {padding: 0.5em 1em 0.5em 2em;clear: both;}

#kt_choices ul li label:hover {color:#000000;}

.radio_wrap {
	display: table-cell; 
	vertical-align: middle;
}

.radio_wrap:hover {
	background:#fac663;
}

.radio_dot {
	width:15px;
	float:left;
	padding-right:10px;
}

.radio_label {width:440px;float:left;}

.radio_dot input,.radio_label label {

}

#kt_correct,
#kt_attempts,
#kt_remain {
	display: inline-block;
	margin-right:10px;
	background: #fdb52a;
	width: 6em;
	text-align: center;
}

#kt_correct h2,
#kt_attempts h2,
#kt_remain h2 {
	color:#000;
	font-size: 0.8em;
	padding-top: 2px;
}

#kt_correct p,
#kt_attempts p,
#kt_remain p {
	color:#fff;
	font-size: 1.0em;
	font-weight: bold;
	padding-bottom: 2px;
	font-family: Helvetica;
}

#kt_remain {
	margin-right:0px;
}

#kt_picture {
	padding-top: 1em;
}

#kt_picture img {
	max-width: 400px;
}

#kt_buttons {
	padding: 1em 0 1em 0;
}

#kt_buttons input,#kt_buttons a, .submitbutton, #content input[type=submit] {
	border: 2px solid #fff;
	width: 6em;
	margin-right:10px;
	background: #fdb52a;
	padding: 0.2em 0 0.2em 0;
	font-weight: bold;
	font-family: Helvetica;
	font-size: 0.8em;
	line-height: 1.2em;
}

#kt_buttons input:hover, #kt_buttons a:hover {
	color: #000;
	background: #ffe6b0;
	border: 2px solid #fdb52a;
}

#kt_buttons a {
	display: inline-block;
	text-decoration: none;
	color: #000;
}

.kt_button a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	/* font-size: 0.8em;
	padding: 0; */
	border: 1px solid #000;
}

.hidden {visibility:hidden;}

.center {text-align:center;}

.infopic {
	width: 309px;
	float:left;
	-moz-box-shadow: 4px 4px 6px#888;
	-webkit-box-shadow: 4px 4px 6px#888;
	box-shadow: 4px 4px 6px#888;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-right: 10px;
}

.infopic_last {
	margin-right: 0px;
}

.infopic_caption h1 {
	color: #ffffff;
	background: #D9531E;
	padding: 0.5em 0 0.5em 1em;
	margin: -3px 0 0 0;
	font-size: 1em;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.shadow {
	-moz-box-shadow: 4px 4px 6px#888;
	-webkit-box-shadow: 4px 4px 6px#888;
	box-shadow: 4px 4px 6px#888;
}

.roundedborder10 {
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.allroundedborder10 {
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.roundedborder30 {
	-moz-border-bottom-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.roundedtopborder30 {
	-moz-border-top-right-radius: 30px;
	border-top-right-radius: 30px;
}

#latestnews {
	width: 430px;
	height: 112px;
	float:left;
	background: #ffffff;
	margin-right: 9px;
	padding: 5px 23px 5px 15px;
}

#latestnews h1 {
	color: #D9531E;
	font-size: 1em;
	font-weight: bold;
}

#latestnews p {
	border-bottom: 1px solid #000;
	padding: 4px 0 4px 0;
}

#latestnews p a {
	text-decoration: none;
	color: #000;
}

#chf {
	width: 229px;
	height: 122px;
	float:left;
	background: #ffffff;
	margin-right: 10px;
}

#socialmedia {
	width: 230px;
	height: 122px;
	float:left;
	background: #ffffff;
	text-align:center;
}

#content {
	width:600px;
	float:left;
	text-align:left;
	padding: 0 20px 50px 20px;
}


#content h1,
#content h2,
#content h3 {
	padding-top: 12px;
}

#content a {
	text-decoration:none;
}

#content h1,
#content h2,
#content h3,
#content a {
	color:#d9531e;
}

#content h1 {
	font-size: 1.3em;
}

#content p {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#content ul li {
	margin-left: 2em;
	padding: 0.3em 1em 0.3em 1em;
}

#content input[type=text], #content input[type=password], #content input[type=number] {
	border: 2px solid #fdb52a;
	padding: 0.2em 1em 0.2em 1em;
}


#footer {
	float:left;
	width:100%;
	background: #fdb52a;
	text-align:center;
	padding: 5px 0 5px 0;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: block;
	float: left;
	padding: 0.1em 2em 0.1em 2em;
	text-align: center;
	border-right: 1px solid #fff;
}

#footer ul li.last {
	border-right: 0px;
}


#footer ul li a {
	text-decoration: none;
	color: #222122;
}

#footer ul li a:hover {
	text-decoration: underline;
	color: #222122;
}

/* sub menu background image control */
ul.submenu {
	margin-bottom: 51px;
	height: 51px;
	background: #59595B;
}
ul.submenu li {
	margin: 0 0 0 -25px;
	padding: 0;
	float: left;
	background: none;
	position: relative;
	z-index: 1;
	width: 280px;
}

ul.submenu li a {
	font-style:italic;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

ul.submenu li.item-1 {
	margin-left: 0;
}
ul.submenu li.item-2 {
	z-index: 2;
}
ul.submenu li.item-3 {
	z-index: 3;
}
ul.submenu li.item-4 {
	z-index: 4;
}
ul.submenu li.item-5 {
	z-index: 5;
}
ul.submenu li.item-6 {
	z-index: 6;
}
ul.submenu li span.label {
	padding: 0 150px 0 35px;
	display: block;
	float: left;
	height: 51px;
	line-height: 51px;
	font-weight: bold;
	color: #fff;
	background-image: url(/HIP/gfx/submenu.sprite.png);
	background-position: 300px -102px;
}
ul.submenu li.item-5 span.label {
	padding-right: 0px;
}
ul.submenu li.current span.label {
	background-position: 0px -51px;
	color: #FFF;
}
ul.submenu li.complete span.label {
	background-position: 0px 0px;
	color: #008ec3;
}
ul.submenu li span.bookend {
	width: 40px;
	height: 51px;
	display: block;
	float: left;
	background-image: url(/HIP/gfx/submenu.sprite.png);
	background-position: right -102px;
}
ul.submenu li.current span.bookend {
	background-position: right -102px;
}
ul.submenu li.complete span.bookend {
	background-position: right 0px;
}
ul.submenu li em {
	font-size: 11px;
}

/* colours */
.green {color:#78a22f !important;} /* !important required here to overide colour set in #content */
.darkgrey {color:#58595b !important;}
.lightorange {color:#e39851 !important;}
.pink {color:#f16f91 !important;}
.blue {color:#005dab !important;}
.aqua {color:#28bdb3 !important;}

.paleorange {color:#ffe6b0;}
.mediumorange {color:#fac663}
.orange {color:#fdb52a;}
.lightgrey {color:#d8d9dd;}

/* extra stuff from health css */
.skip {display:block;position:absolute;top:-50px;left:0;z-index:0;width:100%;}
.skip a {padding:5px;left:0;z-index:0;}
.skip a:focus, .skip a:active {display:inline;z-index:2;background-color:#eaf4fb;color:#01497d;text-decoration:none;position:absolute;top:50px; left:0;}

.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

.clear-after {
zoom: 1 /*ie6/7*/
}
.clear-after:after{ /*rest*/
content: “”;
height: 0;
clear: both;
display: block;
}

.table {
	width: 100%;
}