@import url(css/master.css);
@import url(css/typography.css);

body {
	background-color:#ffffff;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration:none;
	color: #0C6578;
}

a:hover {
	color:#0033FF;
}
 
table {
	border-collapse: collapse;
	border: 0;
}

td {
	padding: 3px;
	vertical-align:top;
}

a:focus {
	-moz-outline-style: none;
}
 
/************ general fomatting ******************/

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.padImageLower { 
	padding: 0 0 10px 0; 
}

.tableCentred {
	margin: 0 auto;
	padding: 10px;
}

.timetable {
	border-top: solid #000000 1px;
	border-right: solid #000000 1px;
	margin: 5px 2px 12px;
}

.timetable td {
	border-bottom: solid #000000 1px;
	border-left: solid #000000 1px;
	padding: 5px;
	font-size: 80%;
	
}

.tableRowHighlight tr:hover {
	background: #e8e8e8;
}

.tableRowHeader {
	background:url(images/headings/bg-grey-fade.jpg) bottom left repeat-x;
}

.linkBold {
	font-weight:bold;
}

.textCentre {
	text-align:center;
}

.width90 {
	width: 90%;
}

.widthColumn12 {
	width: 12%;
}

.tooltipLayer {
	background:#FFFFFF;
	width: 300px;
	border: 2px solid #d8d8d8;
	padding: 5px 0;
}

.tooltipLayer p {
	padding: 0 10px 5px;
}

.floatRight {
	float: right;
}

/************ main blocks ******************/

#containerOuter {
	width: 980px;
	margin: 10px auto;
}

#containerTopBar { 
	clear: both; 
	position: relative;
}

#containerTopBar .menuRight {
	float: right;
	width: 960px;
	text-align:right;
	font-weight:bold;
}
 
#containerTopBar .menuRightSearch {
	float: right;
	width: 960px;
	text-align:right;
	font-weight:bold;
}

#containerTopBar .menuRight ul {
	
}

#containerTopBar .menuRightSearch ul {

}

#containerTopBar .menuRight li, #containerTopBar .menuRightSearch li {
	list-style:none;
	display: inline;
	margin-left: 5px; 
	color: #dddddd;
}

#containerTopBar .menuRight li a, #containerTopBar .menuRightSearch li a {
	color: #000000;
}
 
#containerTopBar .iconsLeft {
	position: absolute;
	left: 0;
	top: 0px;
	width: 170px; 
}
 
#containerTopBar .iconsLeft img {
	margin-right: 9px;
}

#containerTopBar .iconsLeftSearch {
	position: absolute;
	left: 0;
	top: 0px;
	width: 170px; 
}

#containerTopBar .iconsLeftSearch img {
	margin-right: 9px;
}

#containerHeaderImage {
	clear: both;
}

#containerHeaderImage img {
	padding-top: 7px;
}

#containerMenuLower {
	clear: both;
	
}

#containerMenuLower ul {
	padding: 12px 0;
}

#containerMenuLower li {
	list-style:none;
	display: inline;
	margin-right: 5px;
	color: #909090;
	font-weight: bold;
}



#containerMenuLower li a {
	color:#000000;
	font-weight:bold;
}

#containerMenuLower li a:hover, #containerMenuLower li a:hover.menuSub, #containerTopBar .menuRight li a:hover {
	color: #FF6600;
}

#containerMenuLower li a.menuSub {
	color:#777777;
}

#containerPageHeading {
	color:#993300;
	font-size: 130%;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 12px;
	text-align:center;
}

#containerContent {
	clear: both;
	padding-top: 0;
}

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

#pageHomeLayout #containerContent {
	padding-top: 12px;
}

#containerContent #columnLeftHome {
	float: left;
	width: 230px;
}

#containerContent #columnLeftHome a {
	text-decoration: underline;
}

#containerContent #columnLeftHome .revisionGuides {
	height: 174px;
	width: 214px;
	background:url(images/design/home-rev-guides-bg.jpg) left top no-repeat;
	margin-bottom: 9px;
}

#containerContent #columnLeftHome .revisionGuides p {
	padding: 5px 12px;
	font-weight: bold;
}

#containerContent #columnLeftHome .homeLeftMenu {
	width: 214px;
	margin-bottom: 1px; 
}

.homeLeftMenu, .homeLeftMenu a {
	color: #008aaf;
}

#containerContent #columnLeftHome .homeLeftMenu li {
	background:url(images/design/home-left-courses-bg.jpg) bottom left no-repeat;
	list-style:none;
}

#containerContent #columnLeftHome .homeLeftMenu li img {
	float: left;
	padding-right: 8px;
}

#containerContent #columnLeftHome .homeLeftMenu li p.menuHeading,
#containerContent #columnLeftHome .revisionGuides p.menuHeading
 {
	font-weight:bold;
	font-size: 102%;
}
 
#containerContent #columnLeftHome .homeLeftMenu li p.menuHeading img, #containerContent #columnLeftHome .revisionGuides p.menuHeading img,
#containerContent #columnLeftHome .homeLeftMenu li p.menuImg img {
	float: right;
	padding: 0;
}

#containerContent #columnLeftHome .homeLeftMenu li.homeLeftMenuTop {
	background: url(images/design/home-left-courses-top.jpg) top left no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:102%;
	color: #fff;
}

li.homeLeftMenuTop a {
	color: #fff;
}

#containerContent #columnLeftHome .homeLeftMenu li.bgBottom {
	background: url(images/design/home-left-courses-bg-bottom.jpg) bottom left no-repeat;
	padding-bottom: 9px;
}

#containerContent #columnLeftHome .homeLeftMenu li.bgBottomRG {
	background: url(images/design/home-left-rg-bottom.jpg) bottom left no-repeat;
	padding-bottom: 9px;
}

#containerContent #columnLeftHome .homeLeftMenu li.homeLeftMenuTop p {
	padding: 12px 0;
}

#containerContent #columnLeftHome .homeLeftMenu p {
	padding: 5px 10px;
}

#containerContent #columnCenterHome {
	float: left;
	width: 510px;
	margin-left: 10px;
	padding-bottom: 10px;
}

#containerContent #columnCenterHome .homeWelcome {
	margin: 10px 0;
}

#containerContent #columnCenterHome .homeWelcome h1 {
	font-weight:bold;
	font-size: 140%;
	color: #CC6600;
}

#containerContent #columnCenterHome .homeEnquiry {
	background:url(images/design/home-centre-form-bg-bottom.jpg) bottom left no-repeat;
}

#containerContent #columnCenterHome .homeEnquiry .topBg {
	background:url(images/design/home-centre-form-bg-top.jpg) top left no-repeat;
}

#containerContent #columnCenterHome .homeEnquiry .formHeading {
	font-weight:bold;
	font-size: 110%;
	text-align:center;
	padding: 6px;
}

#containerContent #columnCenterHome .homeEnquiry li {
	padding: 4px 0;
	list-style:none;
}

#containerContent #columnRightHome {
	float: right;
	width: 220px;
	text-align:right;
}

li.rpItem p, li.rpBottom p, li.rpTop p {
	font-weight: normal;
}

ul.homeRightPanel {
	padding: 0;
	margin: 0;
	width: 211px;
	float: right;
	margin-bottom: 9px;
}

ul.homeRightPanel li {
	padding: 0;
	margin: 0;
	list-style:none;
	color: #008aaf;
	line-height: 140%;
}

ul.homeRightPanel li.rpTop, ul.homeLeftPanel li.rpTop {
	background: url(/images/design/home-left-courses-top.jpg) top left no-repeat;
	text-align:center;
	
}

ul.homeRightPanel li.rpTop p, ul.homeLeftPanel li.rpTop p {
	padding: 10px 0;
	text-align:center;
	color: #fff;
}

ul.homeRightPanel li.rpTop p a,  ul.homeLeftPanel li.rpTop p a {
	font-weight:bold;
	font-size:102%;
	color: #fff;
}

ul.homeLeftPanel li.rpTop p a:hover {
	list-style: none;
}

ul.homeLeftPanel li {
	color: #008aaf;
	line-height: 140%;
}

ul.homeRightPanel li.rpItem {
	background: #d6d6d6;
	font-weight: normal;
}

ul.homeRightPanel li.rpBottom {
	background:url(/images/design/home-right-bg-bottom.jpg) bottom left no-repeat;
}

ul.homeRightPanel li img {
	margin: 0 auto;
	display: block;
	padding: 0;
}

ul.homeRightPanel li p {
	padding: 5px 10px;
	text-align:left;
	
}

/*** LEFT ***/

.homeLeftPanelHolder {
	width: 211px;
}

ul.homeLeftPanel {
	padding: 0;
	margin: 0;
	width: 211px;
	float: left;
	margin-bottom: 9px;
}

ul.homeLeftPanel li {
	padding: 0;
	margin: 0;
	list-style:none;
}

/***
ul.homeLeftPanel li.rpTop {
	background: url(images/design/home-right-bg-top.jpg) top left no-repeat;
}

ul.homeLeftPanel li.rpTop p {
	padding: 10px 0;
}
**/
ul.homeLeftPanel li.rpItem {
	background:url(images/design/home-right-bg-item.jpg) bottom left no-repeat;
}

ul.homeLeftPanel li.rpBottom {
	background:url(images/design/home-right-bg-bottom.jpg) bottom left no-repeat;
}

ul.homeLeftPanel li img {
	margin: 0 auto;
	display: block;
	padding: 0;
}

ul.homeLeftPanel li p {
	padding: 5px 10px;
	text-align:left;
}



/********** courses links ***************************/

.courseSignUp {
	width: 150px;
	height: 21px;
	margin-bottom: 5px;
	display: inline;
	float: left;
}

.courseLink {
	width: 360px;
	height: 21px;
	margin-bottom: 5px;
	float: left;
}

.courseLink p {
	padding-left: 40px;
}

.courseLinkAustralia {
	background:url(images/design/course-bar.jpg) left top no-repeat;
}
	
.courseLinkAustralia:hover {
	background:url(images/design/course-bar-over.jpg) left top no-repeat;
}

.courseLinkHongKong {
	background:url(images/design/course-bar-hong-kong.jpg) left top no-repeat;
}
	
.courseLinkHongKong:hover {
	background:url(images/design/course-bar-hong-kong-over.jpg) left top no-repeat;
}

.courseLinkUS {
	background:url(images/design/course-bar-us.jpg) left top no-repeat;
}
	
.courseLinkUS:hover {
	background:url(images/design/course-bar-us-over.jpg) left top no-repeat;
}

.courseLinkUK {
	background:url(images/design/course-bar-uk.jpg) left top no-repeat;
}
	
.courseLinkUK:hover {
	background:url(images/design/course-bar-uk-over.jpg) left top no-repeat;
}

.hideBlock {
	display: none;
}

/********** Internal pages *************************/

#containerContent #columnLeft { 
	float: left;
	width: 230px;
}

#containerContent #columnLeft .sideMenu {
	width: 211px;
	background:url(images/design/bg-side-blue-top-2.jpg);
	margin-bottom: 9px;
}

#containerContent #columnLeft .sideMenuBottom {
	background:url(images/design/bg-side-blue-bottom-2.jpg) bottom no-repeat;
}

.sidePanelCurve {
	float: right;
	width: 211px;
	background:url(images/design/bg-side-blue-top-2.jpg);
	margin-bottom: 9px;
}

.sidePanelCurveBottom {
	background:url(images/design/bg-side-blue-bottom-2.jpg) bottom no-repeat;
}

.sidePanelCurve p, .sidePanelCurve h3 {
	padding: 4px 10px;
	text-align:left; 
}

#containerContent #columnLeft ul {
	width: 100%;
	margin: 0 auto;
	padding: 9px 0;
}

#containerContent #columnLeft li {
	list-style:none;
	font-weight:bold;
	
}

#containerContent #columnLeft li a {
	list-style:none;
	display: block;
	padding: 3px 15px;
}

#containerContent #columnLeft li a:hover {
	background:#FFCC00;
	background:url(images/design/bg-active-menu.jpg) top left no-repeat;
}

#containerContent #columnLeft li a.activeList {
	background:url(images/design/bg-current-menu.jpg) top left no-repeat;
}

#containerContent #columnLeft li.rpItem a, #containerContent #columnLeft li.rpBottom a {
	list-style:none;
	padding: 0;
}

#containerContent #columnLeft li.rpItem a:hover {
	background:#d6d6d6;
	
}

#containerContent #columnLeft #sideHeader {
	font-size: 112%;
	padding: 7px;
	margin-bottom: 8px;
	color:#000000;
	font-weight:bold;
	background:url(images/design/bg-side-header.jpg) top left no-repeat;
}

#containerContent #columnRight {
	float: right;
	width: 230px;
	text-align:right;
}

#containerContent #columnRight .rightSideImage {
	padding-bottom: 9px;
}

#containerContent #columnRight #imgSignUpNow {
	margin-bottom: 9px;
}

#containerContent #columnRightHeader {
	float: left;
	width: 750px;
	background: url(/images/headings/bg-orange-750.jpg) top left no-repeat;
	min-height: 34px;
	color: #FFF;
	font-size: 120%;
	font-weight:bold;
}

#containerContent #columnRightHeader p {
	padding: 4px 0 0 9px;
}

.hideMainHeading h1.MainHeadingBlockMid, 
.hideMainHeading h1.MainHeadingBlockOSC, 
.hideMainHeading h1.MainHeadingBlockTour, 
.hideMainHeading h1.MainHeadingBlockPre, 
.hideMainHeading h1.MainHeadingBlockAus,
.hideMainHeading h1.MainHeadingBlockSpring,
.hideMainHeading h1.MainHeadingBlockGuides,
.hideMainHeading p.MainHeadingBlockGuides
{
	display: none;
}

#containerContent #columnCenter {
	float: left;
	width: 515px;
}

#containerContent #columnCenter a {
	text-decoration: underline;
}


#containerContent #columnCenterFull {
	float: left;
	width: 747px;
	padding-bottom:	20px;
}

#containerContent #columnCenterFull h3 {
	color:				#e88623;
	margin:		5px 0 9px;
}

#containerContent #columnCenterFull h1 {
	padding: 5px 0;
	color:				#e88623;
	font-size:			120%;
}

#containerContent #columnCenter .panelCourse {
	width: 519px;
	background:url(images/design/home-course-panel-bg-bottom.jpg) bottom left no-repeat;
}

#containerContent #columnCenter .panelCourse h1 {
	padding: 5px 12px;
	background:url(images/design/home-course-panel-bg-top.jpg) top left no-repeat;
}

#containerContent #columnCenter .panelCourse p {
	padding: 0 12px 5px;
}

#containerContent #columnCenter .subjectTable {
	width: 90%;
	margin: 9px auto;
}

table.subjectList {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}

table.subjectList td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}


#containerContent #columnCenter .subjectTable .bgGreyFade {
	background: #f0f0f0;
}

/******* FORM *************/

textarea {
	font-family: inherit;
	font-size: 100%;
}

#formEnquiry {
	margin-bottom: 9px;
	width: 211px;
	background:url(images/design/form-bg-top.jpg) top left no-repeat;
	float: right;
}

#formEnquiry .inputField, .homeEnquiry .inputField {
	width: 196px;
}

#formEnquiry .lowerBg {
	
	background:url(images/design/form-bg-bottom.jpg) bottom left no-repeat;
}




#formEnquiry ul {
	width: 200px;
	margin: 0 auto;
	padding-top:9px;
	padding-bottom: 9px;
}

#formEnquiry ul li {
	padding: 3px;
	list-style:none;
	text-align:left;
}

#formEnquiry ul li.formHeading { 
	text-align:center;
	font-weight:bold;
	font-size: 120%;
}

.panelHeading { 
	text-align:center;
	font-weight:bold;
	font-size: 120%;
}

.rightPanelRounded {
	width: 201px;
	text-align: center;
	float: right;
	
}

.padTop {
	margin-top: 9px;
}

/*** rounded corners **/

.shadow {
	 /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #666;
  -webkit-box-shadow: 2px 2px 3px #666;
  box-shadow: 2px 2px 3px #666;
}

input.rounded, button.rounded, div.rounded {

  border: 1px solid #ccc;
   
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
 
  
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 100%;
  
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 3px 4px;
  
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;

  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
  
}

input.rounded:focus, button.rounded:focus, div.rounded:focus {
  
  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #339933;
  
}

.buttonActive {
	display: inline;
	padding: 4px;
	background: #CBEDA9;
}

.buttonActive:hover {
	background: #e88623;
}

label.textRadioAlign {

	/* for firefox */
	vertical-align:middle; 
	
	/*for internet explorer */
	*bottom:3px;
	*position:relative; 
	
	padding-bottom:7px; 

}

/*** course totals **/

.totalsHolder {
	clear: both;
	min-height: 25px;
}

.totalsLeft {
	float: left;
	width: 250px;
}

.totalsRight {
	float: right;
	width: 200px;
	text-align: right;
	font-weight: bold;
	padding-right: 0;
}

/* colors */

.bgGreenLight {
	background:#CBEDA9;
}

.textWhite {
	color: #fff;
}

.textGreen {
	color: #b2bb1e;
}

.textGreenDark {
	color: #063;
}

.textOrange {
	color:#e88623;
}

.textRed {
	color:#CC0000;
}

.textGreyMid {
	color:#888;
}

.textCyan {
	color: #008aaf;
}

.textBlueGrey {
	color: #343478;
}

/* general formatting */

.CentralInset {
	width:350px; 
	margin: 8px auto; 
	background:url(images/design/bg-quote-inset-bottom.jpg) bottom left no-repeat;	
}

.CentralInset p {
	padding: 10px 38px;
	background: url(images/design/bg-quote-inset-top.jpg) top left no-repeat;
}


.centerContent {
	text-align:center;
}

.OrderedList li {
	list-style: decimal;
}

.CentredTable {
	margin-left:auto;
	margin-right:auto;
	margin-top: 3px;
	margin-bottom: 3px;
}

ul.springList, ul.OSCList, ul.tourList, ul.preList, ul.CentralList, ul.listNoDec  {
	margin: 6px auto;
	width: 80%;
}

.springList li, .OSCList li, .tourList li, .preList li, .CentralList li, .listNoDec li {
	list-style: url(/images/design/bul-orange.gif);
	margin: 3px 0 3px 20px;
	padding: 4px 0;
}

.bulletListOrange {
	margin: 6px auto;
}

.bulletListOrange li {
	list-style: url(/images/design/bul-orange.jpg);
	margin: 3px 0 3px 20px;
	padding: 4px 0;
}

.insetList li {
	list-style:none;
	padding: 3px;
	margin: 0 18px 0 18px;
}

.featurePanel {
	width: 60%;
	margin: 8px auto;
	border: solid 1px #999999;
	background-color: #FFFF99;
	padding: 8px;
}

.PreGenNav, .MidGenNav {
	padding: 4px 0;
}

.PreGenNav ul, .MidGenNav ul {
	width: 200px;
	margin: 0 auto;
	padding: 0;
}

.PreGenNav li, .MidGenNav li {
	border: 0;
	list-style:none;
}

.PreGenNav li a, .MidGenNav li a {
	text-align: left;
	display: block;
	padding: 5px;
	background:url(images/design/bg-list-grey.jpg) top left no-repeat;
	color: #000000;
	text-decoration: none;
}

.PreGenNav li a:hover, .MidGenNav li a:hover {
	background:url(images/design/bg-list-grey-over.jpg);
	color: #990000;
}

.applyInset {
	width:350px; 
	margin: 9px auto; 
	padding: 6px;
	background: url(images/headings/bg-grey-fade.jpg) repeat-x bottom;
	text-align:center;
	font-weight:bold;
	min-height: 21px;
	
}

.applyInset p {
	padding: 6px;
}

.applyInset a {
	text-decoration:none;
}

.applyInset img {
	float: right;
}

.appFormSelectMargin {
	width: 15%;
}

.appFormSelectMarginWide {
	width: 60%;
}

.appFormSelectMarginSmall {
	width: 170px;
}

.appFormColumnRight {
	text-align:right;
}



/****** rev guides ************/

.listSamples {
	margin: 15px 20px 15px;
}

.listSamples a {
	text-decoration:none;
}

.listSamples a:hover {
	color:#FFFFFF;
}

.listSamples li {
	list-style:none;
	background-color:#e8e8e8;
	padding: 3px;
	display:inline;
	margin: 0 3px;
}

.listSamples li:hover {
	background-color:#707070;
	color: #FFFFFF;
}

/********************************************
 error
********************************************/

.errorMessage {
	color: #CC3300;
	font-weight: bold;
}

.errorMessageContainer {
	color: #aa3300;
	font-weight: bold;
	background-color:#Fee;
	border: 1px solid #F00;
	padding: 10px;
	margin-bottom: 9px;
}

.infoMessageContainer {
	color: #063;
	font-weight: bold;
	background-color:#9Fc;
	border: 1px solid #063;
	padding: 10px;
	margin-bottom: 9px;
}

/********************************************
 images
********************************************/

.imgRightAlign {
	padding: 0 0 9px 9px;
	float: right;
} 

.imgLeftAlign {
	padding: 0 9px 9px 0;
	float: left;
} 

#photoStudent {
	margin-bottom:		9px;
}

/********************************************
 enquiry form
********************************************/

.formEnquiryMainHolder {
	width: 519px;
	background: #dadada;
	-moz-border-radius: 16px;
	border-radius: 16px;
	border: 0;
	border-style: none;
	margin-bottom: 12px;
	padding-bottom: 16px;
}

.formEnquiryMain {
	background: url(../images/design/bg-centre-form-top.jpg) top left no-repeat #ebf3ff;
	width: 519px;
	margin-bottom: 1em;
}

.formEnquiryMainHolder fieldset {
	border-style: none;
	border: 0;
	background: none;
	clear: both;
}

.formEnquiryMain fieldset {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0 0 1em 0;
	border-style: none;
	border: 0;
	background:url(../images/design/bg-centre-form-bottom.jpg) bottom left no-repeat;
}

.formEnquiryMain legend, .formEnquiryMainHolder legend { 

	margin: 0;  
	padding: 1em 0 0 1em;  
	color:#CC6600;
	font-weight: bold; 
}

.formEnquiryMain fieldset.submit, .formEnquiryMainHolder  fieldset.submit {  
	float: none;  
	width: auto;  
	padding-top: 1.5em;  
	padding-left: 12em;  
	background-color: #FFFFFF;
}

.formEnquiryMain fieldset .formSection, .formEnquiryMainHolder fieldset .formSection {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
}

.formEnquiryMain fieldset .formItem, .formEnquiryMainHolder fieldset .formItem {  
	padding: 6px 0;
	clear:both;
}

.formEnquiryMain fieldset ol, .formEnquiryMainHolder fieldset ol  {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
}

.formEnquiryMain fieldset li, .formEnquiryMainHolder fieldset li {  
	padding: 6px 0;
	clear:both;
}

.formEnquiryMain fieldset.submit, .formEnquiryMainHolder  fieldset.submit {  
	border-style: none;
	width: 180px;
}
.formEnquiryMain label, .formEnquiryMainHolder  label {  
	float: left;  
	width: 150px;  
	margin-right: 1em;
	font-weight:bold;
}

.formEnquiryMain .checkBoxSet label, .formEnquiryMainHolder .checkBoxSet label  {  
	float: none;  
	width: 150px;  
	margin-left: 1em;
	font-weight:normal;
}

.formEnquiryMain .inputColumn, .formEnquiryMainHolder  .inputColumn {
	float: right;
	width: 300px;
}

.formEnquiryMain .fieldWidth, .formEnquiryMainHolder .fieldWidth {
	width: 250px;
}

#showAddress {
	display:none;
}

.fieldWidth {
	width: 250px;
}

.selectHeading {
	font-weight:bold;
	background-color: #f0f0f0;
	padding: 2px 0;
}

.selectInset {
	padding-left: 6px;
}

.formField300 {
	width: 300px;
}

/********************************************
 climate care
********************************************/

.greenborder {
	border: 1px solid #9DD374;
	float: right;
	width: 211px;
}

.greenborder .formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
	left: 8px;
	position: relative;
}

.greenborder .calctext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	left: 8px;
	position: relative;
}
	
.greenborder .quickcalctext   { color: #01628c; font-size: 10px; font-family: Arial, Helvetica, sans-serif }

.greenborder a.quickcalctext:link {
	color: #62BD19;
	text-decoration: none;
}

.greenborder a {
	color: #01628C;
}

.greenborder a.quickcalctext:visited {
	color: #62BD19;
	text-decoration: none;
}

.greenborder a.quickcalctext:hover {
	color: #62BD19;
	text-decoration: underline;
}

/********************************************
 ordering
********************************************/

.formApplyTable {
	width: 95%;
}

.tableTD td {
	padding: 4px;
}

.tableCourses, .tableSubjects {
	width: 100%;
	margin: 5px auto;
}

.tableCourses td, .tableSubjects td {
	border-bottom: 1px solid #e0e0e0;
	padding: 5px;
}

.tableCourses .tableHeading, .tableSubjects .tableHeading {
	font-weight:bold;
	background-color: #e8e8e8;
}

.tableNoBorders td {
	border: 0;
}

#containerContent #columnLeft .sideProgress li {
	padding: 6px 0;
}

#containerContent #columnLeft .sideProgress li.menuLink {
	padding: 0;
}

#containerContent #columnLeft .sideProgress li.menuInactive {
	color: #999999;
	padding: 6px 2px 6px 15px;
}

#containerContent #columnLeft .sideProgress li.menuCurrent {
	padding: 6px 2px 6px 15px;
	background: #FFFFFF;
}

/********************************************
 footer
********************************************/

#footer {
	clear:both;
	padding: 0;
	text-align:center;
	font-size: 90%;
	color: #666666;
	background:url(images/design/bg-footer-bottom.jpg) bottom left no-repeat;
	margin-top: 12px;
}

#footerTop {
	background:url(images/design/bg-footer-top.jpg) top left no-repeat;
	padding: 6px;
}

/********************************************
 search
********************************************/

.searchList li {
	list-style: none;
	padding: 4px 0;
}

/********************************************
 OSC staff
********************************************/

.divSeparator {
	clear: both;
	margin: 15px 0;
}

.divSeparator img {
	float: right;
	margin: 0 0 16px 10px;
}

.divSeparator p {
	float: left;
	width: 400px;
}

/********************************************
 resources
********************************************/

.resourcesPanel {
	background:url(images/tools/bg-choice-top-tools.jpg) top left no-repeat;
	width: 509px;
	margin-bottom: 12px;
}

.resourcesPanelNewsletters {
	background:url(images/tools/bg-choice-top-newsletters.jpg) top left no-repeat;
	width: 509px;
	margin-bottom: 12px;
}

.resourcesPanelArticles {
	background:url(images/tools/bg-choice-top-articles.jpg) top left no-repeat;
	width: 509px;
	margin-bottom: 12px;
}

.resourcesPanelTools {
	background:url(images/tools/bg-choice-bottom.jpg) bottom left no-repeat;
	padding: 8px 8px 16px 8px;
}

.resourcesPanelTools select {
	margin: 18px 0 14px;
}
.resourcesPanelTools h1, .resourcesPanelTools h2 {
	padding: 7px 0 7px 12px;
}

.resourcesPanelTools p {
	padding: 0 0 7px 12px;
}

/********************************************
 guides table
********************************************/

.bookTable {
	border-collapse:collapse;
}

.bookTable td {
	padding: 6px;
}

/********************************************
 climate care panel
********************************************/

.panelClimateCare {
	float: right;
	width: 211px;
	background:url(images/climatecare/climate-care-panel-top.jpg) top center no-repeat;
	margin-bottom: 9px;
}

.formClimateCare {
	margin-top: 80px;
	background:url(images/climatecare/climate-care-panel-lower.jpg) bottom center no-repeat;
}

.panelClimateCare td {
	padding: 3px 0;
	text-align:left;
}

.listClimateCare {
	position: relative;
	width: 180px;
	margin: 0 auto;
	
}

.autoComplete
{
	position: relative;
	left: 0px;
	padding-bottom: 17px;
}

.autoCompleteInput
{
	position: absolute;
	width: 180px;
	left: 0px;
}
.autoCompleteContainer
{
	position: absolute;
	left: 0px;
	top: 19px;
	z-index: 9050;
} 
.autoComplete .yui-ac-content
{
	position: absolute;
	width: 180px;
	border: 1px solid #808080;
	background-color: white;
	overflow: hidden;
	z-index: 9050;
}
.autoComplete .yui-ac-content ul
{
	margin: 0; 
	padding: 0;
	width: 100%;
}
.autoComplete .yui-ac-content li
{
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 10px; 
	margin: 0;
	padding: 2px 2px; 
	cursor: default;
	white-space: nowrap;
	_list-style-image: none;
} 
.autoComplete .yui-ac-content li.yui-ac-prehighlight
{ 
	background: #B3D4FF;
}
.autoComplete .yui-ac-content li.yui-ac-highlight
{
	background: #426FD9;
	color: #FFF;
}

.leftSideNarrow, .rightSideNarrow {
	float: right;
	margin: 0 0 12px 12px;
}

.contentDivider {
	clear: both;
}

#waitingImage {
	display:none;
}

/** course selector markup **/

#containerHeaderImage li {
	list-style: none;
	display: inline;
	padding: 8px;
}

#containerHeaderImage li a {
	padding: 4px;
}

#containerHeaderImage li a:hover {
	background-color: #CFF;
	color: #F30;
}

#containerHeaderImage select {
	width:		180px;
	border: 	2px solid #e1ce95;
	margin:		10px 0 0 0;
	padding:	0;
}

#containerHeaderImage #courseChoiceTop {
	position: absolute;
	left: 520px;
	width: 450px;
	top:	30px;
}

#containerHeaderImage #courseChoiceTop .leftSide, 
#containerHeaderImage #courseChoiceSecond .leftSide,
#containerHeaderImage #courseChoiceThird .leftSide {
	float:		left;
	width:		200px;
}

#containerHeaderImage #courseChoiceTop .rightSide, 
#containerHeaderImage #courseChoiceSecond .rightSide,
#containerHeaderImage #courseChoiceThird .rightSide {
	float:		right;
	width:		200px;
}

#containerHeaderImage #courseChoiceSecond {
	position: absolute;
	left: 520px;
	width: 450px;
	top:	60px;
}

#containerHeaderImage #courseChoiceThird {
	position: absolute;
	left: 520px;
	width: 450px;
	top:	90px;
}

#containerHeaderImage #courseChoiceThird p {
	width:		170px;
	border:		2px solid #e1ce95;
	background:	#fff;
	padding:	2px 4px;
}

#containerHeaderImage #courseChoiceInfo {
	position: absolute;
	left: 765px;
	width: 175px;
	top:	134px;
}

#containerHeaderImage #courseChoiceApply {
	position: absolute;
	left: 765px;
	width: 175px;
	top:	134px;
}


/*** marketing form ***/

#marketingContactForm {
	width:		100%;
}

#marketingContactForm #marketingContactLeft {
	float:		left;
	width:		211px;
}

#marketingContactForm #marketingContactRight {
	float:		right;
	width:		750px;
	height:		208px;
	border:		2px solid #e1ce95;
	position:	relative;
}

#marketingContactForm #marketingContactRight table.contactTable {
	position: absolute;
	left: 478px;
	top:	20px;
	width: 250px;
}

#marketingContactForm #marketingContactRight table.contactTable td input {
	
}

#marketingContactForm #marketingContactRight table.contactTable td p {
	float:		left;
	padding: 	0;
	margin:		0;
}

#marketingContactForm #marketingContactRight table.contactTable td {
	vertical-align:		top;
}

#marketingContactForm #marketingContactRight input {
	width:		180px;
	border: 	2px solid #e1ce95;
	margin:		0 0 0 0;
	padding:	0;
	float: right;
}

.applicationField {
	width:		280px;
	height:		18px;
}

.applicationFieldSmall {
	width:		160px;
	height:		18px;
}

.applicationFieldTextArea {
	width:		280px;
	height:		60px;
}

/*** questionnaire ***/

.questionnaireLeft {
	width: 280px; 
	float: left;
}
.questionnaireRight {
	width: 380px;
	float: right;
}
.questionnaireDivider { 
	clear:both;
	margin: 7px 12px;
}
.questionnaireHeading {
	clear:both;
	margin: 12px 0;
}

.fieldSmall {
	width: 30px;
} 
.fieldRegular {
	width: 350px;
}
.fieldTextArea {
	width: 650px;
	height: 120px;
}
.questionnaireHelp {
	display:none;
	clear: both;
	color:#360;
	background:#efd;
	padding: 8px;
}

.questionnaireHeader {
	background:#eeeeee;
	padding: 8px;
	font-weight:bold;
}

.formList li {
	padding: 0 0 7px 0;
}

#facebookBox {
	float: right;
	width: 211px;
	height: 284px;
	background: url(/images/backgrounds/bg-facebook-box-side.jpg) top left no-repeat;
}

#facebookInnerPadding {
	padding: 12px 9px 0 5px;
}

#formIncomplete {
	margin-top: 12px;
	display: none;
	padding: 9px 0;
	font-weight: bold;
}

.revisedLinks h1.HeadingBlockSpring {
	color: #699;
}

.revisedLinks h1.HeadingBlockSpring a {
	color: #000;
}

/** page inset **/

.textIndentYellowBG {
	padding: 10px;
	background:#e0cc51;
	margin: 10px 20px;
}

/*** page break for printing ***/

.pageBreak {
	page-break-before: always; 
}

/** forms validate **/

.tableCourses td {
	position: relative;
}

label.error {
	color: #C00;
	float: right;
	font-weight: bold;
	display: block;
	margin-top: -26px;
}

/*** form afternoon classes ***/

.tableAfternoonClasses {
	background: #FFC;
	border: 0;
	width: 94%;
	float: right;
}

.tableAfternoonClasses td {
	padding: 6px;
}


.basketSide {
	width: 211px;
	padding-top: 9px;
	float: right;
}

.bulletList li {
	margin-left: 30px;
	list-style:disc;
	margin-bottom: 9px;
}

div.inputColumn label.error {
	display: block;
	clear: both;
	float: none;
	margin-top: 0;
}

.homeEnquirySection {
	clear: both;
	margin-bottom: 9px;
	padding: 8px 0;
}

.homeEnquirySection label {
	float: left; 
	width: 120px;
	padding-left: 20px;
}

.homeEnquirySection .homeEnquiryField {
	float: right;
	width: 300px;
}

.newsletterMenu {
	padding: 8px;
	background: #e8e8e8;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/** button styling **/

.buttonCurved {
    background: #008aaf;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    position: relative;
    cursor: pointer;
		border: 0;
		letter-spacing: 1px;
}

.buttonCurved:hover {
    background: #E88623;
}

.buttonCurved a {
	color: #fff;
}


#containerContent #columnCenter p div.buttonCurved a {
	text-decoration: none;
}

.blogItem {
	clear: both;
	margin-bottom: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #999;
}

.blogAuthor {
	float: left;
	width: 70px;
}

.blogContent {
	float: right;
	width: 420px;
}

.blogDate {
	float: right;
}

.blogDateHolder {
	width: 30px;
	padding: 3px;
	border: 2px solid #999;
	text-align: center;
	background: #dedede;
}

.blogDay {
	font-size: 140%;
}

.blogText {
	clear: both;
	padding-top: 9px;
}

.noBorder {
	border: 0;
}

.noBorder td {
	border: 0;
}

tr.headingRow {
	background: #008aaf;
	color: #fff;
	font-size: 120%;
	font-weight:bold;
}

tr.headingRowSub {
	background: #ADDDE7;
	color: #008aaf;
	font-size: 110%;
	font-weight:bold;
}

table tr.odd {
	background: #f0f0f0;
}

table tr.even {
	background: #f0f4ff;
}