/*
  ----------------------------------------------------------
  look: don't copy !
  ----------------------------------------------------------
  copyright (c) 2000-2009
  The Rubycon information design Copyright (c) 2008-2009
  ----------------------------------------------------------
  with thanks and credits to
  dan cederholm
  jeffrey zeldman
  jeremy koempel
  sean kelly
  drew mclellan
  jesse bennett-chamberlain
  steve smith (for the float to help 'clear'-ing)
  ----------------------------------------------------------
  site:          Marion Lane
  designer:      mark jackson
  creation:      January 2008
  modified:      January 2009
  scheme:        corporate
  version:
  palette:
  grid:          18px
  default:       16px
  multiplier:    18/16 = 1.125
  measurement:   ems
  layout:        fixed
  background:    #ffffff
  font-family:   "Lucida Grande", Trebuchet, sans-serif;
 */
/*
  set the default for all style definitions
  ----------------------------------------------------------
 */
* {
    font-weight:normal;
    text-align:left;
    border:0 none;
}
/*
  body
  ----------------------------------------------------------
 */
body {
    font-size:100%;
    line-height:1.125em;
    text-align:center;
    background:#d0103a
/* 16x1.125=18px */
}
/*
  typographical adjustments
  ----------------------------------------------------------
 */
 img.lefthand {
    float:left;
    display:block;
    padding:0 18px 18px 0
}
img.righthand {
    float:right;
    display:block;
    padding:0 0 18px 18px;
}
.hidden {
    display:none;
}
.clear {
    height:0;
    clear:both
}
:focus {
    outline:none
}
:active {
    outline:none
}
strong {
    font-weight:bold
}
.middle {
    display:inline;
    vertical-align:middle;
}
em {
    color: #d0103a
}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.clearfix {
    display:inline-block;
}
/* Hides from IE-mac \ */
* html .clearfix {
    height:1%
}
.clearfix {
    display:block
}
/* End hide from IE-mac */
/*
  three stacked-layer design
  ----------------------------------------------------------
 */
#header-wrapper {
    margin:0 auto;
    height:120px;
    background:#fff url(f/header_background.jpg) repeat-x
}
#content-wrapper {
    margin:0 auto;
    background:#fff url(f/content_background.jpg) bottom repeat-x;
}
#footer-wrapper {
    height:100px;
    margin:0 auto;
    background:#fff url(f/footer_background.jpg) repeat-x
}
/*
  header
  ----------------------------------------------------------
 */
#header {
    margin:0 auto;
    width:690px;
    background:url(f/header_straplines.jpg) no-repeat;
    height:120px;
    position:relative;
    top:0;
    left:0
}
#header #logo {
    border:1px solid #fff;
    position:absolute;
    height:100px;
    width:100px;
    top:5px;
    right:0;
    z-index:300;
}
#header #logo a {
    display:block;
}
/*
  tabbed menu navigation
  ----------------------------------------------------------
 */
#tabmenu a:hover {
    color:#fff
}
#tabmenu {
    border:0px solid white;
    font:normal 0.75em/28px "Lucida Grande", Trebuchet, sans-serif;
    background:none;
    position:relative;
    top:57px;
    left:0
}
#tabmenu ul {
    height:30px;
}
#tabmenu li {
    float:left;
    height:30px;
    background:none;
    padding:0 0 11px 7px;
    color:#fff
}
#tabmenu a {
    float:left;
    display:block;
    width:.1em;
    padding:0 17px 11px 7px;
    text-decoration:none;
    height:30px;
    color:#f0b4c1;
}
#tabmenu > ul a {
    width:auto
}
/* Commented Backslash Hack hides rule from IE5-Mac \ */
#tabmenu a {
    float:none
}
/* End IE5-Mac hack */
#home
#hometab,
#teachertraining
#teachertrainingtab,
#courses
#coursestab,
#news
#newstab,
#about
#abouttab,
#contact
#contacttab {
    background:url(f/tab_active_l.jpg) no-repeat left top;
}
#home
#hometab a,
#teachertraining
#teachertrainingtab a,
#courses
#coursestab a,
#news
#newstab a,
#about
#abouttab a,
#contact
#contacttab a {
    background:url(f/tab_active_r.jpg) no-repeat right top;
    color:#9d0c2c;
}
/*
  container
  ----------------------------------------------------------
 */
.container {
    margin:0 auto;
    width:690px;
}
/*
  modules hold podules
  -----------------------------------------------------------
 */
.module {
    margin:0 auto;
    width:690px;
    float:left;
    clear:both;
    z-index:300
}
/*
  podules hold content
  -----------------------------------------------------------
 */
.poduleLeft460 {
    width:450px;
    padding:0 0 1em 0;
    display:inline;
    float:left;
    clear:both;
}
.poduleRight230 {
    width:220px;
    display:inline;
    float:right
}
.poduleLeftHalf {
    width:48%;
    display:inline;
    float:left
}
.poduleRightHalf {
    width:48%;
    display:inline;
    float:right
}
/*
  home page podules
  -----------------------------------------------------------
 */
#home .poduleLeft460 {
    width:420px;
    padding:0;
    display:inline;
    float:left;
    clear:both;
}
#home .poduleRight230 {
    margin:0 0 2em 0;
    width:248px;
    display:inline;
    float:right
}
/*
  home page banner
  ----------------------------------------------------------
 */
#banner {
    display:block;
}
/*
  home page news
  ----------------------------------------------------------
 */
dl.feature {
    clear:both;
    padding:0.5em 0 0.5em 0;
    border-top:1px solid #f0b4c1;
}
dl.feature dt img {
    padding:4px 0 1em 0;
    float:left;
}
dl.feature dt.headline {
    color:#555;
    font-size: 0.7em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
    font-weight:bold;
    padding:0 0 0 30px;
}
/*
  footer
  ----------------------------------------------------------
 */
#footer {
    margin:0 auto;
    width:690px;
    border:0px solid black;
    clear:both;
}
#footer #footerContent {
    height:52px;
    border:0px solid red;
    padding:10px 0 0 0;
    text-align:left;
    float: none;
}
#footer #footerContent p {
    color:#f0b4c1;
    margin:0;
    font-size: 0.625em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.625=10px */
    clear:none
}
#footer #footerContent p.left {
    float:left
}
#footer #footerContent p.right {
    float: right;
}
#footer #footerContent a {
    color:#f0b4c1;
    text-decoration:none;
}
#footer #footerContent a:hover {
    text-decoration:none;
    color:#fff;
}
#footer #footerContent a.none {
    text-decoration:none;
    background:none
}
/*
  Headings
  ----------------------------------------------------------
 */
h1, h2, h3, h4 {
    font-family: "Lucida Grande", Trebuchet, sans-serif;
    font-weight:normal;
    color:#555;
}
h1 {
    font-size:1.250em;
    font-weight:normal;
    color:#d0103a;
    line-height:1.636em;
}
h1.section {
    padding:80px 0 29px 1em;
    font-size:1.250em;
    font-weight:normal;
    color:white;
    background:#d0103a;
    display:block
}
h1.section#training_info {
    background:url(f/banner_dstt.jpg) no-repeat left bottom;
}
h1.section#course_info {
    background:url(f/banner_courses.jpg) no-repeat left top;
}
h1.section#news_section {
    background:url(f/banner_news.jpg) no-repeat left top;
}
#home h1 {
    font-size:1.1em;
    font-weight:normal;
    color:#d0103a;
    padding:0;
    line-height:1.25em;
    margin:0em 0 0em 0;
}
h2 {
    font-size:1em;
    font-weight:bold;
    margin:1em 0 1em 0;
}
h3 {
font-weight:bold;
    font-size:0.8em;
    margin:1em 0 0em 0;
}
h4 {
    font-size:0.75em;
    font-weight:bold;
    margin:1em 0 0 0em;
}
/*
  Paragraphs
  ----------------------------------------------------------
 */
p {
    color:#777;
    font-size:0.75em;
    font-family:"Lucida Grande", Trebuchet, sans-serif;
    margin:0.5em 0 0.5em 0;
    padding:0;
}
p.caption {
    color:#333;
    padding:0;
    font-size:0.625em;
    margin:0 0 1em 0;
}
p.intro {
    color:#333;
    font-weight:normal;
    font-family:"Lucida Grande", Trebuchet, sans-serif;
    font-size:0.875em;
    line-height:1.5em;
    margin:0em 18px 1.286em 0;
}
p.intro a {
    color:#d0103a;
    font-weight:normal;
    text-decoration:none;
}
p.intro a:hover {
    text-decoration:none;
    color:#555;
}
/*
  ordered list items
  ----------------------------------------------------------
 */
.poduleLeft460 ol {
    color:#777;
    font-size:0.75em;
    font-family:"Lucida Grande", Trebuchet, sans-serif;
    list-style-type:decimal;
    list-style-position:inside
}
.poduleLeft460 ol li {
    margin:0 0 1em 0;
}
.poduleLeft460 ul {
    color: #777;
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
    padding-bottom:1em;
    list-style-type:disc;
    list-style-position:inside
}
.poduleLeft460 ol li {
    margin:0 0 1em 0;
}
/*
  the sidebar
  ----------------------------------------------------------
 */
.poduleRight230 ul {
    background:none;
    list-style:none;
}
.poduleRight230 ul li {
    font-size:0.75em;
    font-family:"Lucida Grande", Trebuchet, sans-serif;
    background:url(f/sidebar_inactive_arrow.gif) no-repeat 0 0.9em;
}
.poduleRight230 ul a {
    text-decoration:none;
    display:block;
    font-weight:bold;
    padding:0.5em 0.75em 0.5em 1em;
    color:#555;
    border-bottom: 1px solid #f0b4c1;
    background:url(f/sidebar_inactive_arrow.gif) no-repeat 0 0.9em;
}
.poduleRight230 ul a:hover {
    background:#f0b4c1 url(f/sidebar_active_arrow.gif) no-repeat 0 0.9em;
    color:#555;
    border-bottom:1px solid #f0b4c1;
}
.poduleRight230 ul li.current {
    background: #9d0c2c url(f/sidebar_active_arrow.gif) no-repeat 0 0.9em;
    text-decoration:none;
    display:block;
    font-weight:bold;
    padding: 0.5em 0.75em 0.5em 1em;
    color: #fff;
    border-bottom: 1px solid #f0b4c1;
}
.poduleRight230 .date {
    font-weight:normal;
    font-size:0.9em;
}
/*
  quotations
  ----------------------------------------------------------
 */
blockquote {
    clear:both;
    background:url(f/quotes_top.gif) no-repeat 0 5px;
    padding:0 20px 0 25px;
    margin:0.5em 0 0.5em 0;
/* 16x0.75=12px */
}
blockquote p {
    margin:0;
    padding:0;
    color:#f0b4c1;
    background: url(f/quotes_bottom.gif) no-repeat bottom right;
    font-size: 0.875em;
    line-height:1.625em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
}
blockquote p.signature {
    margin:0;
    background:none;
    padding:0;
    text-align:right;
    color:#555;
    font-size: 0.7em;
    font-style:normal;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
}
/*
  descriptions (50px wide images)
  ----------------------------------------------------------
 */
dl.description {
    clear:both;
    margin: 18px 0;
}
dl.description dt img {
    float:left;
}
dl.description dt img.noBorder {
    float:left;
    border:0 none;
}
dl.description dt a:hover img {
    border:1px solid #333;
}
dl.description dt.name {
    color:#555;
    font-size: 0.875em;
/* 16x0.875=14px */
    font-family: "Lucida Grande", Trebuchet, sans-serif;
    margin: 0.875em 18px 0 0;
    font-weight:bold;
    padding:0 0 0px 65px;
}
dl.description dt.name a {
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
    color:#777;
    font-weight:bold;
    text-decoration:none;
    border-bottom:1px solid #dadada;
}
dl.description dt.name a:hover {
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
    color:#777;
    background:#ececec;
    text-decoration:none;
}
dl.description dt.position {
    color:#555;
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
    padding:0 0 0 65px;
}
dl.description dd {
    color:#777;
    padding:0 0 0.875em 65px;
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
}
dl.description dd a {
    padding:2px 0 1px 0;
    color:#d0103a;
    text-decoration:none;
}
dl.description dd a:hover {
    padding:2px 0 1px 0;
    color:#777;
    text-decoration:none;
}
/*
  centre locations (20px wide images)
  ----------------------------------------------------------
 */
dl.centre {
    clear:both;
    padding:0.5em 0 0.5em 0;
    border-bottom:1px solid #f0b4c1;
}
dl.centre dt img {
    padding-top:4px;
    float:left;
}
dl.centre dt.name {
    color:#555;
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
    font-weight:bold;
    padding:0 0 0px 30px;
}
dl.centre dd {
    color:#777;
    padding:0 0 0 30px;
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
}
dl.centre dd a {
    padding:2px 0 1px 0;
    color:#d0103a;
    text-decoration:none;
}
dl.centre dd a:hover {
    padding:2px 0 1px 0;
    color:#777;
    text-decoration:none;
}
/*
  tables
  ----------------------------------------------------------
 */
table#istdprogression {
    width:220px;
    border-right:1px solid #ccc;
}
table#qcaprogression {
    width:220px;
    border-right:0px solid #ccc;
}
table#syllbus {
    width:450px;
    border:1px solid #f0b4c1;
}
table#syllbus td {
    text-align:left;
}
table.achievements,
table.downloads {
    width:450px;
    border: 1px solid #f0b4c1;
    border-collapse:collapse;
    margin:0 0 1em 0;
}
table.achievements td,
table.downloads td,
table#syllbus td {
    font:normal 0.75em "Lucida Grande", Trebuchet, sans-serif;
    color:#777;
    border-bottom:1px solid #f0b4c1;
    border-left:1px solid #f0b4c1;
    padding:.5em 1em;
    text-align:left;
}
table img {
    border:0;
}
table {
    border: 0px solid #e5eff8;
    border-collapse:collapse;
    margin:0 0 1em 0;
}
caption {
    color: #9ba9b4;
    font-size:.7em;
    letter-spacing:.1em;
    margin:1em 0 0 0;
    padding:0;
    caption-side:bottom;
    text-align:right;
}
tr.odd td {
    background:#f7fbff
}
tr.odd .column1 {
    background:#f0b4c1;
}
.column1 {
    background:#f0b4c1;
    font:normal 0.75em "Lucida Grande", Trebuchet, sans-serif;
}
td {
    font:normal 0.75em "Lucida Grande", Trebuchet, sans-serif;
    color:#777;
    padding:.5em 1em;
    text-align:center;
}
th {
    color: #555;
    text-align:left;
    border-bottom: 0px solid #e5eff8;
    border-left:0px solid #e5eff8;
    padding:.3em 1em;
}
thead th {
    text-align:center;
    font: 0.75em "Lucida Grande", Trebuchet, sans-serif;
    color:#555
}
table#syllbus thead th,
table.achievements thead th {
    text-align:left;
}
table.achievements thead th,
table.downloads thead th,
table#syllbus thead th {
    color: #555;
    background:#f0b4c1;
    text-align:left;
    border-bottom: 1px solid #f0b4c1;
    border-left:1px solid #f0b4c1;
    padding:.3em 1em;
}
tfoot th {
    text-align:center;
    background:#f4f9fe;
}
tfoot th strong {
    font:bold 1em "Lucida Grande", Trebuchet, sans-serif;
    margin:.5em .5em .5em 0;
    color:#66a3d3;
}
tfoot th em {
    color:#f03b58;
    font-weight: bold;
    font-size: 1.1em;
    font-style: normal;
}
td a {
    color:#d0103a;
    text-decoration:none;
}
td a:hover {
    color:#555;
    text-decoration:none;
}
a, a:link, a:visited, a:active {
    color: #d0103a;
    text-decoration:none;
    border-bottom:none
}
a:hover {
    color: #333;
    text-decoration: none;
    border-bottom:none
}
/*
  contact form
  ----------------------------------------------------------
 */
form#registration {
    border:0px solid #333
}
form#enrolement {
    border:0px solid #333
}
fieldset {
    border: none;
}
form textarea {
    font-family: "Lucida Grande", Trebuchet, sans-serif;
    font-size: 1em;
}
form ul {
    list-style-type: none;
    padding: 8px 0;
    margin:0;
}
form ul li {
    color: #777;
    list-style-type: none;
    padding: 3px 0;
    line-height: 25px;
    margin:0;
}
form ul li a {
    color: #d0103a;
    text-decoration:none;
}
form ul li a:hover {
    color: #777;
    text-decoration:none;
}
form label {
    font-size: 1em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
    display: block;
}
form .text_field {
    width:410px;
    padding:2px 0 3px 3px;
    border:1px solid #ccc;
}
form .select_field {
    width: 138px;
}
form ul li.submit {
    color: #777;
    padding: 15px 10px 10px 0px;
}
/*
  News page snippets
  ----------------------------------------------------------
 */
.snippet dl.news {
    clear:both;
    border-bottom:1px solid #a2a2a2;
    margin: 18px 0 0 0;
}
.snippet dl.news dt img {
    float:left;
    padding-bottom:5px;
}
.snippet dl.news dt img.noBorder {
    float:left;
    border:0 none;
}
.snippet dl.news dt a:hover img {
    border:1px solid #333;
}
.snippet dl.news dt.headline {
    color:#555;
    font-size: 0.875em;
/* 16x0.875=14px */
    font-family: "Lucida Grande", Trebuchet, sans-serif;
    margin: 0.875em 18px 0 0;
    font-weight:bold;
    padding:0 0 0px 135px;
}
.snippet dl.news dt.headline a {
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
    color:#d0103a;
    font-weight:bold;
    text-decoration:none;
    border-bottom:1px solid #dadada;
}
.snippet dl.news dt.headline a:hover {
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
    color:#339;
    text-decoration:none;
}
.snippet dl.news dt.date {
    color:#555;
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
    padding:0 0 1em 135px;
}
.snippet dl.news dd {
    color:#777;
    padding:0 0 0.875em 135px;
    font-size: 0.75em;
    font-family: "Lucida Grande", Trebuchet, sans-serif;
/* 16x0.75=12px */
}
.snippet dl.news dd a {
    padding:2px 0 1px 0;
    text-decoration:none;
}
.snippet dl.news dd a:hover {
    padding:2px 0 1px 0;
    text-decoration:none;
}