html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; font-family: "Gill Sans", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;  background-color: white; text-align:center;}
h1 { font-size: 150%; }
h2 { font-size: 116%; }
h3 { font-size: 100%; font-weight:bold; }
.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 */

#logo, #hd, #bd, #ft {width: 734px; margin: 0 auto; clear:both;}
#logo,#bd {text-align: left; }
#logo h1 {margin: 0.25em 0; }
#bd {margin-top: 1.5em;}
#ft {margin: 1em auto; padding: 0.5em 0 3em 0; }
#ft .links { margin-bottom: 1em; }
#ft img { margin-bottom: 1em; }
#ft .links a, #ft .links { text-decoration: none; text-transform: uppercase; color: #999; }
#ft .links a { padding: 11px 3px; display:inline-block; }
#ft .links a:hover{  color: blue; }
#ft .info{ font-size: 85%; }
#ft .info strong{ font-size: 110%; }
#ft .info span{ padding: 0 10px; }

#category_menu { display:block; text-align:center; padding: 12px 0 9px;}
#category_menu li { display:inline; padding: 10px; font-size: 110%;}
#category_menu li a { text-decoration: none; text-transform: uppercase; color: #8B8B8E;}
#category_menu li a:hover {color: black;}
#category_menu li.selected_category a {color:black;}

#left-menu { margin-top: 1em; text-align:right; }
#left-menu li, #left-menu a{padding: 3px 0;}
#left-menu a{ text-decoration: none; color: #8B8B8E; font-weight:bold; }
#left-menu a:hover{ color: black;}
#left-menu a.selected_course { color: black}
#body-panel .left-col {width: 140px; float:left;padding: 0 10px 5px;}
#body-panel .right-col { width: 524px; float:left; background-color: white; margin-bottom: 10px; padding: 10px;}

#gallery {float:right; width: 72px;margin-left: 5px;}
#gallery a { margin-bottom: 10px; display:block;}
#modal_container { padding: 5px; background-color: #fff; border: 1px solid #666; overflow: auto; font-family: "Lucida Grande", Verdana, sans-serif; font-size: 12px; color: #333; text-align: left; }
#modal_overlay { background-color: #000; }
/* CONTENTY STUFF*/
.content h3 { font-size: 120%; color:#7B0D00; padding-top:0.25em; }
.narrow { width: 500px;}
.category { float:left; width: 340px; margin: 20px 0 0 0; padding:0;}
.category a { text-decoration: none;}
.category img { float:left; padding-right: 13px; }

.level_column { float: left; width: 100px;  margin-right: 10px; margin-bottom: 1em; }
.level_column h1 { font-size: 100%; color: white !important; background-color:#e7d5ac; text-align: center; padding: 5px; }
.level_info { background-color: #656584; padding: 0.3em; font-size: 80%; color: white; margin-left: 1em; }
.bluebox { font-size: 120%; padding: 0.5em 1em; margin-top: 1em; margin-bottom: 1em; background-color:#656584; color:white; }

.course_booking_info { color:#336; text-align:right; font-weight: bold; font-size: 120%; margin-top: 2em; }
.course_list { font-size:120%; font-weight: bold; margin-top: 1em; margin-left: 1em; }
.course_list a { color:#336; }
.guide { padding: 20px 0; clear: left; }
.guide img { float: left; width: 114px; height: 106px; padding-right: 9px; }

#body-panel { background-color: #DFDFE7; padding: 0 10px 10px; }
#body-panel #categories { margin: 10px; padding: 10px; background-color:white; display:block; }
#body-panel #categories .category-left{ padding-right: 15px; clear:left;}
#body-panel #categories .category{ width: 310px; margin-top:0; margin-bottom:30px; }
#body-panel #categories .category h3 {color: #83190F; padding-bottom: 0.5em; font-family: Trebuchet MS, Arial, sans-serif; font-size: 116%}
#body-panel #categories .category a {color: #83190F; }
#body-panel #categories .category a:hover {color: #83190F; border-bottom: 1px solid #83190F}
#body-panel #categories .category img{ margin-top: 4px; width: 114px;}
#body-panel .greybox{ background-color:#DFDFE7; color: #5E5E5E; padding: 12px 12px 0; font-size: 115%; }
#body-panel { clear:both;}
#body-tabs { clear:both;}
#body-tabs li{ display:inline-block; float:left; padding-right:4px;}
#body-tabs li a{ color: #797A97; float:left; text-decoration:none; font-size:130%; font-weight:bold; display:inline-block; padding: 10px 10px 6px; background-color:#EFEFF3; outline:none; }
#body-tabs { clear:both;}
#body-tabs li a.selected { background-color:#DFDFE7;}
#body-tabs li a:hover{ color:brown;}
ul#course_pdfs { padding-top: 1em;}
ul#course_pdfs li { background:url(../images/page_white_acrobat.png); background-repeat: no-repeat; background-position: left; padding-left: 25px; }
ul#course_pdfs em { font-style:italic; }
strong {font-weight: bold}
#body-panel .right-col h1 { margin: 0.25em 0 0.5em;}
#body-panel .right-col h2 { margin: 0.25em 0 0.5em;}
#body-panel .right-col h3 { margin: 0.25em 0 0.5em;}
#body-panel p { margin-bottom: 1em;}