/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{ _text-align:center; background: url(../images/body.png) repeat-x; *background: url(../images/bodyIe.png) repeat-x;}
.wrap { background: url(../images/header.png) no-repeat center 38px;}
.head {height: 206px; position: relative; back; }
.main{display:table-cell;*display:block;width:auto;}
.body{padding-bottom: 40px}
.foot { background: url(../images/footBg.png) repeat-x 0px 11px; *background: url(../images/footBgIe.png) repeat-x 0px 11px; color:#CCCCFF; height: 143px; overflow: visible; font-weight:bold; clear:both}
.footIn { width: 980px; margin: 0 auto; background: url(../images/footLogo.png) no-repeat center 0px; *background: url(../images/footLogoIe.png) no-repeat center 0px; height: 122px; overflow:visible; padding-top:20px}
.footLContent {padding-right: 101px}
.footRContent {padding-left: 101px}
.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.page{margin:0 auto;width:980px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* ====== Columns ====== */
.leftCol{float:left;width:250px;_margin-right:-3px;}
.rightCol{float:right;width:324px;_margin-left:-3px;}
/* extend columns to allow for common column widths */@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
body{font-family: "Century Gothic",Helvetica, sans-serif;-webkit-font-smoothing: antialiased; color:#039}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p{padding:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
/* ====== Header elements ====== */
.subscribeLink, .subscribeLink:visited { position: absolute; right: 10px; padding-top: 5px; color:#fff; font-weight: bold; background: url(../images/email_add.gif) no-repeat left bottom; padding-left: 21px}

.skip a, .skip a:visited{left: 10px; position: absolute; padding: 5px 0; color: #2c4460}
.skip a:hover, .skip a:focus{color:#fff}

.logo {position: absolute; bottom: 65px; height: 84px; width: 319px}
.logo a {position: absolute; width: 100%; height: 100%}
.logo a:hover { text-decoration: none}
.logo span{display: none;}

.nav { position: absolute; bottom: 0px; font-weight: bold; font-size: 116%; display:table; white-space:nowrap;}
.nav li { display: inline; padding-right: 9px;}
.nav a, .nav a:hover, .nav a:visited {color:#CCCCFF; text-decoration: none; padding-right: 18px; background: url(../images/navDivider.gif) no-repeat right center; }
.nav a:hover, .nav a:focus, .nav a:active {color:#3399cc}
/* ====== Footer elements ====== */
.foot li {padding: 3px 0; text-align: left}
.foot a, .foot a:visited {color: #ccccff; text-decoration: none; font-weight: bold}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
p {line-height:131%}
dt {margin-top: 10px}
dd {padding: 10px 0}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:38px; font-weight:normal; font-style: normal; color:#003399;}
h2, .h2{font-size:138.5%; font-weight:600; font-style: normal; color:#333;}
h3, .h3{ font-size:131%; font-weight:bold; font-style: normal; color:#003366; margin-bottom: 10px}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: italic; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a {color: #2c4460; text-decoration: none;}
a:focus, a:hover {text-decoration: underline;}
a:visited { color:#005a9c; }
a.staticLink {color: #2c4460}
a.textLink {color: #090}
h2 a, h2 a.staticLink {color:#333}
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:20px; padding-bottom: 10px}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:20px; padding-bottom: 10px}
ul.simpleList li.plain {list-style-type:none}

/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC{text-align:center;}
.txtL{text-align:left;}
.txtR{text-align:right;}
.txtT{vertical-align:top;}
.txtB{vertical-align:bottom;}
.txtM{vertical-align:middle;}
/* ====== blockquote ====== */
blockquote { font-style: italic; quotes: none;}
.quote { display: inline-block; width: 24px; height: 20px}
.quoteOpen {background: url(../images/quoteOpen.png) no-repeat left top;}
.quoteClose {background: url(../images/quoteClose.png) no-repeat left top;}
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== media ====== */
.media{overflow:hidden; overflow:visible; zoom:1;margin:10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; border: 5px solid #ccccff}
.media .img{float:left;margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}
.video{width: 425px; height: 264px;}
/* ====== special formatting classes ====== */
.contain {overflow:hidden; overflow:visible; zoom:1}
.large {font-size: 123.1%; line-height: 146.5%}
.small {font-size: 93%}
.strong {font-weight: bold; line-height:138.5%; word-spacing: 0.2em}
.dark {color:#036}
.highlight {color:#C06 !important}
.floatR {float: right}
.floatL {float: left}
.blockC {display: block; margin: 0 auto}
.blockR {display: block; margin: 0 0 0 auto}
.fixL {margin-left: -10px}
.fixR {margin-right: -10px}
.alignM {margin: 0 auto}
.pad {padding: 10px}
.pad0 {padding: 0}
.padBL{padding-bottom:15px;}
.padTL{padding-top:15px;}
/* ====== forms ====== */
form {font-family:Arial, Helvetica, sans-serif;padding: 0 10px 20px 10px; }
form ol { padding: 0}
form li {padding: 1.4em 3px 0 0}
label { color: #333; font-weight: normal; font-size: 108%}
.field { width: 99%; background: #FFF; font-family: Arial, Helvetica, sans-serif; padding: 3px 0; color: #333; margin-top:2px; border: 1px solid #B5B8C8; border-color: #999 #B5B8C8 #B5B8C8 #B5B8C8}
.field:focus, .field:active {outline: ridge 1px #ffcc66}
select.field {padding: 1px}
input.checkbox {margin-right: 3px; margin-top: 5px;}
textarea {resize: none}
.readonly, .readonly:focus, .readonly:active {background: #ececec;}
/* required marker */
.req {display: inline;}
.formtext { display:block; font-weight:normal; margin:0; width: 100%;}
.fieldinfo { color:#666; font-size:10px; font-style: italic; padding-top: 1px; }
/* ====== messages ====== */
.pageMsg {padding: 10px;}
.msg {font-family:Arial,Helvetica,sans-serif; font-size: 10px; border-style: dashed; border-width:1px; text-transform:uppercase; background: #F4F4F4; padding: 3px 0; margin-bottom: 3px}
form .msg {width: 99%}
.info { border-color:#039; color: #036; background: #EAEEEE url(../images/information.gif) no-repeat 1px center; text-indent: 20px; }
.success { border-color:#060; color: #060; background: #EFFFE8 url(../images/tick.gif) no-repeat 1px center; text-indent: 20px; }
.warn { border-color: #C90; color: #C90; background: #FFC url(../images/warn.gif) no-repeat 1px center; text-indent: 20px; }
.err { border-color: #C00; color: #C00; background: #FFC url(../images/error.gif) no-repeat 1px center; text-indent: 20px; }
/* ====== buttons ====== */
.button, .button:visited {cursor: pointer; font-size: 100% !important; display: inline-block; zoom: 1; *display: inline; font-size: 116%; font-weight: bold; border:none;border-top: 1px solid #3399cc; background: url(../images/buttonBg.gif) repeat-x scroll; background: -webkit-gradient(linear, left top, left bottom, from(#3399cc), to(#0033cc)); background: -moz-linear-gradient(top, #3399cc, #0033cc); padding: 4px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,51,204,1) 0 1px 0; -moz-box-shadow: rgba(0,51,204,1) 0 1px 0; box-shadow: rgba(0,51,204,1) 0 1px 0; text-shadow: rgba(0,51,153,.4) 0 1px 0; color: white; text-decoration: none; vertical-align: middle;padding-bottom: 7px\9;}
.action, action:visited {border:none;border-top: 1px solid #66cc33; background: #090; background: -webkit-gradient(linear, left top, left bottom, from(#66cc33), to(#669933)); background: -moz-linear-gradient(top, #66cc33, #669933);-webkit-box-shadow: rgba(102,153,51,1) 0 1px 0; -moz-box-shadow: rgba(102,153,51,1) 0 1px 0; box-shadow: rgba(102,153,51,1) 0 1px 0;}
.buttonBig, .buttonBig:visited{ font-size: 138.5%!important; padding: 8px 18px; padding-top: 6px\9;}
.button span{ background: url(../images/buttonArrow.gif) no-repeat right center; padding-right: 16px; background-position: right 3px\9;}
.buttonBig span {background-position: right 5px\9; line-height:100%}
.intro .buttonBig span{background-position: right 7px\9;}
.button:hover, .button:active, .button:focus {background: #3399cc; border-top: 1px solid #3399cc\9; text-decoration: none; -webkit-box-shadow: rgba(51,102,204,1) 0 1px 0; -moz-box-shadow: rgba(51,102,204,1) 0 1px 0; box-shadow: rgba(51,102,204,1) 0 1px 0; }
.action:hover, .action:active, .action:focus{background: #66cc33; border-top: 1px solid #66cc33\9; text-decoration: none; -webkit-box-shadow: rgba(102,153,51,1) 0 1px 0; -moz-box-shadow: rgba(102,153,51,1) 0 1px 0; box-shadow: rgba(102,153,51,1) 0 1px 0;}
input.button, input.button:hover, .action, .action:hover {border-top: none\9}
/* ====== about us  ====== */
.photo {position:relative}
.photo div {position: absolute; bottom: 15px; width: 100%; color:#000}
.photo:hover {text-decoration:underline;}
.about-photos {*padding-left: 0;}
/* ====== teasers ====== */
.teaser {position: relative;}
.homeTeasers .teaser {min-height: 500px; height: auto !important; height: 500px;}

.equal-height .teaser {padding-bottom: 20px;}
.teaserImg {border: 1px solid #ccccff; display: block; margin: 10px auto}
.teaserButton {position: absolute; bottom: 0px}

html.course .intro p{font-size: 123.1%; line-height: 146.5%; color: #036}
.courseDetails li {padding-bottom: 5px}
.discounted { text-decoration: line-through; }