html, body { margin: 0; padding: 0; width: auto; height: auto; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 62.5%;
	background-image: url(../images/bg_grad.jpg);
	background-repeat:repeat-x;
}

p, ul {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 0.6em 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
}

a, span a { text-decoration:none; color:#0050a1; font-weight:bold; }

a:link, span a:link { text-decoration:none; color:#0050a1; font-weight:bold; }
	
a:hover, span a:hover { text-decoration:underline; color:#0050a1; font-weight:bold; }

a:visited { text-decoration:underline; color:#0050a1; font-weight:bold; }

a:active { text-decoration:underline; color:#0050a1; }

#container {
	text-align: center; /* for IE */
	margin: 0;
	padding: 0;
}

.clear { clear: both;}

.float_right { float:right;}

#header {
	margin: 0 auto;   /* align for good browsers */
	width: 940px;
}

.oilrig {
	width: 940px;
	height: 600px;
	background-image:url(../images/body_bg_oilrig.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

.petrol {
	width: 940px;
	height: 600px;
	background-image:url(../images/body_bg_petrol.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

.chem {
	width: 940px;
	height: 600px;
	background-image:url(../images/body_bg_chem.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

.pic_box {
	width:140px;
	height:140px;
	float:left;
	background-image:url(../images/pic_box.gif);
	background-repeat:repeat-x;
}

.sq_picture {
	width:110px;
	height:110px;
	margin:15px 0 0 15px;
}

.reg_form {
	background-color:#ebebeb;
	margin-left:10px;
	padding:10px 15px 0 10px;
	width:475px;
	height:auto;
}

.reg_title {
	background-color:#0050a1;
	margin-left:10px;
	display:block;
	color:#FFFFFF;
	font-size: 1.2em;
	width:143px;
	height:20px;
	margin-top:10px;
	padding:5px 0 0 7px;
}

.reg_form_input {
	width:200px;
	float:left;
}

.reg_form_drop {
	width:200px;
	float:left;
}

.form_name {
	width:140px;
	height:25px;
	float:left;
	margin-bottom:5px;
}

.form_number {
	width:140px;
	height:25px;
	float:left;
	margin-bottom:5px;
}

.form_address {
	width:140px;
	height:25px;
	float:left;
	margin-bottom:5px;
}

.form_centre {
	width:140px;
	height:25px;
	float:left;
	margin-bottom:5px;
}

.centre_title {
	background-color:#0050a1;
	margin-left:10px;
	display:block;
	color:#FFFFFF;
	font-size: 1.2em;
	width:512px;
	height:20px;
	float:left;
	margin-top:10px;
	padding:5px 0 0 7px;
}

.instructions {
	background: #ffffff url(../images/grey_grad.gif) repeat-x left bottom;
	margin-left:10px;
	display:block;
	width:510px;
	height:70px;
	float:left;
	border:solid #0050a1 1px;
	padding:5px 0 0 7px;
}

.units_title {
	background-color:#0050a1;
	margin-left:10px;
	display:block;
	color:#FFFFFF;
	font-size: 1.2em;
	width:100px;
	height:20px;
	float:left;
	margin-top:10px;
	padding:5px 0 0 7px;
}

.centre_content {
	margin-left:10px;
	display:block;
	width:388px;
	float:left;
	margin-top:10px;
	padding:5px 0 0 7px;
	border:solid #999999 1px;
}

.tcd {
	width:100px;
	float:left;
}

.tci {
	width:292px;
	float:left;
	margin-left:10px;
}

.units_content {
	margin-left:10px;
	display:block;
	width:103px;
	float:left;
	margin-top:10px;
	padding:5px 0 0 2px;
	border:solid #999999 1px;
}

.apply_now {
	background-color:#CCCCCC;
	text-align:center;
	display:block;
	width:101px;
	height:22px;
	float:left;
	margin:3px 0 2px 0;
	padding-top:6px;
}

.units_container { float:left;}

.centre {
	margin-left:10px;
	width:510px;
	float:left;
	margin-top:10px;
	padding:5px 0 0 7px;
	border:solid #999999 1px;
 }
	
.ex {
	width:502px;
	float:left;
	margin: 4px 0 10px 0;
	padding:8px 0 0 0;
	border-top:solid #999999 1px;
}

.test_sub_head {
	width:520px;
	height:30px;
}

#footer {clear:both; width:940px; height:40px;}

/* -- Navigation -- */

#navigation {float:left; width:211px; height:355px; margin:8px 0 0 8px;}

#navigation ul {margin: 0; padding: 0; list-style-type:none;}
#navigation ul a {display: block; height:36px; line-height: 2.4em; color:#ffffff; font-weight:bold; font-size:1.2em; text-decoration:none;  background: #e9e9e9 url(../images/btn_05.jpg) no-repeat left center; padding: 5px 0 0 15px;}
#navigation ul a:hover {background-color: #d7c6fc; background: #e9e9e9 url(../images/btn_hover_05.jpg) no-repeat left center;}
#navigation ul .on a {display: block; height:36px; color:#0050a1; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_on_05.jpg) #fdda0a;}

#navigation ul .intro a {display: block; height:36px; color:#ffffff; font-weight:bold; text-decoration:none; background: url(../images/btn_01.jpg) #fdda0a;}
#navigation ul .intro a:hover {background-color: #d7c6fc; background: #e9e9e9 url(../images/btn_hover_01.jpg) no-repeat left center;}
#navigation ul .intro_on a {display: block; height:36px; color:#0050a1; font-weight:bold; text-decoration:none; background: url(../images/btn_on_01.jpg) #fdda0a;}

#navigation ul .about a {display: block; height:36px; color:#ffffff; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_02.jpg) #fdda0a;}
#navigation ul .about a:hover {background-color: #d7c6fc; background: #e9e9e9 url(../images/btn_hover_02.jpg) no-repeat left center;}
#navigation ul .about_on a {display: block; height:36px; color:#0050a1; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_on_02.jpg) #fdda0a;}

#navigation ul .test a {display: block; height:36px; color:#ffffff; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_03.jpg) #fdda0a;}
#navigation ul .test a:hover {background-color: #d7c6fc; background: #e9e9e9 url(../images/btn_hover_03.jpg) no-repeat left center;}
#navigation ul .test_on a {display: block; height:36px; color:#0050a1; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_on_03.jpg) #fdda0a;}

#navigation ul .course a {display: block; height:36px; color:#ffffff; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_04.jpg) #fdda0a;}
#navigation ul .course a:hover {background-color: #d7c6fc; background: #e9e9e9 url(../images/btn_hover_04.jpg) no-repeat left center;}
#navigation ul .course_on a {display: block; height:36px; color:#0050a1; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_on_04.jpg) #fdda0a;}

#navigation ul .training a {display: block; height:36px; color:#ffffff; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_05.jpg) #fdda0a;}
#navigation ul .training a:hover {background-color: #d7c6fc; background: #e9e9e9 url(../images/btn_hover_05.jpg) no-repeat left center;}
#navigation ul .training_on a {display: block; height:36px; color:#0050a1; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_on_05.jpg) #fdda0a;}

#navigation ul .forum a {display: block; height:36px; color:#ffffff; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_06.jpg) #fdda0a;}
#navigation ul .forum a:hover {background-color: #d7c6fc; background: #e9e9e9 url(../images/btn_hover_06.jpg) no-repeat left center;}
#navigation ul .forum_on a {display: block; height:36px; color:#0050a1; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_on_06.jpg) #fdda0a;}

#navigation ul .reg a {display: block; height:36px; color:#ffffff; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_07.jpg) #fdda0a;}
#navigation ul .reg a:hover {background-color: #d7c6fc; background: #e9e9e9 url(../images/btn_hover_07.jpg) no-repeat left center;}
#navigation ul .reg_on a {display: block; height:36px; color:#0050a1; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_on_07.jpg) #fdda0a;}

#navigation ul .contact a {display: block; height:36px; color:#ffffff; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_08.jpg) #fdda0a;}
#navigation ul .contact a:hover {background-color: #d7c6fc; background: #e9e9e9 url(../images/btn_hover_08.jpg) no-repeat left center;}
#navigation ul .contact_on a {display: block; height:36px; color:#0050a1; font-weight:bold; font-size:1.2em; text-decoration:none; background: url(../images/btn_on_08.jpg) #fdda0a;}

/* -- LAYOUT -- */

.nav_col {
	float:left;
	width:250px;
	height:500px;
	margin:100px 0 0 90px;
}

.logos {
	width:227px;
	height:50px;
	margin:0 0 0 0;
}

.course_faqs a { display: block; height:60px; margin-top:15px; text-indent:-9999px; font-size: 1%; background: url(../images/course_faqs.gif) no-repeat 0 0;}
.course_faqs a:hover {background:url(../images/course_faqs.gif)  no-repeat 0 -60px;}

.download_pdf a { display: block; height:60px; margin-top:15px; text-indent:-9999px; font-size: 1%; background: url(../images/download_pdf.gif) no-repeat 0 0;}
.download_pdf a:hover {background:url(../images/download_pdf.gif)  no-repeat 0 -60px;}

.clickhere {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 0.6em 0;
	padding:10px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
}

.content_col {
	float:left;
	width:530px;
	margin-top:200px;
	margin-bottom:100px;
}

.main_content {
	margin-left:10px;
}

.component {
	width:530px;
	height:150px;
	margin-top:20px;
}

.ex_units_b {
	width:62px;
	height:35px;
	float:left;
	border-right:solid #999999 1px;
}

.ex_units_d {
	width:62px;
	height:45px;
	float:left;
	padding-top:10px;
	border-right:solid #999999 1px;
}

.ex_units {
	width:62px;
	height:35px;
	float:left;
}

.ex_units_refresher {
	width:95px;
	height:35px;
	float:left;
}

.ex_description {
	width:420px;
	float:left;
	margin:10px 10px;
}

.units {
	width:530px;
	height:35px;
	margin:20px 0 0 5px;
	padding:2px;
	border:solid #999999 1px;
}

.units_d {
	width:530px;
	height:55px;
	margin:20px 0 0 5px;
	padding:2px;
	border:solid #999999 1px;
}

/* -- HEADINGS -- */

h1 {	
	font-size: 2.5em;
	line-height: 1.2em;
	color: #000000;
	clear: both;
	margin: 0 0 0.5em 0;
	font-weight: normal;
}
h2 {
	font-size: 1.6em;
	line-height: 1.0em;
	color: #0050a1;
	font-weight: bold;
	margin:3px 0 10px 0;
}
h3 {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #0050a1;
	margin: 0 0 0.5em 0;
	font-weight: bold;
}
h4 {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #000000;
	margin: 1em 0 0.5em 0;
	font-weight: bold;
}

.faqs_title {
	width:550px;
	margin-top:10px;
	float:left;
}

.faqs {
	width:420px;
	height:20px;
	display: block;
	float:left;
}

.right_top  {
	width:100px;
	height:20px;
	font-size: 1.1em;
	float:left;
	text-align:right;
}

/* -- Course Headers -- */

.head_electrical {
	width:180px;
	height:18px;
	margin:0 0 12px 134px;
	display: block;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/electrical.gif);
	background-repeat:no-repeat; 
}

.head_dust {
	width:180px;
	height:18px;
	margin:0 0 12px 134px;
	display: block;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/dust.gif);
	background-repeat:no-repeat; 
}

.head_petrol {
	width:180px;
	height:18px;
	margin:0 0 12px 134px;
	display: block;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/petrol.gif);
	background-repeat:no-repeat; 
}

.head_water {
	width:180px;
	height:21px;
	margin:0 0 9px 134px;
	display: block;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/water.gif);
	background-repeat:no-repeat; 
}

.head_nonelec{
	width:180px;
	height:21px;
	margin:0 0 9px 134px;
	display: block;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/nonelec.gif);
	background-repeat:no-repeat; 
}

.head_design {
	width:330px;
	height:21px;
	margin:0 0 9px 134px;
	display: block;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/design.gif);
	background-repeat:no-repeat; 
}

.head_foundation {
	width:330px;
	height:21px;
	margin:0 0 9px 134px;
	display: block;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/foundation.gif);
	background-repeat:no-repeat; 
}

/* -- Page Headers -- */

.head_welcome {
	width:300px;
	height:70px;
	display: block;
	text-indent:-9999px;
	background-image: url(../images/head_welcome.gif);
	background-repeat:no-repeat; 
}

.head_about {
	width:300px;
	height:70px;
	display: block;
	text-indent:-9999px;
	background-image: url(../images/head_about.gif);
	background-repeat:no-repeat; 
}

.head_reg {
	width:300px;
	height:70px;
	display: block;
	text-indent:-9999px;
	background-image: url(../images/head_reg.gif);
	background-repeat:no-repeat; 
}

.head_thankyou {
	width:300px;
	height:70px;
	display: block;
	text-indent:-9999px;
	background-image: url(../images/head_thankyou.gif);
	background-repeat:no-repeat; 
}

.head_contact {
	width:300px;
	height:70px;
	display: block;
	text-indent:-9999px;
	background-image: url(../images/head_contact.gif);
	background-repeat:no-repeat; 
}

.head_test {
	width:300px;
	height:70px;
	display: block;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/head_test.gif);
	background-repeat:no-repeat; 
}

.head_course {
	width:300px;
	height:70px;
	display: block;
	float:left;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/head_course.gif);
	background-repeat:no-repeat; 
}

.head_centres {
	width:300px;
	height:70px;
	display: block;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/head_centres.gif);
	background-repeat:no-repeat; 
}

.head_faq {
	width:300px;
	height:70px;
	display: block;
	float:left;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/head_faq.gif);
	background-repeat:no-repeat; 
}

.head_forum {
	width:300px;
	height:70px;
	display: block;
	float:left;
	text-indent:-9999px;
	font-size: 1%;
	background-image: url(../images/head_forum.gif);
	background-repeat:no-repeat; 
}

.head_faq_back {
	width:230px;
	height:32px;
	float:left;
	text-align:right;
	padding-top:38px;
}

.head_back {
	width:230px;
	height:32px;
	float:left;
	text-align:right;
	padding-top:38px;
}