/* import core styles */
@import url(base.css);

body { font-family: Arial, Helvetica, sans-serif; background:url(../images/background/back.png) repeat-x;}
h1, h2 h3, h4, h5, h6, p, li { line-height:1.0em; }

/*---- Container ----*/
div#container { width:880px; margin:0 auto; background:#fff; padding:0 50px 0 50px; }

/*---- Header ----*/
div#header{ padding:20px 5px 20px 0; height:75px; }

/*---- Header - Links ----*/
div#header div.links { width:300px; padding:45px 0 0 50px; float:left; position:relative; }
.headerlink { padding:0 5px; font-size:13px; color:#f79646; text-decoration:none; float:left; }
.headerlink:visited { color:#f79646; text-decoration:none; }
.headerlink:hover { color:#999; text-decoration:none; }

/*---- Navigation ----*/
div#navigation{ border-bottom:1px solid #ccc; }

/*---- Content ----*/
div#content { margin-bottom:10px; }

/*---- Banner ----*/
div#banner { margin:20px 0 15px 0; }
#slideshow { 	overflow: hidden;
	margin: 20px auto 10px;
	position: relative;
	width: 880px;
	height: 280px;
}

/*---- Dashboard ----*/
div#dashboard { margin-bottom:25px; }

/*---- Partners ----*/
div#partners{ padding:30px 0; float:right; }

/*---- Main ----*/
div#main { float:left; padding:30px 0px 20px 0px; width:880px; display:table-cell;}


/*---- Sidebar ----*/
div#sidebar { width:205px; float:left; margin-left:7px; display:table-cell; margin-right:10px;}


/*---- Footer ----*/
div#footer { padding:20px 6px 35px 5px; height:75px; border-top:1px solid #cccccc; }

/*---- Header - Logo ----*/
div#header div.logo{ float:right; padding-top:0px; }
div#header div.logo a { display:block; }

div#header div#booking-form { float:left; margin-left:11px; }
div#header div#booking-form p label { float:left; width:109px; margin-right:20px; font-size:240%; color:#404040; }
div#header div#booking-form p span { font-size:100%; color:#B2B2B2; line-height:1.0; }
div#header div#booking-form p select { width:190px; }
div#header div#booking-form p img.tel { width:152px; height:16px; margin-bottom:20px; margin-left:1px;}

/*---- Navigation ----*/
div.navbox { width:880px; }
div#navigation ul { margin-left:11px; }
div#navigation ul li { float:left; margin-right:2px; list-style:none; }
div#navigation ul li a { float:left; line-height:29px; color:#404040; text-decoration:none; background:transparent url(../images/navigation/navigation-left.jpg) no-repeat scroll left bottom; padding-left:10px; }
div#navigation ul li a span { float:left; background:transparent url(../images/navigation/navigation-right.jpg) no-repeat scroll right bottom;  padding-right:10px; font-size:120%; }
div#navigation ul li.active a, div#navigation ul li:hover a { background:transparent url(../images/navigation/navigation-active-left.jpg) no-repeat scroll left bottom; }
div#navigation ul li.active a span, div#navigation ul li:hover a span { background:transparent url(../images/navigation/navigation-active-right.jpg) no-repeat scroll right bottom; color:#fff; }

div#navigation ul li.parent { position:relative; }
div#navigation ul li.parent ul.child { position:absolute; top:26px; margin:0; height:44px; }
div#navigation ul li.parent ul.child li { display:inline; margin-right:0px; float:none; font-size:110%; }
div#navigation ul li.parent ul.child li a { display:inline; float:none; background:none; padding:0; font-size:100%; }
div#navigation ul li.active ul.child li:hover a, div#navigation ul.child li a.active  { color:#ff6600; }
div#navigation ul li.parent ul.child li.pipe { color:#ccc; }

div#navigation ul li.parent ul.child { display:none; }
div#navigation ul li.active ul.child { display:block; }

 
div#navigation ul li#your-training ul.child { left:-10px; padding:0 0 0 19px; width:860px; }
div#navigation ul li#aboutus ul.child { left:-104px; padding:0 0 0 16px; width:270px; }
div#navigation ul li#our-news ul.child { left:-175px; padding:0 0 0 189px; width:691px; }

div#navigation ul li#corporate ul.child { left:-250px; padding:0 0 0 259px; width:621px; }
div#navigation ul li#press ul.child { left:-327px; padding:0 0 0 349px; width:531px; }
div#navigation ul li#contact-us ul.child { left:-397px; padding:0 0 0 399px; width:511px; }
div#navigation ul li#our-courses ul.child { left:-12px; padding:0 0 0 0px; width:900px; }

div#navigation ul li.parent ul.child2 { position:absolute; top:42px; margin:0; height:44px; }
div#navigation ul li.parent ul.child2 li { display:inline; margin-right:0px; float:none; font-size:110%; }
div#navigation ul li.parent ul.child2 li a { display:inline; float:none; background:none; padding:0; font-size:100%; }
div#navigation ul li.active ul.child2 li:hover a, div#navigation ul.child2 li a.active  { color:#ff6600; }
div#navigation ul li.parent ul.child2 li.pipe { color:#ccc; }

div#navigation ul li.parent ul.child2 { display:none; }
div#navigation ul li.active ul.child2 { display:block; }

 
div#navigation ul li#your-training ul.child2 { left:-10px; padding:0 0 0 19px; width:860px; }
div#navigation ul li#aboutus ul.child2 { left:-104px; padding:0 0 0 16px; width:270px; }
div#navigation ul li#our-news ul.child2 { left:-175px; padding:0 0 0 189px; width:691px; }

div#navigation ul li#corporate ul.child2 { left:-250px; padding:0 0 0 259px; width:621px; }
div#navigation ul li#press ul.child2 { left:-327px; padding:0 0 0 349px; width:531px; }
div#navigation ul li#contact-us ul.child2 { left:-397px; padding:0 0 0 399px; width:511px; }
div#navigation ul li#our-courses ul.child2 { left:-12px; padding:0 0 0 0px; width:900px; }
 

 
/*---- Partners ----*/
div#partners h2 { font-size:180%; color:#404040; line-height:18px; }
div#partners h2 span { color:#ACACAC; }
div#partners ul li { display:block; margin-right:8px; float:right; }
div.partnerbox { width:101px; display:table-cell; }

/*---- Content ----*/
div#content h1 { font-size:20px; margin-bottom:5px; line-height:1.2em; font-weight:normal; color:#333; }
div#content h1 a { color:#333; text-decoration:none; }
div#content h1 a:visited { color:#333; text-decoration:none; }
div#content h1 a:hover { color:#333; text-decoration:none; }
div#content h1 span { font-size:100%; color:#b1b1b1; }
span.orange { color:#f79646; }
div#content h1 span.orange a { color:#f79646; text-decoration:none; }
div#content h1 span.orange a:visited { color:#f79646; text-decoration:none; }
div#content h1 span.orange a:hover { color:#f79646; text-decoration:none; }
div#content p a.more-link { font-size:100%; color:#FF9900; font-weight:bold; text-decoration:none; }
div#content p a.more-link:hover { text-decoration:underline; }

/*---- Main - Post ----*/
h2 { font-size:20px; margin-bottom:5px; line-height:1.2em; font-weight:normal; color:#333; }
h3 { font-size:18px; margin-bottom:5px; line-height:1.2em; font-weight:normal; color:#333; display:inline; }
h4 { font-size:160%; margin-bottom:5px; line-height:1.2em; font-weight:normal; }
h5 { font-size:120%; margin-bottom:20px; line-height:1.2em; }

p.datestamp { color:#FF9900; font-size:120%; line-height:1.2em; }
p { color:#666; font-size:120%; line-height:1.2em; margin-bottom:23px; text-align:justify; }
p strong { color:#333; font-weight:bold; }
p a { text-decoration:none; color:#FF9900; }
p a:hover { text-decoration:none; color:#CCC; }
div.middle ul li { color:#666; font-size:120%; line-height:1.2em; list-style:disc; margin:0 0 0 20px; padding:0; }
div.middle ul {margin-top:0; padding-top:0; }
div.middle strong em { color:#666; font-size:120%; line-height:1.6em; }

div.post ul { margin:0 0 20px 20px; }
div.post ol { margin:0 0 20px 25px; }
div.post ul li, div.post ol li { margin-bottom:5px; line-height:1.2em; font-size:120%; color:#666666; }
div.post ul li { list-style:disc; }
div.post ol li { list-style:decimal; }
div.post ul li a { text-decoration:none; color:#FF9900; }
div.post ul li a:hover { text-decoration:none; color:#CCC; }
div.post span.doc { font-size:smaller; }
div.post input.submit-btn { color:#666; border:0; background:none; cursor:pointer; }
div.post div.contact { float:left; width:250px; }
div.post div.feedback { background:#666; color:#FFF; width:300px; float:right; padding:15px; height:370px; }
div.post div.feedback p { color:#FFF; }
div.post div.feedback form { text-align:right; vertical-align:top; }
div.post div.feedback form label { color:#FFF; font-size:120%; width:70px; vertical-align:top; }
div.post div.feedback form input#btnSendEmail { color:#fff; border:0; background:none; cursor:pointer; width:73px; }
div.post div.feedback form input#txtName, div.post div.feedback form input#txtEmail, div.post div.feedback form input#txtSubject, div.post div.feedback form textarea#txtMessage { width:230px; }
div.post p strong em { color:#C00; }

div.post blockquote p { font-style:italic; }

/*---- Sidebar ----*/
div#sidebar div.image { margin-bottom:13px; }

/*---- Footer ----*/
div#footer div#image { float:right; text-align:right; width:505px; }
div#footer div#image img { float:left; }
div#footer p.copyright {float:right; font-size:110%; color:#666; margin-top:20px; text-align:right; vertical-align:text-bottom; }
div#footer div#footer-nav { float:left; }
div#footer div#footer-nav ul { width:420px; }
div#footer div#footer-nav ul li { margin-bottom:8px; width:210px; float:left; }
div#footer div#footer-nav ul li a { font-size:110%; color:#666; line-height:1.2em; }
div#footer div#footer-nav ul li a.active { color:#343434; font-weight:bold; }
div#footer div#footer-nav .EnewsButton { border:0; background:none; cursor:pointer; padding:0; font-size:120%; margin:0; }
div#footer div#footer-nav img { margin-bottom:10px; }

div.controls { width:880px;  margin-bottom:0px; }
div#content div.controls h1 { float:left; margin:0; }
div.controls p { float:right; padding-top:10px; font-size:11px; }
div.controls p a { margin-left:12px; text-decoration:none; color:#333333; }

div.maingrid { float:left; display:table; width:720px; margin-left:60px; }
div.mainrow { float:left; display:table-row; width:720px; }
div.maincell { float:left; display:table-cell; width:360px; height:130px; }

div.innerbox { margin-left:20px; float:left; display:table; width:340px; }
div.innerrow { float:left; display:table-row; width:340px; }
div.innertopleft { float:left; display:table-cell; width:244px; }
div.innertopright { float:right; display:table-cell; width:96px; }
div.innerbottom { float:left; display:table-cell; width:340px; padding:10px 5px 5px 5px;}

div.innerinnerbox{ float:right; display:table; width:96px; }
div.innerinnerrow{ float:right; display:table-row; width:96px; }
div.innerinnercell{ float:right; display:table-cell; width:96px; height:37px; text-align:left; }

div.innerinnercell p { font-size:110%; padding-bottom:6px; line-height:1.2em; color:#333; }
div.innerbottom p { font-size:120%; margin-bottom:5px; line-height:1.2em; color:#333; }
div.innerbottom hr { background-color:#CCC; height:1px; border:0px;}

div.internalbox{ float:left; display:table; width:880px; }
div.internalrow{ float:left; display:table-row; width:880px; }
div.side{ float:left; display:table-cell; width:212px; }
div.middle{ float:left; display:table-cell; width:638px; padding-left:20px; }

.pad13 { padding-top:13px; }

/*---- Booking Form ----*/
.left { width:200px; display:inline; float:left;}
.right { width:290px; display:inline; float:left; vertical-align:top; }
.greyright { width:190px; display:inline-block; }
.deflabel { margin-bottom:10px; font-size:120%; line-height:1.2em; color:#999; }
.greylabel { margin-bottom:10px; font-size:120%; line-height:1.2em; color:#fff; }
.deftext { border:1px solid #999; width:275px; margin-bottom:10px; color:#666; }
.greytext { border:1px solid #999; width:275px; margin-bottom:10px; color:#666; }
.dropdown { border:1px solid #999; width:220px; margin-bottom:10px; color:#666; }

.PayPalButton { margin:0; padding:0; float:right; }


/*---- New Home Page ----*/
 /*--width:138px; height:202px; margin-right:6px; padding:10px;  --*/
#firemarshalbox { background-color:#EE3425; }
#foodsafetybox { background-color:#FFCD34; }
#manualhandlingbox { background-color:#5C7F49; }
#healthbox { background-color:#EC3724; }
#salpsbox { background-color:#2A2760; }
#agebox { background-color:#C3DAEA; }
#drugsbox { background-color:#548FCB; }
#auaspbox { background-color:#7C58A2; }
#disabilitybox { background-color:#90684F; }
#equalitybox { background-color:#231F20; }
#moneylaunderingbox { background-color:#66AAB3; }

.dashimg { margin:10px; }

/*
#firemarshalbox p, #foodsafetybox p, #manualhandlingbox p { color:#ffffff; font-size:11px; margin-bottom:10px; }
#firemarshalbox a img, #foodsafetybox a img, #manualhandlingbox a img { margin-bottom:10px; }
*/


#introduction { margin-top:10px; width:405px; height:270px; float:left; }
#introduction h1 { font-size:32px; color:#666666; } 
#introduction p { margin-bottom:10px; }

/*---- New Navigation ----*/
div#navigation ul li#features ul.child { left:-14px; padding:0 0 0 16px; width:740px; }
div#navigation ul li#features ul.child li { display:inline; margin-right:4px; float:none; font-size:110%; }
div#navigation ul li#ourhandbooks ul.child { left:0px; padding:0 0 0 0px; width:730px; }

/*---- New Layout ----*/
#leftbox { height:310px; width:276px; float:left; }
#middlebox { width:439px; float:left; padding:0 20px; }
#rightbox { height:310px; width:125px; float:right; }

#myMap { height:310px; width:276px; float:left; }

/*---- New Formating ----*/
div#leftbox .buynow { font-size:200%; line-height:1.2em; padding-top:10px; margin-bottom:23px; text-align:justify;  text-decoration:none; color:#FF9900; font-weight:bold; margin-left:90px; }

div#middlebox ul { margin-bottom:23px; }
/*div#middlebox ul li { list-style:disc; color:#666; font-size:120%; line-height:1.2em; text-align:justify; margin-left:20px; }*/
div#middlebox .buynow { font-size:120%; line-height:1.2em; margin-bottom:23px; text-align:justify;  text-decoration:none; color:#FF9900; font-weight:bold; }
div#middlebox .gotocourse { font-size:100%; line-height:1.2em; margin-bottom:23px; text-align:justify;  text-decoration:none; color:#333333; font-weight:bold; }

h1 { padding-top:5px; }

ul.cpllist { margin-left:30px; }
ul.cpllist li { list-style-image:url(../images/favicon.png); color:#666; line-height:1.2em; font-size:120%; margin-bottom:5px; text-align:left; }
ul.cpllist li a, ul.cpllist li a:visited, ul.cpllist li a:hover { color:#666; text-decoration:none; }

.active {background-position: left bottom;}

.cmlink { color:#666; text-decoration:none; }