/* HTML elements */
body, html {background: #e7eddf url(../images/background.gif) center fixed; color:#5b5f5b; height: 100%; text-align: left; }
a {color:#ec1a37; font-weight: bold; text-decoration: none; }
a:hover {color: #000000;}
hr {background:#f1f1f1; height: 1px;}
h2 {color: #ec1a37; font-size: 3.0em; font-weight: bold; text-transform: uppercase;}
label {clear: both; display: block; margin-bottom: 5px;}
input {clear: both;}
address {font-style: normal;}

/* Signup form */
div#signup_wrapper {float:right; display: block; width: 205px; margin-top: 5px; }
div#signup_wrapper div#top {display: block; width: 205px; height: 27px; background: url(../images/signup/box_title.png) no-repeat top left; }
div#signup_wrapper div#top span {display: none; visibility: hidden;}
div#signup_wrapper div#bottom {display: block; width: 205px; height: 8px; background: url(../images/signup/box_bottom.png) no-repeat top left; }
#mc_embed_signup {display: block; padding-top:5px; background: url(../images/signup/box_bg.png) top left;}
#mc_embed_signup input.email {float: left; width: 130px; margin-left: 15px;}
#mc_embed_signup input.btn { height: 25px; width: 25px; cursor: pointer; text-indent: -9999px; border: none; background: url(../images/signup/button.png) no-repeat left top; margin-right: 15px; }
.mc-field-group label {float: left;}
div#mce-responses {margin: 0; padding: 5px 15px; z-index:101; position:absolute; top:80px; right:230px; display:block; width:205px; height:54px;}

/* General */
a.top, a.anchor {display: block; height:0px;}
#wrapper {position: relative; min-height: 100%; width: 960px; margin:0 auto;  }
* html #wrapper{height: 100%;}
#content { clear: both; width: 960px; }
.warning {background-color: red; color: white; display: block; padding: 5px; border:1px solid #FF0000;}
.warning a {color: #363137; font-weight: bold; text-decoration: underline;}
/*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}*/
.inactive_tab {background:#cccccc;}
.message {border:1px solid #636363; padding:5px; background-color:#acbf2e; display:block; margin:10px 0 10px 0;}

/* Header */
#logo {float:left;}
#header {clear: both; padding: 20px 0 0 0; position: fixed; top:0; z-index: 100; width: 960px; background: #e7eddf url(../images/background.gif) center fixed;}
div#header p {margin: 0; padding: 0;}
div#header address {float: right; text-align: right; font-weight: bold;}
div#header div#contact_summary {text-align: right; color: #ec1a37; font-size: 1.1em; line-height: 1.3em;}
div#header div#contact_summary a {font-weight: normal;}
div#header div#contact_summary h1 {font-size: 1.2em; color: #5b5f5b; font-weight: bold; margin: 0 0 5px 0; padding: 0;}
div#header div#contact_summary ul {padding: 0; margin: 0; list-style-type: none;}

/* Navigation */
ul#main_navigation {list-style-type: none; margin: 0; padding: 0; display: block; float: right; margin-top: 30px;}
ul#main_navigation li {float: left; }
ul#main_navigation li a {height: 28px;display: block; margin-left: 3px;}
ul#main_navigation li a span {position: absolute; left: -9999px; }
ul#main_navigation li.home a, ul#main_navigation li.home a.inactive {background: url(../images/navigation.png) no-repeat left -28px; width: 77px;}
ul#main_navigation li.home a:hover, ul#main_navigation li.home a.active {background: url(../images/navigation.png) no-repeat left 0;}
ul#main_navigation li.news a, ul#main_navigation li.news a.inactive {background: url(../images/navigation.png) no-repeat -77px -28px; width: 78px;}
ul#main_navigation li.news a:hover, ul#main_navigation li.news a.active {background: url(../images/navigation.png) no-repeat -77px 0;}
ul#main_navigation li.courses a {background: url(../images/navigation.png) no-repeat -156px -28px; width: 106px;}
ul#main_navigation li.courses a:hover, ul#main_navigation li.courses a.active {background: url(../images/navigation.png) no-repeat -156px 0;}
ul#main_navigation li.gallery a {background: url(../images/navigation.png) no-repeat -263px -28px; width: 106px;}
ul#main_navigation li.gallery a:hover, ul#main_navigation li.gallery a.active {background: url(../images/navigation.png) no-repeat -263px 0;}
ul#main_navigation li.info a {background: url(../images/navigation.png) no-repeat -370px -28px; width: 66px;}
ul#main_navigation li.info a:hover, ul#main_navigation li.info a.active {background: url(../images/navigation.png) no-repeat -370px 0;}
ul#main_navigation li.contact a {background: url(../images/navigation.png) no-repeat -439px -28px; width: 131px;}
ul#main_navigation li.contact a:hover, ul#main_navigation li.contact a.active {background: url(../images/navigation.png) no-repeat -439px 0;}

/* Content */
#content {margin: 0;margin-top: 206px;}
#content p {font-size: 1.3em; line-height: 1.5em;}
#content em {font-style: normal; color: #f3ed69;}
#intro {display: block; float: left; width: 310px; padding-left: 340px;}
#name_label {background: url(../images/holding/name_label.png) left 8px no-repeat;}
#email_label {background: url(../images/holding/email_label.png) left 8px no-repeat;}
#message_label {background: url(../images/holding/message_label.png) left 8px no-repeat;}
#send_button {background: #52babc; text-align: center; display: block; }
.text_input {width:260px; padding: 5px; margin: 0; background: url(../images/holding/text_input_background.png) repeat; border: 0; font-size: 1.2em; }

/* Section headers */
div.section_head { display: block; width: 100%; height: 52px; border-bottom: 2px dashed #727675; background: white; margin: 5px 0; }
div.section{ padding-top: 206px; margin-bottom: -208px;}
div.section_head h2, div.section_head h3 { position: absolute; left: -9999px;}
div.section_head p {float: right; font-size: 1.0em; padding-top: 23px; margin-bottom: -23px;}
div#splash_gallery { margin-bottom: -208px;}
div#news div.section_head { background: url(../images/headlines/news.png) left 5px no-repeat; }
div#courses div.section_head { background: url(../images/headlines/courses.png) left 5px no-repeat; }
div#gallery div.section_head { background: url(../images/headlines/gallery.png) left 5px no-repeat; }
div#info div.section_head { background: url(../images/headlines/info.png) left 5px no-repeat; }
div#contact div.section_head { background: url(../images/headlines/contact.png) left 5px no-repeat; }
.section, #header {border-bottom: 5px solid #5b5f5b;}
.section {}

/* News */
div#news div.news_item {display: block; width: 460px; float: left; margin: 8px 20px 8px 0;border-bottom: 2px dashed #727675; }
div#news p.date {color: #ec1a37; font-size: 0.9em; margin: 0; padding: 0;}
div#news h4, div#info h4 {text-transform: uppercase; font-size: 1.7em; color: #5b5f5b; font-weight: bold; margin: 0; padding: 0;}
div#news h5, div#info h5 {font-weight: bold; color: #727675; font-size: 1.6em; margin: -5px 0 0 0; padding: 0;}

/* Courses  */
/*div#courses div.course {display: block; width: 300px; float: left; margin: 25px 20px 0 0;}*/
div.course {float: left; display: block; width: 300px;  height: 300px; padding: 10px;}
div#courses div.image {background: url(../images/courses_bg.png) center center no-repeat; width: 100%; height: 200px; text-align: center;}
div#courses div.image img { margin: 14px 0; }
div#courses div.info {background:url(../images/courses_info_bg.png); border-top: 1px solid #727675; margin: 25px 0 0 0; padding: 8px; }
div#courses div.info p, div#courses div.info li {font-size: 1.1em; color: #5b5f5b;}
div#courses div.info p {width: 50%; float: left;}
div#courses div.info ul {list-style-type: none; float: right; margin: 0; padding: 0; }
div#courses div.info li {float: left; }

/* Info */
.column_half {display: block; width: 460px; float: left; margin: 8px 20px 8px 0; }
.column_half h4 {font-size: 1.3em; color: #5b5f5b; font-weight: bold;}
.column_half table {font-size: 1.3em;}
.column_half table th {border-bottom: 3px solid #5b5f5b;}
.column_half table th.spacer {height:0px;}
.column_half table td {border-bottom: 1px solid #5b5f5b;}

div#contact div#directions {clear:both; color: #5b5f5b; text-align: left; border-top: 2px dashed #727675; padding-top: 15px; }
div#contact h3 {text-transform: uppercase; font-weight: bold; font-size: 1.3em; color: #5b5f5b;}
div#contact ul { color: #5b5f5b; text-align: left; font-size: 1.3em; padding: 0; margin: 0;  padding-bottom: 20px; list-style-type: none;}
div#contact li {margin:0;}

/* Gallery */
div#gallery_content { margin-bottom: 8px; display: block;}
div#gallery div.gallery_image_holder {float:left; }
div#gallery div.gallery_image_holder a{display:block; padding:2px; width:75px; height:75px;}
div#gallery div.gallery_image_holder a:hover {background: red;}

.section_footer {clear: both; height: 0; display: block;}

/* Footer */
div#footer {display: block; clear: both; background: #5b5f5b; color: #e7eddf; margin-top:160px; padding: 15px; }
div#footer a {color: #e7eddf; }
div#footer p {padding-left: 20px; }
div#footer a.back_to_top {background: url(../images/arrow_up_small.png) top left no-repeat; display: block; height: 17px; padding-left: 20px; font-size: 1.3em; margin-bottom: 5px;}
div#footer div.info {float: right; display: block; width: 460px;}
div#footer div.info ul {list-style-type: none; float: right; margin: 0; padding: 0;}
div#footer div.info li, div#footer div.info h4 {text-align: right; color: #e7eddf; }
div#footer div.info h4 {margin:0; padding:0;}
div#footer div.disclaimer {float: left; display: block; width: 425px;}