html, body {
	margin: 0;
	padding: 0 0 15px 0;
}

body {
	font: normal 100% Verdana, Arial, sans-serif;
	/* text-align: center; */
	text-align: left;
}

img {
	border: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

.tbm0 { margin-bottom: 0; margin-top: 0; }
.tm0  { margin-top: 0; }
.bm0  { margin-bottom: 0; }

/* Global clearing for common page elements */

#wrapper:after,
div.promobox div.inner:after,
div.imagebox div.inner:after,
form.common-form div.radio-buttons:after,
form.common-form div.check-boxes:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

.warning {
	color: #CC0000;
}
.requiredwarning{
	color: #CC0000;
}

div.warning, p.warning {
	border: 1px solid #CC0000;
	border-left-width: 3px;
	border-right-width: 3px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}


.message {
	color: #DE613F;
}
div.message, p.message {
	border: 1px solid #DE613F;
	border-left-width: 3px;
	border-right-width: 3px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}

/*********************************************************************
 GENERAL LAYOUT
*********************************************************************/

#wrapper {
	position: relative;
	width: 875px;
	padding: 0 15px;
	/* margin: 0 auto; */
	margin: 0;
	text-align: left;
	background: url(../images/common/seagulls-background.jpg) 27px top no-repeat;
}

#banner {
	position: relative;
	height: 150px;
	z-index: 99;

	
	
}

#content {
	float: left;
	width: 485px;
	margin-left: 165px;
	margin-top: 29px;
}

#content.no-left-nav {
	width: 650px;
	margin-left: 0;
}

#content.full-width {
	width: 710px;
}

#content-right {
	float: left;
	width: 200px;
	margin-left: 25px;
	margin-top: 29px;
}

#leftnav {
	float: left;
	width: 125px;
	margin-left: -875px;
}

#footer {
	clear: left;
	margin-left: 165px;
}

#accreditation-logos {
	position: absolute;
	bottom: 0;
	left: 15px;
}


/*********************************************************************
 BANNER
*********************************************************************/

#skipnav {
	position:absolute;
	left: -2000px;
}

#banner h2 {
	position: absolute;
	top: 24px;
	left: 12px;
	margin: 0;
	padding: 0;
	color: #14306C;
}

#banner h2 a {
	display: block;
	width: 415px;
	height: 86px;
}

#banner h2 a span {
	position: absolute;
	left: -2000px;
}

/* Top right nav */

#toprightnav {
	position: absolute;
	top: 0;
	right: 0;
	width: 199px;
	height: 23px;
}

#toprightnav li {
	display:inline;
	font-size: 1px;
}

#toprightnav li a {
	background: url(../images/common/toprightnav.png) top left no-repeat;
	height: 23px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
}

#toprightnav li#contactus a {
	width: 103px;
	background-position: 0 0;
}

#toprightnav li#contactus.current a, #toprightnav li#contactus a:hover {
	background-position: 0 -23px;
}

#toprightnav li#sitemap a {
	width: 96px;
	background-position: -103px 0;
}

#toprightnav li#sitemap.current a, #toprightnav li#sitemap a:hover {
	background-position: -103px -23px;
}

/* Main nav */
#mainnav li:hover a, 
#mainnav li.sfHover a {
}

#mainnav {
	position: absolute;
	top: 125px;
	right: 0;
	width: 710px;
	height: 25px;
}

#mainnav li {
	display:inline;
	position: relative:
}

#mainnav li a {
	background: url(../images/common/mainnav.png) top left no-repeat;
	height: 25px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -2000px;	
}

#mainnav li:hover ul, #mainnav li.sfHover ul {
	top: 20px;
}
#mainnav ul li {
	border: 0;
	float: none;
}

#mainnav li:hover ul a, #mainnav li.sfHover ul a {
	background: none;
	text-indent: 0px;
}
#mainnav li:hover ul a:hover,  #mainnav li.sfHover ul a:hover {
	background: #FFFFFF;
}

#mainnav ul li a {
	background: none;
	text-indent: 0px;
}

#mainnav  ul {
	background: #FFFFFF;
	/* border-bottom: 1px solid #003366; */
	border: 1px solid #14306c;
	list-style: none;
	padding: 0;
	margin:0;
	width: 150px;
	position: absolute;
	top: -999em;
	left: -1px;
	font-size:0.8em;
}

#mainnav  ul li{

}

#mainnav li:hover ul, #mainnav li.sfHover ul {
	padding: 0px 0px 5px 0px;
	margin:0;
	border: solid #3563A5 1px;
}

#mainnav li:hover ul li, #mainnav li.sfHover ul li {
	padding: 0;
	margin:0;
	width: 140px !important;
}
#mainnav li:hover ul li a, #mainnav li.sfHover ul li a{
	top: 20px;
	text-decoration:none;
	padding: 5px 0px 0px 5px;
	margin:0;
	width: 140px !important;
	height: auto;
	color: #14306c;
}

#mainnav li#home a {
	width: 106px;
	background-position: 0 0;
}

#mainnav li#home.current a, #mainnav li#home a:hover {
	background-position: 0 -25px;
}

#mainnav li#schools a {
	width: 113px;
	background-position: -106px 0;
}

#mainnav li#schools.current a, #mainnav li#schools a:hover {
	background-position: -106px -25px;
}


#mainnav li ul.schools  {
	margin-top: 4px;
	margin-left: 106px ;
}

#mainnav li#courses a {
	width: 153px;
	background-position: -219px 0;
}

#mainnav li#courses.current a, #mainnav li#courses a:hover {
	background-position: -219px -25px;
}

#mainnav li ul.courses {
	margin-top: 4px;
	margin-left: 220px ;
}


#mainnav li#teachertraining a {
	width: 147px;
	background-position: -372px 0;
}

#mainnav li#teachertraining.current a, #mainnav li#teachertraining a:hover {
	background-position: -372px -25px;
}
#mainnav li ul.teacher {
	margin-top: 4px;
	margin-left: 373px ;
}

#mainnav li#people a {
	width: 81px;
	background-position: -519px 0;
}

#mainnav li#people.current a, #mainnav li#people a:hover {
	background-position: -519px -25px;
}

#mainnav li ul.people {
	margin-top: 4px;
	margin-left: 520px ;
}

#mainnav li#apply a {
	width: 108px;
	background-position: -600px 0;
}

#mainnav li#apply.current a, #mainnav li#apply a:hover {
	background-position: -600px -25px;
}

#mainnav li ul.apply {
	margin-top: 4px;
	margin-left: 603px ;
}

/*********************************************************************
 LEFT NAV
*********************************************************************/

#leftnav {
	font-size: 70%;
	font-weight: bold;
	color: #14306c;
	padding-bottom: 140px; /* to make sure accrediation logos do not overlap nav */
}

#leftnav li {
	padding: 4px 0 8px 0;
	background: url(../images/common/leftnav-divider.gif) 16px bottom no-repeat;
}

#leftnav span, #leftnav a {
	display: block;
	padding-left: 15px;
}
#leftnav span a {
	color: #14306c;
	padding-left: 0px;
}

#leftnav a {
	color: #8D8E91;
	text-decoration: none;
	line-height: 1.2em;
	border-left: solid #FFFFFF 1px;
}

#leftnav li.current a, #leftnav li a:hover {
	color: #205AA6;
}

#leftnav li.current a {
	border-left: solid #205AA6 1px;
}


#leftnav li li {
	padding: 4px 0 8px 10px;
	background: url(../images/common/leftnav-divider.gif) 16px bottom no-repeat;
}

#leftnav li.current li a {
	border-left: none;
	color: #8D8E91;
}

#leftnav li li a:hover {
	color: #205AA6;
}


#leftnav li li.current a {
	border-left: solid #205AA6 1px;
}




/*********************************************************************
 FOOTER
*********************************************************************/

#footer {
	padding: 10px 10px 20px 0;
}

#footer ul {
	font-size: 70%;
	margin-left: 15px;
}

#footer li {
	float: left;
	padding: 0 9px;
	border-right: solid #14306c 1px;
	margin-bottom: 7px;
}

#footer li.last {
	border-right: none;
}

#footer li a, #footer li a:visited {
	color: #14306c;
	text-decoration: none;
}

/*********************************************************************
 GENERAL CONTENT
*********************************************************************/

#content, #content a, #content a:visited {
	color: #14306c;
	
}

#content {
	font-size: 75%;
	
	
}

#content p, #content a {
	line-height: 1.4em;
}

#content ul {
	margin: 1em 0 1em 1.4em;
	list-style-type: disc;
}

h1#heading {
	position: relative;
	font: normal 190% "Times New Roman", serif;
	line-height: 1.05em;
	width: 475px;
	margin: 0;
	padding: 8px 0 10px 10px;
	background: #2D62A8 url(../images/common/page-title-box.png) top left no-repeat;
	min-height: 67px;
	color: #FFF;
   
    
}

h1#heading.straight {
	background: #2D62A8 url(../images/common/page-title-box-straight-bottom.png) top left no-repeat;
}

h1#heading span {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 240px;
	height: 85px;
	border-left: solid #FFF 4px;
}

h1#heading span img {
	position: absolute;
	right: 0;
}

#content.full-width h1#heading {
	width: 700px;
	background: #2D62A8 url(../images/common/page-title-box-wide.png) top left no-repeat;
}
#content.full-width h1#heading.straight {
	width: 700px;
	background: #2D62A8 url(../images/common/page-title-box-straight-bottom-wide.png) top left no-repeat;
}

h2 {
	font-size: 120%;
}

hr {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	padding: 5px 0 0 0;
	margin: 0 0 7px 0;
	border: none;
	border-bottom: solid #C5C9D0 1px;
}

#content a.button-blue, #content a.button-blue:visited {
	display: block;
	color: #FFF;
	font-size: 100%;
	text-decoration: none;
	text-align: center;
	background: url(../images/common/button-blue-left.gif) bottom left no-repeat;
}

#content a.button-blue, #content a.button-blue:visited {
	background: url(../images/common/button-blue-left.gif) bottom left no-repeat;
}

#content a.button-orange, #content a.button-orange:visited {
	display: block;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: url(../images/common/button-orange-left.gif) bottom left no-repeat;
	
}

#content a.button-orange, #content a.button-orange:visited {
	background: url(../images/common/button-orange-left.gif) bottom left no-repeat;
}

#content a.button-blue span {
	display: block;
	padding: 1px 30px 5px 16px;
	background: url(../images/common/button-blue-right.gif) top right no-repeat;
}

#content a.button-orange span {
	display: block;
	padding: 4px 60px 5px 16px;
	background: url(../images/common/button-orange-right.gif) top right no-repeat;
}

/* Individual buttons */

#content a.button-blue.apply {
	float: right;
	width: 135px;
	margin-top: 24px;
}

#content a.button-orange.all-courses, #content a.button-orange.apply-now, #content a.button-orange.paynonline{

	width: 199px;
}

#content a.button-orange.paynonline{
	width: 230px;
}




/* Promo boxes */

div.promobox {
	background: url(../images/common/promo-box-bottom.png) bottom left no-repeat;
	margin-bottom: 17px;
}

div.promobox.blue {
	background: url(../images/common/promo-box-bottom-blue.png) bottom left no-repeat;
}

div.promobox div.inner {
	position: relative;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding: 44px 6px 8px 6px;
	padding: 44px 6px 8px 6px;
}

div.promobox div.inner img.cropper {
	display: block;
	margin: -44px 0 0 -6px;
}

div.promobox h2, div.promobox h2 a, div.promobox h2 a:visited {
	font: normal 135% "Times New Roman", serif;
	line-height: 0.95em;
	margin: 42px 0 14px 0;
	color: #1C4491;
	float: none;
	display: block;
	text-decoration: none;
}

div.promobox.blue h2, div.promobox.blue h2 a, div.promobox.blue h2 a:visited {
	color: #FFF;
}

div.promobox p {
	font-size: 70%;
	color: #555;
	margin: 0;
}

div.promobox a, div.promobox a:visited {
	float: left;
	color: #555;
	font-size: 70%;
}

div.promobox.blue p, div.promobox.blue a, div.promobox.blue a:visited {
	color: #FFF; /* Comes after otherwise IE6 & 5.5 render in the grey text */
}

div.promobox a.arrow {
	position: absolute;
	bottom: 8px;
	right: 8px;
}

div.imagebox {
	background-repeat: no-repeat;
	background-position: 1px 1px;
	margin-bottom: 17px;
}
div.imagebox div.inner {
	position: relative;
	background: url(../images/common/image-box-bottom.png) bottom left no-repeat;
}

div.imagebox div.inner img.cropper {
	display: block;
	margin: 0;
}
div.imagebox div.inner .caption {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 6px;
	font-size: 70%;
	color: #FFF;
}

/* Forms */

form.common-form label {
	clear: left;
	display: block;
	float: left;
	width: 160px;
	margin: 3px 10px 0 0;
	font-weight: bold;
}

form.common-form br {
	line-height: 0;
	height: 0;
	font-size: 0;
}

form.common-form span.mandatory {
	font-size: 90%;
}

form.common-form fieldset.hidden {
	margin: 0;
}

form.common-form input.text {
	width: 260px;
	margin: 0 0 17px 0;
	/*padding: 2px 3px 2px 3px;*/
}

form.common-form .indent {
	margin-left: 170px;
}

form.common-form input.checkbox {
	margin-left: 10px;
}

form.common-form select {
	width: 270px;
	margin: 0 0 17px 0;
}

form.common-form div.radio-buttons,
form.common-form div.check-boxes {
	width: 280px;
	margin: 0 0 0 170px;
	padding: 0 0 17px 0;
}

form.common-form div.radio-buttons input,
form.common-form div.check-boxes input {
	display: block;
	float: left;
	margin-left: 0;
}

form.common-form div.radio-buttons label,
form.common-form div.check-boxes label {
	clear: none;
	float: left;
	width: 100px;
	font-weight: normal;
	font-size: 85%;
	color: #000;
}

form.common-form div.radio-buttons br,
form.common-form div.check-boxes br {
	clear: both;
}

form.common-form p.note {
	margin: 0 0 10px 150px;
	font-style: italic;
}

form.common-form textarea {
	width: 260px;
	margin: 0 0 17px 0;
	padding: 2px;
}

button.gfx {
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
}

#btnSubmit {
	width: 152px;
	height: 22px;
	color: #FFF;
	background: #2D62A8 url(../images/common/button-register.gif) top left no-repeat;
	margin-bottom: 10px;
}

#btnCancel {
	width: 123px;
	height: 22px;
	color: #FFF;
	background: #999 url(../images/common/button-cancel.gif) top left no-repeat;
	margin-bottom: 10px;
}

#existingUserLogin {
	font-size: 90%;
}


/*********************************************************************
 HOME PAGE CSS
*********************************************************************/

#content #language-select ul:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

#content #hp-quote {
	font: normal 175% "Times New Roman", serif;
	font-style: italic;
	color: #3F6CAB;
	margin: 0 0 0 5px;
	line-height: 1.1em;
}

#content #hp-quote-person {
	margin: 5px 0 0 5px;
	color: #91B0D8;
	font-size: 115%;
	font-style: italic;
}

#decoration {
	position: relative;
	width: 485px;
	height: 141px;
	margin-top: 20px;
	background: #28599E url(../images/common/homepage-heading-blue-background.jpg) top left no-repeat;
}

#decoration-left, #decoration-right {
	display: block;
}

/* old version
#decoration-left {
	position: absolute;
	width: 228px;
	height: 115px;
	top: 0;
	left: 0;
	border-right: solid #FFF 4px;
	border-bottom: solid #FFF 4px;
}
*/

#decoration-left {
	position: absolute;
	width: 315px;
	height: 141px;
	top: 0;
	left: 0;
}

#decoration-right {
	position: absolute;
	width: 172px;
	height: 141px;
	top: 0;
	right: 0;
	border-left: solid #FFF 5px;
}

#decoration-right img {
	position: absolute;
	right: 0;
}

#language-select {
	background: url(../images/common/language-select-border-bottom.png) bottom left no-repeat;
	margin: 10px 0 17px 0;
}

#content #language-select ul {
	font-size: 90%;
	background: url(../images/common/language-select-border-top.png) top left no-repeat;
	list-style-type: none;
	padding: 7px 0 7px 50px;
	margin: 0;
}

#language-select ul li {
	float: left;
	margin-left: 15px;
}

#language-select ul li.first {
	margin-left: 0;
}

h2.heading {
	padding-bottom: 7px;
	margin-bottom: 8px;
	border-bottom: solid #C5C9D0 1px;
}

#btnAllCourses {
	display: block;
	width: 199px;
	margin-top: 20px;
}

/*********************************************************************
 COURSE LISTING CSS
*********************************************************************/

h2.course-heading {
	float: left;
	margin: 30px 0 0 0;
}
h2.course-heading a {
	text-decoration: none;
}

#course-form-wrapper {
	background: url(../images/common/form-course-register-bottom.gif) bottom left no-repeat;
	margin-bottom: 20px;
}

#course-form-wrapper form {
	padding: 18px 15px 14px 15px;
	background: url(../images/common/form-course-register-top.gif) top left no-repeat;
}

/*********************************************************************
 REGISTRATION FORM CSS
*********************************************************************/

#registration-form {
	border-left: solid #87A3CA 2px;
	border-right: solid #87A3CA 2px;
	border-bottom: solid #87A3CA 2px;
	padding: 24px 13px 37px 13px;
}

#registration-form input.text {
	width: 275px;
}

#registration-form textarea {
	width: 270px;
}

#registration-form select {
	width: 280px;
}

#registration-form #dobDay, #registration-form #dobMonth {
	float: left;
	width: 30px;
	margin-right: 6px;
}

#registration-form #dobYear {
	float: left;
	width: 60px;
	margin-right: 6px;
}

#dobHelp {
	margin: 0;
}

#btnSubmit {
	margin-right: 2px;
}

/*********************************************************************
 Brochure Request FORM CSS
*********************************************************************/

#brochurerequest-form {
	border-left: solid #87A3CA 2px;
	border-right: solid #87A3CA 2px;
	border-bottom: solid #87A3CA 2px;
	padding: 24px 13px 37px 13px;
}

#brochurerequest-form input.text {
	width: 275px;
}

#brochurerequest-form textarea {
	width: 270px;
}

/*********************************************************************
 Booking FORM CSS
*********************************************************************/

#booking-form {
	border-left: solid #87A3CA 2px;
	border-right: solid #87A3CA 2px;
	border-bottom: solid #87A3CA 2px;
	padding: 24px 13px 37px 13px;
}

#booking-form input.text {
	width: 275px;
}

#booking-form textarea {
	width: 270px;
}

#booking-form table.studentdetails {
	border-collapse: collapse;
	border: solid #87A3CA 2px;
	margin-bottom: 10px;
	width: 100%;
}
#booking-form table.studentdetails th {
	width: 200px;
	border: solid #87A3CA 2px;
}
#booking-form table.studentdetails td {
	border: solid #87A3CA 2px;
}
#booking-form table.studentdetails input.text {
	width: 95%;

}


/*********************************************************************
 Payment FORM CSS
*********************************************************************/


.innercolumns {
	
}
.innercolumns:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
.columnleft {
	width: 48%;
	padding-right: 1%;
	padding-bottom: 10px;
	float: left;
}
.columnright {
	width: 48%;
	padding-left: 1%;
	padding-bottom: 10px;
	float: right;
}

.columnleft input.text,
.columnright input.text {
	width: 90%;
}
.columnleft textarea,
.columnright textarea {
	width: 90%;
}


fieldset {
	margin: 0 0 24px 0;
	border: none;
	padding: 0;
}
legend {
	margin-left: 0;
	padding: 0;
	color: #F7931E;
	font-weight: bold;
	font-size: 120%;
}
fieldset.buttons {
	padding: 10px 0;
}
fieldset p {
	margin: 5px 0 0 0;
	padding: 0;
}
fieldset ul {
	
}
fieldset li {
	margin: 0 0 0 25px;
}
fieldset label.label200 {
	width: 200px;
	display:block;
	float:left;
}
fieldset textarea {
	width: 95%;
}
fieldset input.text {
	width: 95%;
}
fieldset input.text_sm {
	width: 30%;
}

fieldset table {
	border-collapse: collapse;
	width: 100%;
}
fieldset table th {
	font-weight: normal;
	text-align: left;
}
fieldset table td {
	padding: 0 10px 10px 0;
}

.tinytext{
font-size: 90%;

}

.error{ 
	color:red;
}



table .payment {
border-collapse: collapse;
border: solid #2D62A8 1px;
width:500px

}


table .payment td {
border: solid #2D62A8 1px;
font-size: 90%;
color:#14306C;
}

table .payment th {
border: solid #2D62A8 1px;
font-size: 90%;
font-weight: bold;
padding: 2px  2px  2px  2px;
color:#14306C;
}


table .payment td.subheader {
color: #fff;
background: #2D62A8;
}



/*********************************************************************
 EXAM FORM CSS
*********************************************************************/


.step{
margin: 10px  5px  10px  0px;
}

.steps{
border: solid #225199 1px;
padding: 3px  5px  3px  5px;
margin: 0px  5px  0px  0px;
}



.stepsselected{
padding: 3px  5px  3px  5px;
border: solid #225199 1px;
background: #7498CC;
color: #FFF;
margin: 0px  5px  0px  0px;
}

.questionodd{
padding:5px 5px 10px 5px;


}
.questioneven{
padding:5px 5px 10px 5px;
border-bottom: solid #7498CC 2px;
border-top: solid #7498CC 2px;

}

.questioneven .answer .questionodd .answer{
padding-left:15px;
}

//used for  audio files
.media   { display: block; 
}
a.media   { 
font-weight:bold;
text-decoration:none;
}

.buttons{
padding-top: 10px;
text-align: center;
}

label.hilite { 
background:#225199;
color:white; 
padding: 2px;
}

label { 
padding: 2px;
} 

.exambutton {
border: solid #7498CC 2px;
background:#225199;
color:white; 
padding: 2px;
font-weight:bold;
}


.exambuttonhov{
border: solid #7498CC 2px;
background:white;
color:#225199; 
padding: 2px;
font-weight:bold;
}




.exambuttondisabled {
border: solid #225199 2px;
padding: 2px;
font-weight:bold;
}