@import url("/libs/stylesheets/base.css");
@import url("/libs/stylesheets/site/base.css");

/* Global */
body { background:#CCC; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#444 }
#layout-wrapper { background:url("/images/faux-columns.png") repeat-y }
#wrapper { padding:0 330px 0 0; width:660px }
#content { background:url("/images/contentF.png") no-repeat; padding:30px 30px 50px 50px; width:580px }
#rail { background:url("/images/railF.png") no-repeat; margin-right:-330px; padding:30px 30px 30px 30px; width:270px }
#header { background:url("/images/headerF.png") no-repeat; height:133px }
#header .logo { height:140px; left:30px; top:10px; width:217px }
#content p, #content h3 { padding-top:10px }

/* Footer */
#propaganda-menu { left:50px }

/* Banners + Illustrations */
#deco-default { background:url("/images/deco-default.jpg"); display:block; height:317px; width:990px }
#deco-default img { margin-top:165px }
.banner a { display:block; height:60px; margin:0 -30px; text-indent:-9999em; width:330px }
.banner.courses a { background:url("/images/banner-courses.png") no-repeat}
.banner.accredited a { background:url("/images/banner-accredited.png") no-repeat}
.banner.booking a { background:url("/images/banner-booking.png") no-repeat}

.mailinglist { background:#EE9B11 url("/images/banner-mailinglist.png") no-repeat; margin:0 -30px; padding:60px 30px 0 45px }

/* Illustrations */
.illustration { display:block; text-indent:-9999em; margin-top:20px }
.illustration.toolbox { background:url("/images/illustration-electronic-toolbox.jpg"); display:block; height:90px; width:328px }

/* Main-Menu */
.main-menu { color:#FFF; letter-spacing:0.03em; position:absolute; left:300px; top:106px }
.main-menu li { float:left; padding:0 7px }
.main-menu li.colour-a { border-right:1px solid #BBD800 }
.main-menu li.colour-b { border-right:1px solid #FFF500 }
.main-menu li.colour-c { border-right:1px solid #EE9B11 }
.main-menu li.last-child { border-right:none }
.main-menu a { color:#FFF; text-decoration:none; font-weight:700; text-transform:uppercase }
.main-menu a:hover, .main-menu a.active, .main-menu a.active:hover { color:#B7DD00; text-decoration:none }
.main-menu a.active { font-weight:700; text-decoration:none  }

/* Secondary-Menu */
.secondary-menu { color:#000; font-size:1.1em; font-weight:400; letter-spacing:0.01em; position:absolute; left:280px; top:63px }
.secondary-menu li { border-right:1px solid #F2AD39; float:left; padding:0 5px }
.secondary-menu li.last-child { border-right:none }
.secondary-menu a { color:#000; text-decoration:none }
.secondary-menu a:hover, .secondary-menu a.active { color:#FFF700; text-decoration:underline }
.secondary-menu a.active { font-weight:700 }

/* lists */
dl.qa { font-size:1.1em; line-height:1.5em; padding-top:20px }
dl.qa dt { font-weight:700 }
dl.qa dd { padding-bottom:20px }
#content ul, #rail ul { font-size:1.1em }

ol.ollist { line-height:1.5em; margin-left:20px }
ol.ollist li { list-style:decimal; padding-bottom:10px }

/* gallery */
.gallery-wrapper ul li { float:left; margin:0 10px 10px 0; padding:10px; text-align:center; width:160px }
.gallery-wrapper ul li a img { border:1px solid #000  }
.gallery-wrapper ul li a:hover img { border:1px solid #EF9C10 }
.gallery-wrapper ul li p { font-size:0.9em }

/* tickers */
#tickers { background:#000; border-bottom:2px solid #FFF; margin-right:-330px; padding:5px 0 }
#tickers .tickercontainer { overflow:hidden; width:990px }
#tickers .tickercontainer .mask { left:5px; overflow:hidden; position:relative; top:0; width:980px; }
#tickers ul.newsticker { left:985px; position:relative }
#tickers ul.newsticker li { float:left }
#tickers ul.newsticker span { color:#B7DD00; font-size:0.9em; font-weight:700; margin:0 50px 0 0; white-space:nowrap }

/* Styles */
#content h2 { border-bottom-color:#EDEDED; font-size:2em }
#content h2 span { text-transform:uppercase }
.tricolumn { float:left; margin:10px 10px 20px 0; width:180px }
.rule { border-bottom:1px solid #EDEDED; margin-bottom:20px; padding-bottom:10px }
.rule.last-child { border-bottom:none }
.vcard dt { font-weight:700 }
.getfreefoxitreader { margin-top:50px }

.article-wrapper .entry { background:none; border-bottom:1px solid #EDEDED }

.icon { height:30px; position:relative }
.icon span { background:url("/images/icon-info.png") no-repeat; position:absolute; left:410px; top:14px }
.icon span a { display:block; height:100px; text-indent:-9999em; width:150px }

.rule strong { color:#EE9B11 }

/* Forms */
h3.form { margin-left:130px; padding-bottom:20px }
#content fieldset .submit { margin-left:130px }

#rail fieldset { margin-bottom:20px }
#rail fieldset dt, #rail fieldset dd { display:block; float:none }
#rail fieldset dt { text-align:left; width:200px }

button.submit { background:url("/images/button-submit.png") no-repeat; border:none; cursor:pointer; height:30px; text-indent:-9999em; width:73px }

/* Overrides */
#content h3 { color:#EE9B11; font-size:1.6em; font-weight:400; padding-top:10px }
ul.plainlist li, ul.blanklist li, .redcloth ul li, .redcloth ol li { background:url("/images/libullet.png") no-repeat left 8px; font-size:1em }
.plainlist li a, a.textlink, .redcloth a { color:#000; padding:1px }
.plainlist li a:hover, a.textlink:hover, .redcloth a:hover { background-color:#EF9C10 }
#content p span.tricolumn { color:#000; display:block; font-weight:700; height:40px; width:180px }
.clear-all { clear:both }

.banner-box { margin-top:20px }
.banner-box .banner-column { float:left; width:50% }
.banner-box .banner-column .banner a { margin:0; width:100% }
.form-box { background:#EE9B11; border-left:1px solid #FFF; display:block }
.form-box .mailinglist { background-position:-1px top; margin:0; padding:5px 0 0 52% }
.form-box fieldset { margin-bottom:20px }
.form-box fieldset dt, .form-box fieldset dd { display:block; float:none }
.form-box fieldset dt { text-align:left; padding:0 0 2px; width:100% }
#content .form-box fieldset .submit { margin-left:1px }