BODY {    
	background-color: #757577;       	
	background-image:url(/images/background.jpg);
	background-repeat: repeat-x;	
    text-align: center;    
    margin: 0px;
    z-index: -100;
}

A {
	text-decoration: none;
}

UL {
	margin-left: 20px;
	margin-top: 1px;
	margin-bottom: 15px;
}

LI {			
	margin-left:-4px;
	list-style-image:url("/images/body-text-bulletpoint.gif")
}

TD {
	font-family: arial;
	font-size: 9pt;		
	color: #757477;
}

INPUT.forminput 
{
    border: 1px solid #b1b1b2;
    font-family: arial;
	font-size: 8pt;	
	width: 300px;
}

INPUT.newsletterinput 
{
    border: 1px solid #b1b1b2;
    font-family: arial;
	font-size: 9pt;	
	width: 185px;
}

TEXTAREA.forminput 
{
    border: 1px solid #b1b1b2;
    font-family: arial;
	font-size: 8pt;	
	width: 300px;
	height: 60px;
}


A.topoption {
	color: #757477;
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;	
}

A.footeroption {
	font-family: arial;
	font-size: 9pt;	
	color: #FFFFFF;
}

A.icanfooter {
	font-family: arial;
	font-size: 8pt;	
	color: #757477;
}

A.primarybuttonselected {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: #B0E5EC;
}

A.primarybutton {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
}

A.primarybutton:hover {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: #B0E5EC;
}

A.menuoption {
	font-family: arial;
	font-size: 9pt;	
	font-weight: bold;
	color: #757477;
}

A.menuoption:hover {
	font-family: arial;
	font-size: 9pt;	
	font-weight: bold;
	color: #004489;
}

A.menuoptionselected {
	font-family: arial;
	font-size: 9pt;	
	font-weight: bold;
	color: #004489;
}

A.menusuboption {
	font-family: arial;
	font-size: 9pt;		
	color: #757477;
}

A.menusuboption:hover {
	font-family: arial;
	font-size: 9pt;		
	color: #004489;
}

A.menusuboptionselected {
	font-family: arial;
	font-size: 9pt;		
	color: #004489;
}

A.forthcomingevent {
	font-family: arial;
	font-size: 9pt;	
	font-weight: bold;
	color: #004489;
}

FONT.menutitle {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;	
	color: #004489;
}

FONT.blueboxtitle {
	font-family: arial;
	font-size: 11pt;	
	font-style: italic;
	color: #FFFFFF;
}

FONT.blueboxcontent {
	font-family: arial;
	font-size: 10pt;	
	color: #FFFFFF;
}

FONT.boxtitle {
	font-family: arial;
	font-size: 14pt;	
	color: #757477;
}

FONT.boxtitle2 {
	font-family: arial;
	font-size: 14pt;	
	color: #FFFFFF;
}

FONT.boxsubtitle {
	font-family: arial;
	font-size: 10pt;	
	color: #757477;
}

FONT.boxcontent {
	font-family: arial;
	font-size: 9pt;	
	color: #757477;
}

FONT.boxcontent2 {
	font-family: arial;
	font-size: 9pt;	
	color: #FFFFFF;
}

FONT.boxcontent3 {
	font-family: arial;
	font-size: 9pt;	
	color: #0293cc;
}

FONT.eventdetails {
	font-family: arial;
	font-size: 9pt;	
	color: #000000;
}

FONT.coursetitle {
	font-family: arial;
	font-size: 22pt;
	font-weight: bold;		
	color: #004489;
}

FONT.coursesubtitle {
	font-family: arial;
	font-size: 9pt;	
	font-weight: bold;	
	color: #004489;
}

FONT.contactformsubtitle {
	font-family: arial;
	font-size: 8pt;		
	color: #004489;
}

FONT.coursesubtitlebig {
	font-family: arial;
	font-size: 9pt;	
	font-weight: bold;	
	color: #004489;
}

FONT.coursebody {
	font-family: arial;
	font-size: 9pt;		
	color: #757477;
}

FONT.formfield {
	font-family: arial;
	font-size: 9pt;	
	color: #757477;
}

DIV.pagecontainer {	
	position:absolute;	
	width:755px;			
	text-align: left;
	borderoff:1px solid #E4E4E4;	
	left:50%;
	margin-left: -378px;
	background-color: #FFFFFF;
	background-image: url(/images/background_top.jpg);
	background-repeat: no-repeat;
	z-index: 0;
}

DIV.logocontainer {	
	position:relative;	
	width:100%;		
	height: 89px;
	borderoff:1px solid red;			
}

DIV.logo {	
	position:relative;		
	borderoff:1px solid red;			
	width: 250px;
	top: 20px;
	left: 20px;
}

DIV.topoptions {
	position:absolute;		
	borderoff:1px solid red;			
	top: 0px;
	left: 598px;
	z-index: 100;
}

DIV.topoption {
	position:relative;
	borderoff:1px solid red;
	float:left;		
	top: 25px;
	height: 44px;
}

DIV.topoptionsdiv {
	position:relative;
	float:left;		
	width: 2px;
	height: 44px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #c3c3c3;
	borderoff:1px solid red;
}

DIV.buttonsbar {
	background-image:url(/images/buttons_bar.jpg);
	background-repeat: repeat-none;
	position:relative;	
	width:100%;		
	height: 34px;
	borderoff:1px solid red;	
}

DIV.primarybutton {
	position:relative;	
	float:left;		
	margin-top: 8px;
	margin-left: 17px;
}

DIV.mainbody {	
	position:relative;		
	width:100%;		
	height:780px;	
	margin-top: 43px;
	borderoff:1px solid red;	
}

DIV.footer {	
	position:relative;	
	width:100%;			
	height:195px;	
	margin-top: 80px;
	background-image: url(/images/background_bottom.jpg);
	background-repeat: no-repeat;
	borderoff:1px solid red;		
	z-index: -1;
}

DIV.icanfooter {	
	position:relative;	
	width: 150px;	
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 625px;
	borderoff:1px solid red;	
}

DIV.footerdiv {
	position:relative;		
	float:left;	
	height:1px;
	width: 100%;
	background-color: #e3e3e3;
}

DIV.footerspacer {
	position:relative;		
	float:left;	
	height:100px;
	width: 100%;
}

DIV.footeroption {
	position:relative;	
	float:left;		
	height:25px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 17px;
}

DIV.menubar {
	position:relative;	
	float:left;		
	width: 156px;			
	borderoff:1px solid red;	
	z-index: 100;
}
DIV.maindiv {
	position:relative;	
	float:left;		
	width: 1px;
	height: 825px;
	margin-left: 8px;
	background-color: #e3e3e3;
	z-index: 100;
}
DIV.maincontent {
	position:relative;	
	float:right;			
	width: 590px;		
	borderoff:1px solid red;	
}

DIV.coursecontent {
	position:relative;	
	float:left;			
	width: 500px;
	height: 100%;
	margin-top:28px;
	margin-left:34px;
	borderoff:1px solid red;	
}

DIV.coursetitle {
	margin-bottom:30px;
}

DIV.menu {
	margin-left:16px;
	margin-bottom: 20px;
	position:relative;	
	borderoff:1px solid red;	
	z-index: 100;
}

DIV.menutitle {
	position:relative;	
	margin-top: 16px;
	margin-bottom: 3px;
	width:100%;
}

DIV.menudiv {
	position:relative;		
	height:1px;
	width: 150px;
	background-color: #CACACA;
	margin-bottom: 3px;
	margin-left: -16px;
}

DIV.menuoption {
	position:relative;		
	margin-bottom: 3px;
	width:100%;
}

DIV.menuoptionselected {
	position:relative;		
	margin-bottom: 3px;
	width:100%;
}

DIV.menusuboption {
	position:relative;		
	margin-bottom: 7px;
	margin-left: 10px;
	width:100%;
}

DIV.ciehlogo {
	position:relative;		
	margin-bottom: 20px;
	width:100%;
	text-align: center;
	borderoff:1px solid red;
}

DIV.backcare {
	position:relative;		
	width:100%;
	text-align: center;
	borderoff:1px solid red;
	z-index:100;
}

DIV.backexchange {
    display: none;
	position:relative;		
	width:100%;
	text-align: center;
	margin-top: 15px;
	borderoff:1px solid red;	
}

DIV.bluebox {	
	position:relative;	
	background-image:url(/images/homepage_blue_box.jpg);
	background-repeat: repeat-none;
	margin-left: 9px;
	margin-top: 14px;
	margin-bottom: 10px;
	width: 566px;
	height: 169px;
	border:1px solid #FFFFFF;
}

DIV.blueboxtitle {
	position:relative;	
	margin-top: 56px;
	margin-left: 25px;
	width: 500px;
}

DIV.blueboxcontent {
	position:relative;	
	margin-top: 30px;
	margin-left: 25px;
	width: 500px;
}

DIV.onlinebooking {
	position:relative;		
	background-repeat: repeat-none;
	float: left;
	margin-left: 299px;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 274px;
	height: 49px;
	cursor: pointer;
}

DIV.qualityguarantee {
	position:relative;	
	background-image:url(/images/quality_guarantee_box.jpg);
	background-repeat: repeat-none;
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 40px;
	width: 275px;
	height: 242px;
}

DIV.testimonials {
	position:absolute;				
	top: 510px;
	left: 10px;
	background-image:url(/images/testimonials_box.jpg);
	background-repeat: repeat-none;
	width: 275px;
	height: 225px;
	z-index: 100;
}

DIV.newsletter {
	position:absolute;				
	top: 510px;
	left: 300px;
	background-image:url(/images/newsletter_temp.jpg);
	background-repeat: repeat-none;
	width: 275px;
	height: 132px;
	z-index: 100;
}

DIV.newslettercontent {
	position:absolute;				
	top: 93px;
	left: 20px;
	borderoff: 1px solid red;
	z-index: 100;
}


DIV.forthcomingevents {
	position:relative;	
	background-image:url(/images/quality_guarantee_box.jpg);
	background-repeat: repeat-none;
	float: left;
	margin-left: 15px;
	margin-top: 0px;
	width: 275px;
	height: 242px;
}

DIV.firstaidbox {
	position:absolute;				
	top: 488px;
	left: 10px;
	width: 275px;
	height: 99px;
}

DIV.qualityguaranteecontent {
	position:relative;	
	margin-top: 15px;
	margin-left: 18px;
	width: 230px;
}

DIV.forthcomingeventscontent {
	position:relative;	
	margin-top: 15px;
	margin-left: 18px;
	width: 230px;
}

DIV.testimonialscontent {
	position:relative;	
	margin-top: 15px;
	margin-left: 18px;
	width: 230px;
}

DIV.formfield {
	position:relative;	
	height:20px;
	margin-bottom: 10px;
	borderoff:1px solid red;
}

DIV.formfieldlabel {
	position:absolute;	
	height:20px;
	width:90px;
	top:4px;
	borderoff:1px solid blue;
	text-align: right;
	vertical-align: middle;
}

DIV.formfieldfield {
	position:absolute;	
	left: 95px;
	width:350px;
	height:20px;
	borderoff:1px solid green;
}

INPUT.formfield {
	border:1px solid #757477;
	width: 300px;
}

TEXTAREA.formfield {
	border:1px solid #757477;
	width: 350px;
	height: 75px;
}

FORM {
	margin: 0px;
	padding: 0px;
}
