body {
  background: url(/images/body.gif);
}
body, input {
  font: 12px Arial;
}



h1, h2, h3 {
  color: #333;
}
label, a, strong {
  color: #6694e3;
}
h1, h2, .heading {
  font-size: 22px;
}
h3, .sub-heading {
  font-size: 18px;
}
p {
  font-size: 14px;
  color: #6d7b88;
}
h1, h2, h3, p {
  margin: 14px 0;  
}
strong {
  font-weight: bold;
}
.placeholder {
  background: #eee;
}
a.image, div.object {
  float: left; display: inline;
  margin-right: 1em;
}
a.image img {
  display: block;
}
.table {
  width: 100%;
}
.cell {
  background: #eee;
}
.frame, .movie {
  border: 1px solid #6d7b88;
}


a:hover {
  text-decoration: underline;
}
/* the exceptions: */
#Globals a, #Foot a, #drop a, a.button {
  text-decoration: none;
}


p.intro {
  font-size: 16px;
  font-size: 133%;
  color: #444d5e;
}
p.tags a {
  margin-right: 6px;
}
.p a, .p strong {
  color: #6694e3;
}
.bullet {
  padding-left: 20px;
  background: url(/images/bullet.gif) 2px 3px no-repeat;
}

a.button {
  display: block;
  background: url(/images/button/black/L.gif) left no-repeat;
}
a.button strong {
  display: block;
  font: 18px Arial;
  color: #fff;
  line-height: 35px;
  margin-left: 18px;
  padding-right: 26px;
  background: url(/images/button/black/R.gif) right no-repeat;
}

.BL, .gallery {
  display: block !important;
  clear: both;
  margin: 5px 0;
  width: 100% !important;
  overflow: hidden;
}
.object {
  margin-top: 0; margin-bottom: 0;
}
.gallery .foc.placeholder {
  width: 100%; height: 270px;
}
.gallery .image {
  position: static;
}
.gallery .thumb {
  float: left;
  margin: 0; margin-top: 5px; margin-right: 5px;
}
.gallery .last {
  margin-right: 0;
}
.gallery .thumb img {
  width: 137px; height: 70px;
}



#intro {
  padding: 20px;
  padding-top: 0;
  /*background: url(/images/intro.gif) bottom no-repeat;*/
}
#stamps {
  clear: both;
  padding-top: 4px;
  padding-left: 4px;
  background: url(/images/stamp/TL.gif) top left no-repeat;
}
#stamps .stamp {
  float: left; display: inline;
  position: relative;
  width: 187px;
  height: 115px;
  padding-left: 115px;
  padding-right: 10px;
  background: #fff url(/images/stamp/stamp.gif) bottom right no-repeat;
}
#stamps h3 {
  font-size: 18px;
  color: #232021;
}
#stamps p {
  color: #333;
}
#stamps a.L {
  position: absolute; left: 16px; bottom: 19px
}
#stamps .placeholder img {
  width: 80px; height: 80px;
}

#intro2 {
  position: relative;
  min-height: 350px;
  padding-left: 40px; /*padding-left: 500px*/
}
#video {
  float: right;
  position: relative; top: -20px; right: -50px;
  width: 492px; height: 377px; background: url(/images/clip.png)
}
* html #video {
  display: none;
}
#video .object {
  position: absolute;
  top: 49px; left: 30px;
  width: 423px;
  height: 274px;
}

.item {
  position: relative; z-index: 0;
  padding: 10px;
  padding-left: 200px;
  height: 134px;
  background: url(/images/Courses/item.gif)
}
.Courses .highlighted {
  height: 138px;
  background: url(/images/Courses/strong.gif)
}
.item a.L {
  position: absolute;
  top: 23px;
  left: 25px;
}
.item a.placeholder img {
  width: 150px; height: 111px
}

.Courses .sub-heading {
  margin-top: 0;
}

.Filters {
  margin-left: 4px;
  margin-right: 5px;
  padding-top: 16px;
  background: url(/images/Side/filters/top.gif) top no-repeat;
}
.Filters .sub {
  padding-bottom: 16px;
  background: #f5f8fc url(/images/Side/filters/bottom.gif) bottom no-repeat;
}
.Filters a {
  font-size: 16px;
  color: #6694e3;
  padding-left: 50px;
  padding-right: 8px;
  background: url(/images/Side/filters/selected.gif) 14px no-repeat;
}
.Filters span {
  font-size: 13px;
  color: #666;
}

.Panel {
  margin: 10px;
  padding: 12px;
  background: #96a6b7;
}
.Panel .sub-heading {
  font-size: 20px;
}
.Panel .text {
  color: #fff;
}


.cols {
  margin-top: 7px;
  background: url(/images/cols.gif) right repeat-y;
}

#Feedback {
  margin: 10px;
}
#Feedback .sub-heading {
  clear: both;
  color: #fff;
  line-height: 30px;
  padding: 0 7px;
  margin: 10px 0;
  background: #43515c;
}
#Feedback .Speech {
  position: relative;
  float: left;
  color: #6d7b88;
  font-size: 92%;
  width: 184px;
  height: 142px;
  margin-right: 21px;
  padding: 20px;
  background: url(/images/speech.gif) top no-repeat;
}
#Feedback .last {
  margin-right: 0;
}
#Feedback .Quotee {
  position: absolute;
  bottom: 20px;
  right: 0;
  text-align: right;
}
#Feedback .Quotee .p {
  font-size: 11px;
  margin: 0;
}



#Page {
  margin-top: 24px;
  padding-top: 69px;
  background: url(/images/layout/Top.png) top no-repeat;
}
#Bottom {
  padding-bottom: 69px;
  background: url(/images/layout/Bottom.png) bottom no-repeat;
}
#Middle {
  background: url(/images/layout/Middle.png) center repeat-y;
}
* html #Page, * html #Bottom, * html #Middle {
  background-image: none;
}
#content {
  position: relative;
  top: 39px;
  width: 980px;
  margin: 0 auto;
  padding-top: 12px;
  background: #fff;
}
#Globals,
#Phone {
  position: absolute;
  top: -104px;
  color: #fff;
  line-height: 22px;
}
#Globals a {
  color: #fff;
  padding: 0 8px;
  /*border-left: 1px solid #a7c2dc;*/
  background: url(/images/Globals/div.gif) left no-repeat;
}
#Globals .first {
  padding-left: 0;
  background: none;
  /*border-left: none;*/
}
#Phone {
  right: 7px;
  font-size: 20px;
}
#Head {
  position: absolute;
  top: -78px;
  left: 0;
  width: 100%;
  height: 90px;
  background: #fff url(/images/layout/Head.gif) center no-repeat;
}
#Article {
  float: left; display: inline;
  width: 565px;
  padding: 0 20px;
}

#tag {
  position: relative;
  z-index: 3;
  padding: 16px 19px;
}
#tag h1 {
  float: left; display: inline;
  line-height: 35px;
  width: 620px;
  margin: 0;
}
/*
#tag a.ic {
  float: right;  
  width: 160px; height: 35px;
  background-image: url(/images/tag/off.gif);
}
*/
#splash {
  height: 223px;
  border: 1px solid #fff; border-left: 0; border-right: 0;
  background: #000;
}
#courses #tab, #enq {
  float: left; display: inline;
  padding: 0 25px;
  line-height: 35px;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  margin-right: 12px;
  background: #5c697a;
}
#enq {
  background: #67b06a;
  white-space: nowrap;
  float: right; margin-right: 0;
}
#courses:hover #drop {
  display: block;
}

#drop {
  display: none;
  position: absolute;
  /*top: 35px; left: 0;*/
  top: 51px; left: 19px; /*new padding*/
  padding-top: 17px;
  min-width: 160px;
  background: #5c697a;
}
#drop a {
  display: block;
  padding: 0 4px;
}
#drop a strong {
  display: block;
  color: #fff;
  font-weight: normal;
  line-height: 23px;
  padding-left: 22px; padding-right: 12px;
  border-bottom: 1px solid #8d949d;
}
#drop a:hover {
  margin-top: -1px;
  padding-top: 1px;
  background: #dbdce0;
}
#drop a:hover strong {
  color: #333;
  border-color: transparent;
}
#drop a.last strong {
  border: 0 !important;
}

/*
.Course h1 {
  color: #000;
}
.Course #courses a.ic {
  float: left;
  width: 109px; height: 35px;
  margin-right: 12px;
  background-image: url(/images/tag/course/off.gif);
}
.Course #courses:hover a.ic {
  background-image: url(/images/tag/course/on.gif);
}
.Course #drop {
  left: 1px; right: auto;
  background: #4e4e4e;
}
.Course #drop a:hover {
  background: #818181;
}
.Course #drop a strong {
  border-bottom: 1px solid #818181; 
}
*/


#Side {
  float: right; display: inline;
  width: 368px;
  margin-right: 7px;
}
#Side .div {
  clear: both;
  padding: 1px 10px; /*use p margin instead*/
}
#Side .strong {
  background: #6694e3;
}
#Side .strong * {
  color: #fff;
}

.post {
  margin-bottom: 30px;
}

#Side .posts {
  font-size: 13px;
  color: #9fbbe0;
}
#Side .posts a {
  float: left;
  color: #666;
  width: 120px;
  margin-right: 6px;
}

#diary {
  position: relative;
  margin: 0 9px;
  background: #7c899a url(/images/Side/book.gif) top right no-repeat;
}
#diary * {
  color: #fff;
}
#diary h2 {
  position: relative;
  top: -25px;
  height: 95px;
  padding-left: 82px;
  margin-top: 0;
  margin-bottom: -20px;
  background: url(/images/Side/cal.gif) left no-repeat;
}
#diary h2 div {
  font-size: 18px;
  position: relative;
  top: 24px;
  line-height: 35px;
}
#diary h2 em {
  display: block !important;
  font-size: 18px;
}
#diary strong.cost {
  font-weight: normal;
  font-size: 22px
}
#diary .dates li {
  font-size: 16px;
  line-height: 27px;
  padding: 6px 0;
  border-top: 1px solid #b3b3b6;
}
#diary .dates .first {
  border-top: 0;
}
#diary .dates a, form .button {
  color: #fff;
  float: right;
  text-decoration: none;
  line-height: 25px;
  padding: 0 20px;
  border: 1px solid #fff;
  background: url(/images/Side/diary/button.gif) repeat-x;
}
#diary .surplus {
  display: none;
}
.on .surplus {
  display: block !important;
}
#more {
  display: block;
  color: #fff;
  line-height: 35px; height: 35px;
  text-align: right;
  padding: 0 10px;
  margin: 0 9px;
  background: #5C697A;
}

/*
.event {
  margin: 10px 0;
  padding: 0 10px;
}
.event .left {
  width: 255px;
}
.event h3 {
  margin: 0; padding: 6px 0;
}
.event a.book {
  float: right;
  width: 86px; height: 34px;
  background: url(/images/book.gif);
}
.event .yr {
  color: #c5c9ca;
}
*/

form {
  position: relative;
}
form .fields {
  padding: 1px 10px;
  padding-bottom: 6px;
  background: #f5f8fc;  
}
/*form .button {
  color: #fff;
  float: right;
  border: 0; padding: 0; padding-left: 64px;
  margin: 10px 0;
  width: 150px; height: 47px;
  background: url(/images/button.gif) left;
}*/
form, form input, form select, form textarea {
  font: 16px Arial;
}
form label, form .ctrl, form .tip, form p.check {
  float: left;
  margin: 6px;
}
form p.check {
  position: relative;
  padding-left: 30px;
  width: 340px;
  clear: none;
/*  font-size: 18px;*/
  color: 556072;
}
form p.check input.ctrl {
  position: absolute;
  left: 0;
}
form input.ctrl {
  padding: 3px;
  width: 200px;
}
form .number input.ctrl {
  width: 100px;
}
form input.short {
  width: 70px;
}
form input.radio {
  margin: 0;
  margin-right: 8px;
}
form input.option {
  padding: 0;
  width: auto;
}
form select, form select.ctrl {
  float: none;
  margin: 12px 12px 0 6px;
}
form .date {
  margin: 0;
}
form label {
  clear: left;
  width: 25%;
  padding-top: 6px;
/*  text-align: right;*/
  font-size: 18px;
}
form textarea {
  width: 531px;
  height: 200px;
}
form .tip {
  font-size: 12px;
  padding-top: 8px;
  color: #6d7b88
}
form .section, form p, form h3 {
  clear: both;
}
form .button {
  width: 85px;
  text-align: center;
}
form.busy .button {
  text-indent: -999em; overflow: hidden;
  background: url(/images/thumper.gif) center no-repeat;
}
form div {
  position: relative;
}
form .explained {
  position: absolute;
  top: 14px; left: 50%;
  width: 200px;
  font: italic 12px Arial;
  color: #556072;
}
#book .section {
  width: 230px;
}
#payment {
  background: url(/images/cards.jpg) 250px 0 no-repeat;
}
#person .explained, .billing .explained {
  top: 2px;
}
#payment .explained {
  left: 53%;
  width: 220px;
}
.billing {
  display: none;
}
.seperateBillingAddress .billing {
  display: block;
}
#submit {
  font-size: 17px;
  line-height: 22px;
  background: url(/images/submit.gif) 420px no-repeat;
}

form .wide label {
  width: 60%;
}
form .wide select {
  float: right;
  width: 170px;
}
#selectDates label, #selectDates select {
  font-size: 15px;
}
#selectDates label {
  width: 50%;
}
#selectDates select {
  width: 45%;
  margin-right: 0;
}
#selectDates {
  height: 240px;
}
#selectDates.busy {
  background: #f5f8fc url(/images/fieldsThumper.gif) center no-repeat;  
}

#reqBrochure {
  position: absolute; z-index: 2;
  left: 0;
  margin-top: 20px;
  width: auto;
}
.reqBrochure h2 {
  text-indent: 30px;
}
#error {
  color: red;
}

/*
form p, form label, form input, form .button {
  display: block; margin: 16px 0; margin-right: 6px;
}
form .fields input {
  display: block;
  padding: 3px;
  width: 320px;
}
form .short input {
  width: 150px;
}
form input.radio {
  width: auto;
  display: inline; margin: 0; margin-right: 6px;
}
form select {
  margin-right: 6px;
}


form h3, form .fields {
  clear: left;
}
form .fields, form .explanation {
  float: left;
}
form .fields {
  margin-right: 20px;
}
*/

#coursesIntro .object {
  float: right; display: inline; margin-right: 0; margin-left: 1em;
}


#Foot {
  padding: 1px 20px;
  padding-bottom: 45px;
  clear: both;
  min-height: 120px;
  background: #e5f0ff url(/images/badge.gif) 97% no-repeat;
  background: #eeeef1 url(/images/badge.png) 97% no-repeat;
}
#Foot .object, #Side .object {
  float: none;
  display: block;
  margin: 0;
}
#Appendix h4 {
  float: left;
  width: 215px;
  margin: 0;
  margin-right: 40px;
}
#Appendix h4 a {
  font: 12px Arial;
  color: #6d7b88;
}