@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			AirCon Training
	Author: 		Jon Park | Union Room
	Created: 		April 3rd, 2008
	Updated: 
	Copyright: (c) 2008, AirCon Training
	
=======================================
*/

/* === Tags & Global Elements === */
* { margin: 0px; padding: 0px; }
html { font-size: 100%; }
body {
	font-size: 62.5%;
	background: #5B929B url(../img/bg/body.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}

a { color: #FFF; text-decoration: none; border-bottom: 1px dotted; }
a:hover { border-bottom-style: solid; }
a.external {}
a#unionroom {}
a#unionroom:hover {}
	
acronym { cursor: help; }
	
p { padding: 0 0 10px 0; font-size: 1.1em; }
p.first { font-size: 1.3em; }
p.second { font-size: 1.1em; line-height:16px; }

/* === IDs & Classes === */

/* === Structure Elements === */ 
.structure { display: table; }

div#wrapper { width: 860px; margin: 0 auto; background: url(../img/bg/divWrapper.jpg) no-repeat left 162px; }
div#hdr { width: 800px; height: 162px; margin: 0 auto; background: url(../img/bg/divHdr.gif) repeat-x top; }
	div#hdr div.left { width: 15px; height: 162px; background: url(../img/bg/divHdrLeft.gif) no-repeat top left; float: left; }
	div#hdr div.right { width: 20px; height: 162px; background: url(../img/bg/divHdrRight.png) no-repeat top right; float: right; }
div#body, div#bodyHome, div#bodyCourses { width: 800px; margin: 0 auto; }
	div#content { width: 553px; padding: 278px 15px 8px 15px; float: left; }
	div#bodyHome div#content { width: 470px; }
	div#bodyHome div#sidebar { width: 159px; margin: 0 58px 0 0; padding: 108px 10px 30px 10px; background: url(../img/bg/divSidebar.gif) repeat-x left 250px; float: right; }
	div#bodyCourses div#sidebar, div#sidebarContact { width: 170px; margin: 15px 0 0 0; padding: 278px 10px 30px 10px; float: left; }
	div#bodyCourses div#content { width: 525px; margin: 15px 0 0 0; padding: 278px 75px 15px 0; float: right; }
	div#bodyCourses div#content div.inner { height: 950px; padding: 0 0 0 20px; border-left: 1px solid #FFF; }
div#ftr { width: 780px; padding: 10px; margin: 0 auto; border-top: 1px solid #FFF; }

/* === Content Elements === */
ul.inline { list-style: none; }
ul.inline li { display: inline; }

ul#menuTop, ul#menuMain { padding: 10px 0 0 0; text-align: right; float: right; }
ul#menuTop li, ul#menuMain li { padding: 0 3px; color: #666; font-weight: bold; }
ul#menuTop a { color:#666; font-weight: bold; text-decoration: none; border: none; }
ul#menuTop a:hover { text-decoration: underline; border: none; }
ul#menuTop a span { text-decoration: underline; }

ul#menuMain { width: 480px; padding: 96px 0 0 0; }
ul#menuMain li { font-size: 1.1em; color: #5B929B; font-weight: bold; }
ul#menuMain a { padding: 15px 0 0 0; color: #5B929B; font-weight: bold; text-decoration: none; border: none; }
ul#menuMain a:hover { text-decoration: underline; border: none; }
ul#menuMain a.active { background: url(../img/bg/aMenuMain.gif) no-repeat top left; }

table#law { width: 643px; margin: 10px 0; }
table#law th, table#law td { padding: 5px; }
table#law th { width: 25%; font-size: 1.6em; text-align: right; font-weight: bold; }
table#law td { font-size: 1.1em; }

ul.bodyList, ul#qualifications, ul#courseList, ul#sitemap { padding: 0 0 10px 20px; }
ul.bodyList li { font-size: 1.1em; }

ul#qualifications li { padding: 2px 0; font-size: 1.1em; }

div.course { height: 550px; }

ul#courseList { padding: 0 0 10px 0; list-style: none; }
ul#courseList li { padding: 5px 0; font-size: 1.1em; line-height: 1.6em; }
ul#courseList a { font-weight: bold; }
ul#courseList a span { text-transform: uppercase; }

ul#sitemap li { padding: 1px 0; font-size: 1.2em; }

form#contact table { margin: 20px; float: left; }
form#contact td, form#contact th { padding: 2px 5px; }
form#contact th { text-align: right; }

div#ftr p { width: 45%; }

div#sidebarContact { padding-top: 300px; }
div#sidebarContact p { font-size: 1.2em; line-height: 1.6em; }
div#sidebarContact h3 { padding: 10px 0; font-size: 1.4em; text-transform: uppercase; }
div#sidebarContact ul { padding: 0 0 10px 0; list-style: none; }
div#sidebarContact li { padding: 2px 0; font-size: 1.2em; }

/* === Form Elements === */
label { font-size: 1.1em; }
input.text, textarea { width: 250px; padding: 2px; font: 1.2em Arial, Helvetica, sans-serif; }

p.error, p.success, p.notice { width: 400px; padding: 10px 0; text-align: center; font-size: 1.6em; }
p.error { background-color: #C00; border: 1px solid #A00; }
p.success { background-color: #090; border: 1px solid #0A0; }

.errPtr { border: 1px solid #A00; background-color: #FCC; color: #C00; }

/* === Titles & Headers === */
h1#siteTitle { width: 280px; height: 135px; background-image: url(../img/titles/h1SiteTitle.gif); float: left; }
h2#tagLine { width: 317px; height: 50px; margin: 0 0 15px 0; background-image: url(../img/titles/h2Tag.png); }
h2#aboutUs { width: 159px; height: 24px; margin: 0 0 15px 0; background-image: url(../img/titles/h2AboutUs.gif); }
h2#theLaw { width: 138px; height: 24px; margin: 0 0 15px 0; background-image: url(../img/titles/h2TheLaw.gif); }
h2#courses { width: 321px; height: 26px; margin: 0 0 15px 0; background-image: url(../img/titles/h2Courses.gif); }
h2.cityGuilds { width: 221px!important; height: 26px!important; margin: 0 0 15px 0!important; background-image: url(../img/titles/h2CityGuilds.gif)!important; }
h2.constructionSkills { width: 370px!important; height: 26px!important; margin: 0 0 15px 0!important; background-image: url(../img/titles/h2ConstructionSkills.gif)!important; }
h2#Accessibility { width: 231px; height: 24px; margin: 0 0 15px 0; background-image: url(../img/titles/h2Accessibility.gif); }
h2#SiteMap { width: 145px; height: 24px; margin: 0 0 15px 0; background-image: url(../img/titles/h2SiteMap.gif); }
h2#Terms { width: 228px; height: 24px; margin: 0 0 15px 0; background-image: url(../img/titles/h2Terms.gif); }
h2#Terms { width: 228px; height: 24px; margin: 0 0 15px 0; background-image: url(../img/titles/h2Terms.gif); }
h2#Privacy { width: 256px; height: 24px; margin: 0 0 15px 0; background-image: url(../img/titles/h2privacyPolicy.gif); }
h3#consSkills { margin: 0 0 0 5px; width: 154px; height: 90px; background-image: url(../img/constructionskills.gif); }
h3#cityGuilds { margin: 0 0 0 5px; width: 154px; height: 90px; background-image: url(../img/cityGuilds.gif); }
h2#contactUs { width: 199px; height: 41px; background-image: url(../img/titles/h2ContactUs.gif); }
h3#Staff { width: 47px; height: 28px; margin: 8px 0 0 0; background-image: url(../img/titles/h3Staff.gif); }
h3#cityAndGuilds { width: 157px; height: 25px; padding: 0 0 0 0; background-image: url(../img/titles/h3CityAndGuilds.gif); }
h3#cityAndGuilds2 { width: 157px; height: 25px; padding: 0 0 0 0; background-image: url(../img/titles/h3CityAndGuilds.gif); }
h3#sideConstructionAd { width: 157px; height: 48px; margin: -10px 0 0 0; padding: 0 0 13px 0; background-image: url(../img/titles/h3ConstructionAd.png); }
h3#sideCityGuildsAd { width: 157px; height: 48px; margin: -10px 0 0 0; padding: 0 0 13px 0; background-image: url(../img/titles/h3CityGuildsAd.png); }

h3.section { padding: 5px 0; font-size: 1.6em; }
h3.courseTitle { padding: 10px 0; font-size: 1.5em; font-weight: bold; text-transform: capitalize; }

h3#notice { width: 488px; height: 90px; background-image: url(../img/titles/h4Notice.gif); }

a.readMoreBlack { margin: 5px 0; width: 95px; height: 33px; background-image: url(../img/titles/aReadMore-black.png); }
a#readMoreLower { margin: 5px 0; width: 95px; height: 72px; background-image: url(../img/titles/aReadMore-lower.gif); }
a#viewCoursesSide { width: 123px; height: 33px; background-image: url(../img/titles/aSideViewCourses.png); }
a#viewCoursesSide:hover { background-position: bottom; }
a#viewCoursesSide2 { margin: 5px 0; width: 123px; height: 33px; background-image: url(../img/titles/aSideViewCourses.png); }
a#viewCoursesSide2:hover { background-position: bottom; }
a.imgReplace, a.imgReplace:hover { border-bottom: none; }
a.imgReplace:hover { background-position: bottom; }

/* === Important Stuff === */
.fLeft { float: left !important; }
.fRight { float: right !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }
.tCentre { text-align: center !important; }

.bold { font-weight: bold !important; }
.noBold { font-weight: normal !important; }
.noBorder { border: none !important; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.hide { display: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */