/* CSS Document */

body {
	text-align: center;
	background-image: url(resource/bg/bg.jpg);
	background-repeat: repeat;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	 }

*html body {
	text-align: center;
	background-position: top left;
	background-image: url(resource/bg/bg.jpg);
	background-repeat: repeat;
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#gradbg {
	float: left;
	background-image: url(resource/bg/topbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}


	 #centerall {
     margin-left: auto;
     margin-right: auto;
     width: 780px; /* mandatory to be centered */
     }
	
/*Homepage / Template Layout*/
 

#wrapper {

 	float:left;
	text-align: center;
	width: 780px;
	background-image: url(resource/bg/topsection.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
     }
	 
#wrapperinner {
	float:left;
	margin: 0 auto;
    width: 780px;
	background-image: url(resource/bg/bottomsechome.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     }
	 
	 #wrapperinnerworkshops {
	float:left;
	margin: 0 auto;
    width: 780px;
	background-image: url(resource/bg/bottomsecworkshops.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     }
	 
	  #wrapperinnerevents {
	float:left;
	margin: 0 auto;
    width: 780px;
	background-image: url(resource/bg/bottomsecevents.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     }

	 
	 	   #wrapperinnercontact {
	float:left;
	margin: 0 auto;
    width: 780px;
	background-image: url(resource/bg/bottomseccontact.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     }
	 
	  	   #wrapperinnerlinks {
	float:left;
	margin: 0 auto;
    width: 780px;
	background-image: url(resource/bg/bottomseclinks.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     }
	 
	 	 	   #wrapperinnertest {
	float:left;
	margin: 0 auto;
    width: 780px;
	background-image: url(resource/bg/bottomsectest.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     }
	 
	 	 #wrapperinnersupport {
	float:left;
	margin: 0 auto;
    width: 780px;
	background-image: url(resource/bg/bottomsecsupport.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     }
	 
#wrapperinnerplain {
	float:left;
	margin: 0 auto;
    width: 780px;
	background-image: url(resource/bg/bottomsecplain.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     }

#hpcontent {
	clear: both;
	float: left;
	text-align: left;
	width: 370px;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 40px 40px;	
	}
	
#hpquote {
	float: left;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 40px 0px;	
	}
	
	#hpboxes{
	float: left;
	width: 370px;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;	
	}
	
	#hpboxleft {
	float: left;
	width: 181px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;	
	}
	
	#hpboxright {
	float: left;
	width: 181px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}

/* Template colums*/
#leftcol {
	clear: both;
	float: left;
	text-align: left;
	width: 545px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
	/* RIGHT COL BUTTONS*/
#rightcol {
	float: left;
	width: 235px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
.rightcolquote {
	clear: both;
	float: left;
	height: 153px;
	width: 235px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;	
	}

.rightcolbox {
	clear: both;
	float: left;
	width: 235px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;	
	}
	
	
.enquirebutton {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px  55px;	
     }
/* Boxes*/


#boxtopaboutpic {
clear: both;
	float: left;
	vertical-align: top;
	width: 545px;
	background-image: url(resource/boxes/boxbgtopabout.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
	
	#boxtopeventspic {
	clear: both;
	float: left;
	vertical-align: top;
	width: 545px;
	background-image: url(resource/boxes/boxbgtopevents.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
	
		#boxtoppricespic {
	clear: both;
	float: left;
	vertical-align: top;
	width: 545px;
	background-image: url(resource/boxes/boxbgtopprices.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
	
	
	#boxtopworkshopspic {
clear: both;
	float: left;
	vertical-align: top;
	width: 545px;
	background-image: url(resource/boxes/boxbgtopworkshops.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
	
		#boxtopsupportpic {
clear: both;
	float: left;
	vertical-align: top;
	width: 545px;
	background-image: url(resource/boxes/boxbgtopsupport.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}

#boxtopwithpic {
clear: both;
	float: left;
	vertical-align: top;
	width: 545px;
	background-image: url(resource/boxes/boxbgtop.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
	
	#boxtopnopic {
	clear: both;
	float: left;
	vertical-align: top;
	width: 545px;
	background-image: url(resource/boxes/boxbgtopnopic.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
	
.boxfoot {
clear: both;
float: left;
     width: 545px;
	 vertical-align: top;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;	
	}


/* quote left and right*/
	#quoteboxworkshop1 {
	float: left;
	width: 243px;
	height: 190px;
	background-image: url(resource/bg/quotebg.png);
	background-repeat: no-repeat;
	margin: 80px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#990000;
	font-size: 100%;
	font-weight: bold;
	}
	
		#quoteboxworkshop2 {
	float: left;
	width: 243px;
	height: 190px;
	background-image: url(resource/bg/quotereversebg.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#990000;
	font-size: 100%;
	font-weight: bold;
	}
	
		.quotetext {
		text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 55px 35px 0px 25px;
	color:#990000;
	font-size: 100%;
	font-weight: bold;
	}
	
			.quoteby {
	margin: 0px 0px 0px 0px;
	padding: 5px 35px 0px 25px;
	color:#000000;
	font-size: 75%;
	font-weight: bold;
	}
	
		#quoteleftcol {
	float: left;
	width: 302px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	}
	
#clickthrough{
clear: both;
float: left;
	padding: 15px 0px 0px 105px;
	margin: 0px 0px 0px 0px;}
	
	#clickthrough2{
clear: both;
float: left;
	padding: 15px 0px 0px 95px;
	margin: 0px 0px 0px 0px;}
	
			.boxleftcol {
			float: left;
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 55px;	
	}
	
				.boxrightcol {
	float: left;
	width: 205px;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 0px;	
	}
/* Navs*/

#navwrapper {
	float: left;
	height: 150px;
	width: 765px;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;}
	
#navpositioner {
	float: left;
	text-align: right;
	width: 765px;
	margin: 0px 0px 0px 0px;
	padding: 105px 0px 0px 0px;}
	
	
#nav {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-weight: bold;
	
}
	
#nav a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}

#nav a:hover {
	color: #FED904;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#navon {
	color: #FED904;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	}
	
	#nav li{
	float: left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	
}	




#navfoot {
	float: left;
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 20px 20px;
	list-style: none;
	
}
	
#navfoot a {
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}

#navfoot a:hover {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	#navfoot li{
	
	float: left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 15px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	
}	




/*General / Template Layout*/
 img, div { behavior: url(iepngfix.htc) }

 .clearit{
	 clear: both;
	 height: 0px;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 line-height: 0px;
	 }

	
	 
	.imageright {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
     }
		 
	 h1{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}

	 
	  .abouth1{
	 margin: 45px 0px 0px 55px;
	 padding: 0px 0px 0px 0px;	}
	 
	  h2{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 
	 .pricesh2 {
	 width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 25px 35px 0px 55px;
	color:#990000;
	font-size: 110%;
	font-weight: bold;
	}
	 
	 	  .abouth2{
	 margin: 30px 0px 0px 55px;
	 padding: 0px 0px 0px 0px;	}
	 
	 .workshopsh2{
	 margin: 15px 0px 0px 55px;
	 padding: 0px 0px 0px 0px;
	 font-size: 100%;
	 color: #999999;
	 font-weight: bold;}
	 
	   h3{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 
	  .pricesh3{
	  width: 380px;
	 margin: 15px 0px 0px 55px;
	 padding: 0px 0px 0px 0px;
	 font-size: 95%;
	 color: #999999;
	 font-weight: bold;}
	 
	 	 	  .supporth3{
	 margin: 30px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	  	  .workshopsh3{
	 margin: 30px 0px 0px 55px;
	 padding: 0px 0px 0px 0px;	}
	 
	 
	 	   h4{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	
	  	 	  .supporth4{
	 margin: 30px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 	 .workshopsh4{
	 margin: 15px 0px 0px 55px;
	 padding: 0px 0px 0px 0px;
	 font-size: 100%;
	 color: #999999;
	 font-weight: bold;}
	 
	

.nopadleft{
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 text-align: left;}


/* Text*/


.copy1{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #000000;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
	
a.copy1{
	font-weight: normal;
	color: #990000;
	font-size: 100%;
}
	
	
.hppoints{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #990000;
	padding: 10px 0px 0px 15px;
	margin: 0px 0px 0px 0px;}
	
.hppoints li{
	padding: 0px 0px 5px 0px;
	list-style: disc;}
	
#katepoints{
	width: 240px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	padding: 15px 0px 0px 75px;
	margin: 0px 0px 0px 0px;}
	
#katepoints li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;}
	
	#suppoint{
	width: 370px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #000000;
	padding: 15px 0px 0px 75px;
	margin: 0px 0px 0px 0px;
	list-style: disc;}
	
#suppoint li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;}
	
	.boxcopy{
	width: 450px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #000000;
	padding: 10px 0px 0px 55px;
	margin: 0px 0px 0px 0px;}
		
		.boxcopyless{
	width: 450px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #000000;
	padding: 10px 0px 0px 55px;
	margin: 0px 0px 0px 0px;}
	
a.boxcopylink{
	font-weight: normal;
	color: #990000;}
	
.boxcopyprices{
	width: 250px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #000000;
	padding: 10px 0px 0px 55px;
	margin: 0px 0px 0px 0px;}
	
	a.boxcopypriceslink{
	font-weight: normal;
	color: #990000;}
	
.leftcolboxcopy{
width: 200px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #000000;
	padding: 10px 0px 0px 55px;
	margin: 0px 0px 0px 0px;}
	
	.colscopy{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #000000;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}


 
	  .pricesinfo {
	 width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 10px 35px 0px 55px;
	color:#990000;
	font-size: 100%;
	font-weight: bold;
	}
	 
	  .contactgrey{
	 margin: 0px 0px 0px 0px;
	 padding: 10px 0px 10px 0px;
	 font-size: 95%;
	 color: #999999;
	 font-weight: bold;}
	 
	 	.contactcopy{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #000000;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;}

a.contactcopy{
font-size: 100%;
	font-weight: normal;
	color: #990000;}

.formtext{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #990000;
	padding: 8px 0px 5px 0px;
	margin: 0px 0px 0px 0px;}
	
	.formrequired{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #990000;
	padding: 20px 0px 0px 55px;
	margin: 0px 0px 0px 0px;}
	
		.submit{
		float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

/* events Text*/
	
.eventstitle{
float: left;
	width: 450px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #990000;	
	padding: 15px 0px 0px 55px;
	margin: 0px 0px 0px 0px;}
	
	.linkstitle{
float: left;
	width: 450px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #990000;	
	padding: 15px 0px 5px 55px;
	margin: 0px 0px 0px 0px;}
	
.eventsdate{
	width: 450px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	color: #999999;
	padding: 2px 0px 8px 55px;
	margin: 0px 0px 0px 0px;}
	
	.eventsfoot{

	width: 450px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-image:url(resource/bg/quotekey.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-weight: normal;
	color: #000000;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 55px;}


.eventslink{
	width: 450px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	text-decoration:underline;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	}
	
	.linksfoot{
	width: 450px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-image:url(resource/bg/quotekey.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-weight: normal;
	color: #000000;
	padding: 8px 0px 0px 0px;
	margin: 8px 0px 0px 55px;}