/*
Theme Name: Health and Safety Training Limited 2009
*/

* { margin: 0; padding: 0; font-size: 1em; }

img, embed, form, fieldset { border: 0; vertical-align: bottom; }

body { font: 62.5% "Arial", sans-serif; background: #2f2f2f; color: #000; text-align: center; }

ul, ol { list-style: none; }

.hide { position: absolute; top: 0; left: -99999px; }

a { color: #000; text-decoration: none; }

#hdr { width: 940px; margin: 1em auto 0; min-height: 160px; text-align: right; position: relative; background: #e1e100 url(/images/template/bg-hdr.png) no-repeat top left; }
#hdr ul { position: absolute; bottom: 0; right: 0; }
#hdr ul li { float: left; }
#hdr ul li a { padding: 1em .5em; float: left; font-size: 1.2em; color: #000; }
#hdr ul li a:hover { text-decoration: underline; }
#hdr ul li.on a, #hdr ul li.current_page_item a, #hdr ul li.current_page_parent a { color: #fff; background: #000; }
#hdr .logo { position: absolute; top: 0; left: 0; }

#banner { width: 940px; margin: 0 auto; text-align: left; position: relative; border-top: 2px solid #000; border-bottom: 5px solid #ff0; }
#banner img { width: 940px; height: 200px; }
#banner h1 { position: absolute; bottom: 0; left: 0; padding: .3em 20px; width: 900px; background: url(/images/template/bg-banner.png) top left; font-size: 2em; font-weight: normal; color: #000; border-top: 5px solid #ff0; }

#subMenu { width: 940px; margin: 0 auto; text-align: left; background: #000; overflow: hidden; zoom: 1; }
#subMenu ul li { float: left; }
#subMenu ul li a, #subMenu ul li.on span { float: left; padding: .6em 20px; color: #fff; font-size: 1.2em; }
#subMenu ul li a:hover, #subMenu ul li a:active, #subMenu ul li a:focus { text-decoration: underline; }
#subMenu ul li.on span { font-weight: bold; }
#subMenu ul ul { display: none; }

#content { width: 900px; margin: 0 auto; padding: 1px 20px 2em; line-height: 1.6; text-align: left; background: #fff; }
#content p { font-size: 1.4em; margin: 1.2em 0 1px; text-align: justify; }
#content p strong.highlight { font-size: 1.6em; color: #b50a00; }
#content h2 { font-size: 1.6em; margin: 1.6em 0 1px; }
#content h3 { font-size: 1.4em; margin: 1.2em 0 1px; }
#content ul { font-size: 1.4em; margin: 1.2em 0 1px 3em; text-align: justify; list-style: disc; }
#content ul li { }
#content ol { font-size: 1.4em; margin: 1.2em 0 1px 3em; text-align: justify; list-style: decimal; }
#content ol li { display: list-item; }
#content a { color: #f60; border-bottom: 2px solid #ff0; }
#content a:hover, #content a:active, #content a:focus { border-bottom: 2px solid #f60; }

#content #playerHolder { margin: 1.7em 0 10px 20px; float: right; }
#content #playerHolder a { border-bottom: 0 !important; }

#content .genForm { width: 70%; margin: 1em 0 0 15%; }
#content .genForm div { overflow: hidden; zoom: 1; }
#content .genForm label { width: 35%; margin: .5em 2% .5em 0; font-size: 1.4em; float: left; cursor: pointer; text-align: right; }
#content .genForm span.wpcf7-form-control-wrap { margin: .4em 0; font-size: 1.4em; float: left; }
#content .genForm .divideTop { margin: 1em 0 0; padding: 1em 0 0; border-top: 1px solid #ccc; }
#content .genForm .divideBottom { margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px solid #ccc; }
#content .genForm .wide label { width: auto; margin: .5em 0 .5em 20%; float: none; display: block; text-align: left; }
#content .genForm .wide span.wpcf7-form-control-wrap { margin: .4em 0 0 20%; float: none; }
#content .genForm .submit { margin: .5em 0 .5em 37%; font-size: 1.4em; }
#content .genForm .submit input { cursor: pointer; }

#content .wpcf7-response-output { font-size: 1.4em; }

#content ul.homeBanners { margin: 1.2em 0 1px; text-align: left; list-style: none; overflow: hidden; zoom: 1; }
#content ul.homeBanners li { width: 250px; margin: 0 25px; position: relative; float: left; }
#content ul.homeBanners li a { font-size: 1.1em; font-weight: bold; color: #000; border-bottom: 0; float: left; }
#content ul.homeBanners li a:hover, #content ul.homeBanners li a:active, #content ul.homeBanners li a:focus { border-bottom: 0; }
#content ul.homeBanners li a span { position: absolute; bottom: 0; left: 0; padding: .3em 10px; width: 230px; background: url(/images/template/bg-banner.png) left top; }
#content ul.homeBanners li a:hover span { text-decoration: underline; }

#ftr { width: 900px; margin: 0 auto; padding: 2em 20px; line-height: 1.6; background: #111; color: #fff; text-align: left; }
#ftr ul { margin: 0 -1px 0 0; }
#ftr ul li { font-size: 1.2em; display: inline; border-right: 1px solid #fff; padding: 0 .5em 0 .3em; }
#ftr ul li.last { border-right: 0; }
#ftr ul li.terms, #ftr ul li.adr { display: block; border-right: 0; }
#ftr ul li a { color: #ccc; border-bottom: 1px dotted #ccc; }
#ftr ul li a:hover, #ftr ul li a:active, #ftr ul li a:focus { border-bottom: 1px solid #fff; }