/** CSS RESET **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/** SITE STYLES **/
body { margin:0; padding:0; background:#fff url(../images/bg_repeat-x.png) top center repeat-x;}
h1, h2, p, a, li { font-family: Arial, Helvetica, sans-serif ; margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:130%;}
h1 { font-size: 16px; color:#005596; margin-bottom:5px;}
h2 { font-size:12px; color:#0067B1; margin-bottom:5px;}
p, a, li { font-size: 12px; color:#666; margin-bottom:5px; text-decoration:none; outline:none; border:none;}
a { color:#0067B1;}
a:hover { color:#666;}
ul { list-style:disc;}
ol { list-style:decimal;}
li { margin-bottom:0;}
/** PAGE WRAPPERS **/
#page-wrapper { background-color:#fff; width:980px; height:auto; position:relative; margin:0 auto; padding:0; -moz-box-shadow: 0 0 10px #333; -webkit-box-shadow: 0 0 10px #333); box-shadow: 0 0 10px #333;}
#top-banner-wrapper { width:980px; height:115px; position:relative;}
#body-wrapper { width:950px; padding:30px 15px; height:auto; position:relative;}
/** PAGE DIVS **/
/** quote request **/
#quote-request { width:40px; height:216px; position:fixed; top:160px; right:0; z-index:2000;}
#why-choose { width:40px; height:216px; position:fixed; top:376px; right:0; z-index:2000;}
/** top banner **/
#top-banner { width:980px; height:35px; background-color:#005596; position:absolute; top:0;}
#logo-wrapper { width:307px; height:97px; position:relative; margin:0; padding:0; background:url(../images/bg_logo.png) top left no-repeat; left:3px; z-index:1000;}
#logo { width:190px; height:48px; position:relative; margin:0 auto; top:17px; z-index:1001;}
#top-nav { width:auto; margin:0; padding:0; position:relative; float:right; top:11px; margin-right:10px;}
#top-nav ul { list-style:none; margin:0; padding:0;}
#top-nav ul li { display:inline; position:relative; height:10px; float:left; padding:0 10px; border-right:1px solid #9ED3E8;}
#top-nav ul li:last-child { border-right:none;}
#top-nav ul li a { font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; position:relative; top:-5px; margin:0; padding:0; text-decoration:none;}
#top-nav ul li a:hover { color:#9ED3E8;}
#phone { width:150px; height:25px; background:url(../images/icons-phone.png) center left no-repeat; padding-left:30px; position:absolute; left:775px; top:62px;}
#phone p { font-size:24px; font-weight:bold; color:#DD5D3A; margin-top:-2px;}
#email { width:120px; height:20px; position:absolute; left:650px; top:63px;}
#email p { font-size:24px; font-weight:bold; color:#DD5D3A; margin-top:0px;}
/** main menu **/
#main-menu { height: 25px;}
.menu-inner { display: table; margin: 0 auto; }
ul#nav {list-style: none; }
ul#nav li { display: inline; position:relative; float:left; margin:0 1px; text-align:center; }
ul#nav li a { font:12px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:9px 29px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; behavior: url(js/PIE.htc);}
ul#nav li.panel-1 a { background-color:#61AFD6 ;}
ul#nav li.panel-2 a { background-color:#009DDC ;}
ul#nav li.panel-3 a { background-color:#0067B1 ;}
ul#nav li.panel-4 a { background-color:#005596 ;}
ul#nav li.panel-5 a { background-color:#00447C ;}
ul#nav li.panel-6 a { background-color:#002D56 ;}
/** inline-tabs_panel **/
/** XXXXXXXXXXXXXXXXXX**/
div.inline-tabs_panel { width:500px; min-height:60px; float:left; margin-left:17px; margin-bottom:0px; padding:0 15px; border-left:1px dashed #999; border-right:1px dashed #999;}
/** 2nd tier of tabs for certificate 4 and diploma courses **/
#main-menu-sub { height: 45px;}
.menu-sub { display: table; margin: 0 0 0 0; }
ul#nav-sub {list-style: none; }
ul#nav-sub li { display: inline; position:left; float:left; margin:0 1px; text-align:center; }
ul#nav-sub li a { font:12px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:5px 5px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; behavior: url(js/PIE.htc);}
ul#nav-sub li.panel-1 a { background-color:#FF8000 ;}
ul#nav-sub li.panel-2 a { background-color:#FF8000 ;}
ul#nav-sub li.panel-3 a { background-color:#FF8000 ;}
ul#nav-sub li.panel-4 a { background-color:#FF8000 ;}
ul#nav-sub li.panel-5 a { background-color:#FF8000 ;}
ul#nav-sub li.panel-6 a { background-color:#FF8000 ;}
ul#nav-sub li.panel-13 a { background-color:#33CC33 ;} /** this course info **/
ul#nav-sub li.panel-14 a { background-color:#009966 ;} /** id info **/
ul#nav-sub li.panel-15 a { background-color:#99cc00 ;} /** help **/
/** XXXXXXXXXXXXXXXXXX**/
/** online course-tabs_panel XXXXXXXXXXXXXXXXXX**/
div.onlinecourse-tabs_panel { width:900px; min-height:60px; float:left; margin-left:0px; margin-bottom:0px; padding:0 0px; }
/** 2nd tier of tabs for online courses **/
#main-menu-online { height: 65px;}
.menu-online { display: table; margin: 0 0 0 0; }
ul#nav-online {list-style: none; }
ul#nav-online li { display: inline; position:left; float:left; margin:0 1px; text-align:center; }
ul#nav-online li a { font:12px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:5px 5px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; behavior: url(js/PIE.htc);}
ul#nav-online li.panel-1 a { background-color:#cc0033 ;} /** logout / RED **/
ul#nav-online li.panel-2 a { background-color:#049117 ;} /** my course **/
ul#nav-online li.panel-3 a { background-color:#33CC33 ;} /** this course info **/
ul#nav-online li.panel-4 a { background-color:#009966 ;} /** id info **/
ul#nav-online li.panel-5 a { background-color:#99cc00 ;} /** help **/
ul#nav-online li.panel-6 a { background-color:#049117 ;}/** **/
ul#nav-online li.panel-7 a { background-color:#3364FF ;}/**BLUE **/
ul#nav-online li.panel-8 a { background-color:#FFC300 ;}/**YELLOW GOLD **/
/** XXXXXXXXXXXXXXXXXX**/
/** slidehow **/
#slideshow { width:976px; height:289px; border:2px solid #fff; position:relative; top:-1px; clear:both; margin:0; padding:0;}
ul.slidy-menu { margin: 0; padding: 0; }
ul.slidy-menu li { background-color: #002D56; border-right: 1px solid #fff; float: left; list-style: none; text-align: center; vertical-align: middle; height:34px; }
ul.slidy-menu li a { color: #fff; cursor: pointer; display: block; font: 11px Arial, Helvetica, sans-serif; height: 23px; letter-spacing: 1px; font-weight:bold; padding-top: 11px; text-decoration: none; }
ul li.slidy-link-selected a { background-color: #0067B1; color: #fff; }
/** body content **/
/** right panel **/
div.right-sidebar { width:180px; min-height:400px; float:right; margin-bottom:30px; position:relative; }
div.right-sidebar h2 { margin-top:15px;}
div.right-sidebar li {list-style-position:inside;}
.login-btn a { font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; font-weight:bold;}
.login-btn { width:180px; margin-bottom:10px; position:relative; -webkit-border-radius: 7px; border-radius: 7px; behavior: url(js/PIE.htc); background-color:#018540; padding:10px 0; text-align:center;}
.login-btn a { font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; font-weight:bold;}
.book-btn a { font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; font-weight:bold;}
.book-btn { width:180px; margin-bottom:10px; position:relative; -webkit-border-radius: 7px; border-radius: 7px; behavior: url(js/PIE.htc); background-color:#DD5D3A; padding:10px 0; text-align:center;}
.book-btn a { font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; font-weight:bold;}
.guarantee-btn a { font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; font-weight:bold;}
.guarantee-btn { width:180px; margin-bottom:10px; position:relative; -webkit-border-radius: 7px; border-radius: 7px; behavior: url(js/PIE.htc); background-color:#99cc00; padding:10px 0; text-align:center; font:14px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold;;}
.guarantee-btn a { font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; font-weight:bold;}
.details-btn { width:180px; margin-bottom:10px; position:relative; -webkit-border-radius: 7px; border-radius: 7px; behavior: url(js/PIE.htc); background-color:#005596; padding:10px 0; text-align:center; font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; font-weight:bold;}
/** left panel **/
div.left-sidebar { width:200px; min-height:400px; float:left; margin-bottom:30px;}
div.left-sidebar ul { list-style:none; width:200px;}
div.left-sidebar ul li { padding:3px 0; }
div.left-sidebar ul li a {font:14px Arial, Helvetica, sans-serif; color:#fff; margin:0; font-weight:bold; padding:10px 0; display:table-cell; width:200px; background-color:#005596; -webkit-border-radius: 7px; border-radius: 7px; behavior: url(js/PIE.htc); text-align:center;}
div.left-sidebar ul li a:hover { background-color:#DD5D3A;}
div.left-sidebar ul li ul li { width:180px; margin-left:10px;}
div.left-sidebar ul li ul li a { background:none; font-size: 12px; color:#666; text-align:left; font-weight:400; padding:2px 10px; border-left:4px solid #fff; -webkit-border-radius: 0; border-radius: 0; behavior: url(js/PIE.htc); }
div.left-sidebar ul li ul li a:hover { background:none; color:#DD5D3A; border-left:4px solid #DD5D3A;}
#search { width:200px; height:auto; background-color:#DD5D3A; -webkit-border-radius: 7px; border-radius: 7px; behavior: url(js/PIE.htc); padding-bottom:15px; margin-bottom:10px;}
#search h1 { font: 18px "Arial Black", Gadget, sans-serif; color:#fff; text-transform:uppercase; text-align:center; border-bottom:2px solid #fff;}
form { width:160px; padding:5px 20px; margin:auto;}
input.field { width:140px; padding:5px 10px; margin-bottom:10px; background-color:#fff; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(js/PIE.htc); border:0; font: 12px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; text-align:left; resize:none;}
input.button { background-color:#fff; -webkit-border-radius: 7px; border-radius: 7px; behavior: url(js/PIE.htc); border:0; font: 18px "Arial Black", Gadget, sans-serif; color:#005596; text-transform:uppercase; text-align:center; float:right;-webkit-appearance: none; cursor:pointer; resize:none;}
/** centre panel **/
div.centre-panel { width:500px; min-height:400px; float:left; margin-left:17px; margin-bottom:30px; padding:0 15px; border-left:1px dashed #999; border-right:1px dashed #999;}
div.centre-panel ul, div.centre-panel ol { margin-left:25px; margin-bottom:6px;}
div.centre-panel-full { width:700px; min-height:400px; float:left; margin-left:17px; margin-bottom:30px; padding:0 15px; border-left:1px dashed #999;}
div.centre-panel-full ul, div.centre-panel-full ol { margin-left:25px; margin-bottom:6px;}
/** footer **/
#footer { height:450px; width:950px; clear:both; margin:auto; border-top:1px dashed #999; margin-top:20px; position:relative;}
.footer-inner { margin: 0 auto; }
ul#footer-nav {list-style: none; height:800px; overflow:hidden; }
ul#footer-nav li { display: inline; position:relative; float:left; margin:0 15px; width:150px; padding-top:20px; }
ul#footer-nav li h2 { font:11px Arial, Helvetica, sans-serif; color:#005596; font-weight:bold; margin:10px 0 2px 0;}
ul#footer-nav li a { font:11px Arial, Helvetica, sans-serif; color:#939598;}
ul#footer-nav li a:hover { color:#333;}
ul#footer-nav li ul li { padding:0; margin-bottom:7px;}
div.foot-feature { position:absolute; top:-1px; left:736px; width:220px; height:433px; background-color:#005596; padding-left:10px; padding-top:20px;}
div.foot-feature ul { list-style:none; margin:0; padding:0;}
div.foot-feature li { text-align:left; width:200px; padding:0; margin-bottom:7px;}
div.foot-feature li h1 { font:12px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; margin:10px 0 2px 0;}
div.foot-feature li h2 { font:12px Arial, Helvetica, sans-serif; color:#79BDE8; font-weight:bold; margin:10px 0 2px 0;}
div.foot-feature li a { font:11px Arial, Helvetica, sans-serif; color:#BCBEC0; margin-left:0;}
div.foot-feature li a:hover { color:#fff;}
div.foot-feature li { margin-right:0; float:right; margin-left:30px;}
.social-links { margin:5px;}
/** PAGE CLASSES **/
.clearfix { width:100%; height:1px; clear:both !important;}