﻿.foo{} /* Not starting with a comment to keep the validators happy */


/* Universal Classes */

body {
	margin: 0;
	padding: 0;
  font: 13px "Century Gothic", Arial, Tahoma;
	background: url(../images/content_bg.gif) repeat-y center top;
}

.clear { clear: both; }

.center { text-align: center; }

.left { float: left; }

.right { float: right; }

.zero { margin: 0; }


/* Header */

#header_wrapper {
  background: url(../images/header_bg.jpg) repeat-x left 115px;
}

#header {
	margin: 0 auto;
	width: 955px;
  height: 145px;
  background: #FFF;
}

#logo {
  float: left;
  position: relative;
  top: 8px;
  left: 8px;
  background: url(../images/header_logo.jpg) no-repeat top left;
}

#logo a { /* linked to homepage */
  display: block;
  width: 195px;
  height: 95px;
}

#logo a span { /* linked text behind logo for SEO */
  display: none;
}

#header_flash {
  float: right;
  width: 725px;
  height: 115px;
}



/* Left Column */

#leftcol {
  float: left;
  width: 190px;
  padding: 20px;
}

ul.course_badges {
	list-style: none;
}

ul.course_badges li {
	margin-left: -50px;
	padding: 10px 0;
	width: 214px;
	height: 104px;
	background: url(../images/coursebadge_bg.jpg) no-repeat left top;
	text-align: center;
	vertical-align: middle;
}

ul.course_badges li a img {
	border: none;
}


/* Content Area */

#content_wrapper {
	margin: 0 auto;
	width: 955px;
}

#content {
  float: left;
  margin: 10px 0 20px 20px;
  width: 700px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #D35500;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}

a:link,
a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #D35500;
}

a.enrol:link,
a.enrol:visited {
	display: block;
	width: 204px;
	height: 92px;
	padding: 3px 0 0 7px;
	color: #FFF;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/enrol_button.jpg) no-repeat left top;
}

a.enrol:hover,
a.enrol:active {
	background: url(../images/enrol_button_over.jpg) no-repeat left top;
}

/* Footer */

#footer_wrapper {
	position: relative;
	height: 155px;
	background: url(../images/footer_wide_bg.jpg) repeat-x top;
}

#footer {
	width: 955px;
	margin: 0 auto;
	padding: 50px 0;
	font-size: 10px;
	background: url(../images/footer_bg.jpg) no-repeat left top;
}

#footernav {
	padding: 8px 0 18px ;
	margin-left: -40px;
}

#footernav ul {
  list-style: none;
}

#footernav ul li {
  display: inline;
}

#footernav ul li.top {
  margin-right: 90px;
}

#footernav a:link,
#footernav a:visited {
  padding: 0 10px;
  display: inline-block;
  font-size: 11px;
  color: #666;
  text-decoration: none;
}

#footernav a:hover,
#footernav a:active {
  color: #000;
}

#legal {
  float: left;
 	margin-left: 240px;
}

#credits {
  float: right;
  padding-bottom: 10px;
}

#credits a:link {
	color: #000;
  text-decoration: none;
}

#valid {
	float: right;
	margin-left: 10px;
}

/* Form Elements */

.admin_tblbdr {
	background: #F9F9F9;
	padding: 10px;
}

input,
select,
textarea {
  padding: 3px;
  border: 1px solid #CCC;
  font: 13px "Century Gothic", Arial, Tahoma;
  color: #000;
}

.button {
  padding: 3px;
  border: 1px solid #333;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  background: url(../images/button_bg.jpg) repeat-x left center;
}

/* Image Gallery */

.gallery_img {
  text-align: center;
  min-height: 150px;
  min-width: 160px;
  padding: 5px;
  border-top: 1px solid #F5F5F5;
  border-left: 1px solid #F5F5F5;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  text-decoration: none;
  vertical-align: middle;
}

.gallery_img a {
  display: block;
  height: 150px;
  text-decoration: none;
}

.gallery_img a.img {
  vertical-align: middle;
}

.gallery_txt a.text {
  display: block;
  font-size: 10px;
  text-decoration: none;
}

img.wrapper {
  border: none;
}

/* FAQs Page */

.faq_heading {
  
}

.faq_content {
  
}

/* Links Page */

.link_list,
.link_list_alt {
  width: 97%;
  padding: 10px;
  display: block;
  border: 1px solid #F5F5F5;
  border-bottom: none;
}

.link_list:hover,
.link_list_alt:hover {
  cursor: pointer;
  background: #F3F3F3;
}

.link_list_alt {
  background: #F9F9F9;
}

.link_list_end {
  border-bottom: 1px solid #F5F5F5;
}

.title {
  float: left;
}

.url {
  float: right;
}

/* News Page */

.news_heading {
  float: left;
}

.news_date {
  float: right;
  font-size: 10px;
}

.news_hr {
  border-bottom: 1px dotted #DDD;
  margin: 20px 0;
}

/* Content Pages */

.subcat_heading {
  
}

.subcatnav a:link,
.subcatnav a:visited {
  text-decoration: none;
  margin-right: 20px;
  padding-left: 10px;
  background: url(../images/subcatnav.gif) no-repeat left;
  display: block;
}

/* Temporary Stuff */

#logininfo {
  width: 300px;
  padding: 20px;
  margin: 0 auto;
  border: 1px solid #CCC;
  background: #F5F5F5;
}

.radmenu {
	float: none;
}


/* Enrolment forms */

.enrol_prog {
	margin: 30px 0;
}

.enrol_prog span {
	display: block;
	float: left;
	width: 235px;
	margin-right: 2px;
	padding-top: 5px;
	border-top: 6px solid #F0F0F0;
	font-size: 12px;
	color: #CCC;
}

.enrol_prog span.current {
	width: 220px;
	margin-right: 2px;
	padding-top: 2px;
	border-top: 6px solid #5BD73E;
	font-size: 14px;
	color: #333;
}

.enrol_prog span.done {
	width: 220px;
	margin-right: 2px;
	padding-top: 4px;
	padding-left: 17px;
	border-top: 6px solid #B2B2B2;
	background: url(../images/enrol_prog_done.jpg) no-repeat left center;
	font-size: 12px;
	color: #999;
}

.enrol_prog span.done a:link,
.enrol_prog span.done a:visited {
	color: #999;
	text-decoration: none;
}

.enrol_prog span.done a:hover,
.enrol_prog span.done a:active {
	color: #000;
	text-decoration: none;
}

.enrol-box {
	float: left;
	margin-bottom: 15px;
}

.enrol-box em {
	position: relative;
	top: -14px;
	left: -25px;
	margin-right: -25px;
	display: block;
	float: left;
	font-size: 40px;
	color: #CCC;
}

.enrol-box quote {
	font-weight: normal;
	font-style: italic;
}

.page1-box1,
.page1-box2 {
	width: 285px;
	height: 50px;
	padding: 10px 20px 20px 30px;
	background: #E2E2E2;
}

.page1-box2 {
	float: right;
	margin: -80px 0 0 15px;
}

.page1-box1 select,
.page1-box2 select {
	width: 99%;
}

.page1-box3,
.page1-box4,
.page1-box5 {
	width: 650px;
	margin-top: 15px;
	padding: 10px 20px 20px 30px;
	background: #E2E2E2;
}

.page2-box1,
.page2-box3 {
	width: 650px;
	padding: 10px 20px 20px 30px;
	background: #E2E2E2;
}

.page2-box2 {
	position: relative;
	top: -267px;
	left: 335px;
	width: 295px;
	padding: 10px 20px 20px 30px;
	border-left: solid 20px #FFF;
	border-bottom: solid 20px #FFF;
	background: #E2E2E2;
}

.up80 {
	margin-top: -80px;
}

.CocktailTable {
	border-collapse: collapse;
	border: solid 1px #CCC;
	background: #EEE;
	
}

.CocktailTable tr.heading {
	background: #E5E5E5;
}

.CocktailTable tr.alt {
	background: #F5F5F5;
}




.table {
	width: 99%;
	border-collapse: collapse;
	border: solid 1px #CCC;
	background: #FFF;
}

.table tr.heading {
	background: #E5E5E5;
}

.table tr.alt {
	background: #F5F5F5;
}

.table tr:hover {
	background: #EEE;
	cursor: default;
}

.course_title {
	font-weight: bold;
	color: #D35500;
}

a.enrol_delete:link,
a.enrol_delete:visited {
	padding-left: 20px;
	background: url(../images/icon_delete.gif) no-repeat left center;
	text-decoration: none;
}

.bottom_note {
	float: left;
	width: 470px;
	padding-left: 25px;
	font-style: italic;
}

.bottom_button {
	float: right;
}

a.enrol_button:link,
a.enrol_button:visited {
	display: block;
	width: 303px;
	height: 91px;
	padding-top: 5px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

.print {
	background: url(../images/enrol_button_print.jpg) no-repeat left top;
}

.pay {
	background: url(../images/enrol_button_pay.jpg) no-repeat left top;
}

a.pdf_download:link,
a.pdf_download:visited {
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
	background: url(../images/icon_pdf.jpg) no-repeat left top;
}









