/* Flexible CSS */

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

body {
 background-color: White;
 color: Black;
 font: .85em/1.5em Arial, Helvetica, sans-serif;
 text-align: center;}
.clearfix:after {display:none;
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */
#container {
width:600px;margin: .5em auto;text-align: left !important;padding: .5em ;border: solid 1px #d0d0d0;voice-family: "\"}\"";voice-family: inherit;width: 35em; }

html>#container {width: 52em;}
 
#wrapper {padding: .5em;}

#back {color: inherit;}

#footer {clear: both;padding: .5em 1em;background-color: #d8e5ed;color: #303950;font-size: 80%;}

#footer a {color: #303950;}

#footer a.on {color: #303950;text-decoration:underline;}

#footer a:hover {color: #303950;text-decoration:underline;}

/* Left Navigation\*/

#leftnav {
 float: left;
 width: 14em;
 margin-top: 2em; display:none;}
 
 #leftnav.bottom {
 float: left;
 width: 14em;
 margin-top: 0em;}

#leftnav li {
 float: left;
 width: 14em;
 padding: .2em .5em;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 13em;
 }
html>#leftnav li {
 width: 13em;
} 
#leftnav li a {overflow: hidden;display: block;font-size: 1em;font-weight: bold;color: Black;text-indent: 10px;text-decoration: none;background: url("images/arrow_black.gif") center left no-repeat;}
#leftnav li a:hover,
#leftnav li a:focus,
#leftnav li a.on {background: url("images/arrow_white.gif") center left no-repeat;color: White;}

#content {
 float: right;valign:top;
 width: 36.5em;
 background: White;
 color: Black;
}
#content .wrapper { padding: 0 0 15px .5em;}
h1 {
 padding: .5em;
 background-color: #303950;
 color: White;
 font-size: 170%;
 font-weight: normal;
 line-height: 1.2em;
}
h2 {clear: both;font-size: 130%;font-weight: normal;}

h3 {margin: 1em 0 .5em 0;
 padding-left: 0em !important;
 background-color: #7dc1e6;
 color: Black;
 font-size: 130%;
 font-weight: normal;}
 
h4 {margin: 1em 0 0 5px;color:#303950;font-size: 110%;font-weight: bold;}

p,h2,h3,h4 {
 padding: .5em 0;}
 
#inner #content p {
 padding-right: .5em; 
 padding-left: .5em;
}
#home #content p,
#inner #content p {
 font-size: .95em;
}
.imgwrapper { padding: .5em 0; }
.presleft, 
.presright, 
.prescenter img {
 border: solid 1px #7dc1e6;
}
.presleft { float: left; }
.presright { float: right; }
.prescenter {
 text-align: center;
 margin: 0;
 padding: 0;
}
.prescenter img { display: inline; }
.pres2 {
 float: right;
 border: solid 1px #7dc1e6;
 margin: .5em;
}

/* Courses Table */

.table{font: normal normal 10px verdana,sans-serif;margin: 0;color:#303950;border:1px solid #ccc;width:475px;margin-top:10px;}
.table th{font: normal bold 14px verdana,sans-serif;background-color:#303950;color:#fff;vertical-align:top;padding:8px;border:1px solid #676767;border-width:1px 1px 1px 0;}
.table td{color:#5312A8;padding:4px;font: normal normal 11px verdana,sans-serif;line-height:150%; color:#303950;padding:8px;background-color:#D8DADE;border:1px solid #ccc;border-color:#fff #ccc #ccc #ccc;border-width:0 1px 1px 0;}
.table td.wider {width:80px;}
.table td a {color:#303950; text-decoration:underline;}
.table td a:hover {color:#7DC1E6; text-decoration:underline;}
.table td a:visited {color:#303950; text-decoration:underline;}

/* Booking table */
#contact-table {width:300px;background-color:#303950;margin: 1em 0 1em 5px;padding-top:15px;}
#contact-table td { width: 125px; vertical-align: top; text-align: left; padding: 12px 0 5px 5px;}
#contact-table td.label {color: #fff; width: 75px;padding-left:8px;}
#contact-table input.text {border-width: 1px; border-style: solid; border-top-color: #000; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #000;}
#contact-table input.text { width: 150px;}
#contact-table textarea { font: normal normal 12px arial,sans-serif;width: 150px; height: 50px;}
#contact-table td.buttons {width:450px;text-align:right;padding-right:35px;}
input.button {color: #303950;border:1px solid #303950;background-color:#fff;margin-left:10px;margin-right:0px;}



/* SubNav */
#leftnav li.subnav{border:0px solid #000}
#leftnav li.subnav ul {margin: 0;padding:0;margin-left:10px;}
#leftnav li.subnav li {padding:0;margin-bottom:6px;line-height:120%;width:140px;}
#leftnav li.subnav li a {color: #303950;text-decoration:none;font: normal normal .9em Arial, Helvetica, sans-serif;line-height:120%;display: block;text-indent: 0px;text-decoration: none;background: url("images/arrow_white.gif") 3px left no-repeat;padding-left:15px}
#leftnav li.subnav li a:hover {color: #fff;font-weight:normal;background: url("images/arrow_white.gif") 3px left no-repeat;padding-left:15px}
#leftnav li.subnav li a.on {color: #fff;font-weight:normal;}

.tld {clear: both; color: #000;text-align:right;padding-right:4px; width: 725px;margin:0 auto;font: normal normal 11px verdana,sans-serif;}
.tld a {font: normal normal 11px verdana,sans-serif; color: #303950; text-decoration:underline}
.tld a:hover, .tld a:visited  {font: normal normal 11px verdana,sans-serif; color:#7dc1e6;text-decoration:underline}