body
		{
			margin: 0;
			margin-left:10px;
			margin-top:0px;
			padding: 0;
		}
		

		table{	
		}

		td{

		}

#imageblock{
	float:left;
	width:auto;
	margin-left: 0px;
	padding:0px;
	background-color: #FFFFFF;
	margin-bottom:0px;
}

		#image1
		{
			float: left;
			margin-bottom: 0px;
		}

/*menu position - use the margin-right to position space between the menu and centre column*/

#menutop{
	float:left;
	width:202px;
	height:14px;
	margin-left:0px;
	margin-right:5px;
	padding:0px;
	padding-top:0px;
	background-color: #FFFFFF;
	background-image: url(../images/BBS_hp_menu_bg_01.jpg);
	margin-bottom: 0px;
	font-size:xx-small;
	z-index:0;
}

#menu{
	clear:left;
	width:202px;
	height:auto;
	margin-left:0px;
	margin-right:5px;
	padding:0px;
	padding-top:0px;
	background-color: #FFFFFF;
	background-image:url(../images/BBS_hp_menu_bg_02.jpg);
	margin-bottom: 0px;
	z-index:0;
}

#menubottom{
	clear:left;
	width:202px;
	height:14px;
	margin-left:0px;
	margin-right:5px;
	padding:0px;
	padding-top:0px;
	background-color: #FFFFFF;
	background-image:url(../images/BBS_hp_menu_bg_03.jpg);
	margin-bottom: 0px;
	font-size:xx-small;
	z-index:0;
}

/*Navigation* the first .sitenav is to place the image behind to stop the visual delay whihc may happen on some browsers with the a.hover and image swap*/

			.sitenav{
			background-image:url(../images/BBS_hp_button.jpg);
			background-repeat:no-repeat;
			margin-left:12px;
			width:169px;
			height:34px;
			background-position:right;
		}
			.sitenav a:link{
			display: block;
			background-image:url(../images/BBS_hp_button.jpg);
			background-repeat:no-repeat;
			margin-left:12px;
			padding-top:10px;
			width:169px;
			height:24px;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			font-size: 12px;
			font-variant: normal;
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			vertical-align:middle;
		
			}
		.sitenav a:visited{
			display: block;
			background-image:url(../images/BBS_hp_button.jpg);
			background-repeat:no-repeat;
			margin-left:12px;
			padding-top:10px;
			width:169px;
			height:24px;
			text-decoration:none;
			vertical-align:middle;
			color:#FFFFFF;
			font-weight:bold;
			font-size: 12px;
			font-variant: normal;
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			vertical-align:middle;
			}
		.sitenav a:hover{
			display: block;
			background-image:url(../images/BBS_hp_button_rollover.jpg);
			background-repeat:no-repeat;
			margin-left:12px;
			padding-top:10px;
			width:169px;
			height:24px;
			text-decoration:none;
			vertical-align:text-bottom;
			color:#FFFFFF;
			font-weight:bold;
			font-size: 12px;
			font-variant: normal;
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			}
			
		
		
		.sitenavactive a:hover, .sitenavactive a:link, .sitenavactive a:visited, .sitenavactive a:active {
			display: block;
			background-image:url(../images/BBS_hp_button_rollover.jpg);
			background-repeat:no-repeat;
			margin-left:12px;
			padding-top:10px;
			width:169px;
			height:24px;
			text-decoration:none;
			vertical-align:middle;
			color:#FFFFFF;
			font-weight:bold;
			font-size: 12px;
			font-variant: normal;
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			vertical-align:middle;
			}

		td.submenu{
		text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			font-size: 12px;
			font-variant: normal;
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			padding-top:5px;
			padding-bottom:5px;
			padding-right:5px;
			}

/*Centre content*/
#centremain{
	float:left;
	vertical-align:top;
	width:555px;
	height:auto;
	text-indent:0px;
	background-color: #FFFFFF;
	margin-bottom:0px;
	background-image: url(../images/BBS_hp_centre_bg_02.jpg);/*This image runs along the back of the main body and is used to dynamically recreate the background as the size of the body increases. Firefox does not like it when the top layers have a repeating background image in an area which is set to auto height, but it seems to work when the parent DIV is set to repeat*/
	background-repeat:repeat-y;


}	

		#centretop{
			clear:left;
			vertical-align:top;
			width:555px;
			height:14px;
			margin-left:0px;
			padding:0px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image:url(../images/BBS_hp_centre_bg_01.jpg);
			background-repeat:no-repeat;
			font-size:xx-small; /*the font size is used here to stop the appearance of a gap beteeen this background image and the next*/
		}	
		#HomeBanner{
			float:left;
			vertical-align:top;
			width:555px;
			height:131px;
			text-indent:0px;
			padding:0px;
			padding-left:0px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_centre_bg_02.jpg);
			background-repeat:repeat-y;
		}	
		
		#CourseBanner{
			float:left;
			vertical-align:top;
			width:520px;
			height:auto;
			text-indent:0px;
			padding-top:10px;
			padding-left:22px;
			padding-bottom:12px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_centre_bg_02.jpg);
			background-repeat:repeat-y;
		}	
		
		#StandardContent{
			clear:left;
			vertical-align:top;
			width:500px;
			height:auto;
			text-indent:0px;
			padding-top:15px;
			padding-left:22px;
			padding-bottom:0px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_centre_bg_02.jpg);
			background-repeat:repeat-y;
		}	
		
		#CourseContent{
			clear:left;
			vertical-align:top;
			width:500px;
			height:auto;
			text-indent:0px;
			padding-top:15px;
			padding-left:22px;
			padding-bottom:0px;
			margin-bottom:0px;
		}	
		
		
		#centre{
			clear:left;
			vertical-align:top;
			width:555px;
			height:auto;
			text-indent:0px;
			padding:0px;
			padding-left:0px;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_centre_bg_02.jpg);
			background-repeat:repeat-y;
		}	
			#crossbar{
				clear:left;
				vertical-align:top;
				width:526px;
				height:11px;
				text-indent:11px;
				padding:0px;
				background-color: #FFFFFF;
				margin-bottom:0px;
				background-image: url(../images/BBS_hp_centre_bg_02.jpg);
				background-repeat:repeat-y;
			}	
		
		#centrefooter{
			clear:left;
			vertical-align:top;
			width:555px;
			height:63px;
			text-indent:12px;
			padding:0px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_disclaimer_bg.jpg);
			background-repeat:no-repeat;
		}	

		
				
				#HomeCont{
					float:left;
					vertical-align:top;
					width:265px;
					height:auto;
					margin-left:0px;
					padding-left:0px;
					text-indent:0px;
					padding:0px;
					margin-bottom:0px;
				}	
				
				
				#BoxContleft{
					float:left;
					vertical-align:top;
					width:240px;
					height:auto;
					margin-left:0px;
					padding-left:0px;
					text-indent:0px;
					padding:0px;
					margin-bottom:0px;
				}	
				
				#BoxContRight{
					float:left;
					vertical-align:top;
					width:240px;
					height:auto;
					margin-left:0px;
					padding-left:0px;
					text-indent:0px;
					padding:0px;
					margin-bottom:0px;
				}
				
				#BoxCont{
					clear:left;
					vertical-align:top;
					width:480px;
					height:auto;
					margin-left:0px;
					padding-left:0px;
					text-indent:0px;
					padding:0px;
					margin-bottom:0px;
				}		

/*Right side margin content - use the padding left to position the white space between the right column and the centre column*/
#rightmargin{
	clear:left;
	width:201px;
	height:auto;
	text-indent:0px;
	margin-bottom:10px;
	padding-left:7px;
}

		#righttop{
			float:left;
			vertical-align:top;
			width:201px;
			height:15px;
			text-indent:0px;
			padding:0px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_right_top_01.jpg);
			background-repeat:no-repeat;
			font-size:xx-small; /*the font size is used here to stop the appearance of a gap beteeen this background image and the next*/
		}
		#rightmiddle{
			float:left;
			vertical-align:top;
			width:201px;
			height:auto;
			text-indent:0px;
			padding:0px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_right_top_02.jpg);
			background-repeat: repeat-y;
		}
		
		#rightbottom{
			float:left;
			vertical-align:top;
			width:201px;
			height:22px;
			padding:0px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_right_top_03.jpg);
			background-repeat:no-repeat;
		}
		
		#headerTR{
			clear:left;
			font-family:Arial, Helvetica, sans-serif; 
			font-size:0.9em; 
			font-weight:bold;
			padding-left:20px; 
			padding-top:10px;
			padding-right:20px;
			color:#FFFFFF;
			}
		
		#rightcontent P{
			clear:left;
			width:160px;
			font-family:Arial, Helvetica, sans-serif; 
			font-size:0.9em; 
			font-weight:normal;
			padding-left:20px; 
			padding-top:10px;
			padding-bottom:10px;
			padding-right:50px;
			color:#FFFFFF;
			line-height:1.1em;
			}
			
		#righttop2{
			clear:left;
			vertical-align:top;
			width:201px;
			height:15px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_right_top_01.jpg);
			background-repeat:no-repeat;
			font-size:xx-small;}
			 /*the font size is used here to stop the appearance of a gap beteeen this background image and the next*/
 
		#rightmiddle2{
			clear:left;
			vertical-align:top;
			width:201px;
			height:auto;
			text-indent:0px;
			padding:0px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_right_top_02.jpg);
			background-repeat: repeat-y;
		}
		
		#rightbottom2{
			clear:left;
			vertical-align:top;
			width:201px;
			height:22px;
			padding:0px;
			background-color: #FFFFFF;
			margin-bottom:0px;
			background-image: url(../images/BBS_hp_right_top_03.jpg);
			background-repeat:no-repeat;
		}
		
		#headerBR{
			clear:left;
			font-family:Arial, Helvetica, sans-serif; 
			font-size:0.9em; 
			font-weight:bold;
			padding-left:14px;
			padding-right:20px; 
			padding-top:10px;
			color:#FFFFFF;
			}
			
			
		#testimonials P{
			clear:left;
			width:150px;
			padding-left:20px;
			padding-right:10px;
			padding-bottom:10px;
			font-family:Arial, Helvetica, sans-serif; 
			font-size:0.8em; 
			font-weight:normal;
			font-style:inherit;
			padding-top:10px;
			color:#FFFFFF;
			}

		#line{
			clear:left;
			vertical-align:middle;
			padding-left:5px;
			padding-top:10px;
			width:180px;
			height:1px;
			margin-bottom:0px;
			}
			
		#linemain{
			clear:both;
			vertical-align:middle;
			padding-left:5px;
			padding-top:10px;
			width:540px;
			height:2px;
			margin-bottom:0px;
			}



	.P_spacer{font-size:.5em;}
	
	#spacer
	{
	clear:both;
	height:13px;
	padding:0px;
	margin:0px;}

	#spacer2
	{
	clear:both;
	height:40px;
	padding:0px;
	margin:0px;}

#textblock2{
	float:left;
	width: 750px;
	margin-left: 0px;
	background-color: #FFFFFF;
	margin-bottom: 0px;}

	p{
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#333333;
	line-height:1.25em;
	font-size:1em;
	}
	
	Blockquote{
	padding-left:10px;
	margin-left:10px;
	}

	#label{
	float:left;
	text-align: left;
	width:60px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}
	
	#label2{
	clear:left;
	width:201px;
	text-align: center;
	margin-left:10px;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	padding-top:15px;
	color:#636363;
	line-height:1.25em;
	font-size:0.7em;
	}
	
		#sugar{
	clear:left;
	width:201px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin:0px;
	padding-left:10px;
	padding-bottom:10px;
	}
	
	#contact{
	float:left;
	text-align:left;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;}
		
		#footer{
	clear: left;
	width: 230px;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 100px;
	height: auto;
		}
		
		#AV
		{
			float: right;
			background-color: #FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.7em;
			padding-top:7px;
			padding-right:4px;
			line-height:1.25em;
			color:#636363;
			text-align:left;
			text-decoration:none;
			
		}
		
		#bottom_menu
		{
			clear: both;
			padding-top:15px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:0.7em;
			color:#636363;
			text-align:center;
			text-decoration:none;
			margin-bottom:0.7em;
		}
		
		#AV a:link, #AV a:active, #AV a:visited {color:#636363; text-decoration:underline;}
		#AV a:hover{color:blue; text-decoration:underline;}
		
		#contact a:link, #contact a:active, #contact a:visited {color:blue; text-decoration:underline;}
		#contact a:hover{color:blue; text-decoration:underline;}
		
		#rightcontent a:link, #rightcontent a:active, #rightcontent a:visited {color:white; text-decoration:underline;}
		#rightcontent a:hover{color:#E5E5E5; text-decoration:underline;}
			

		.blue h1
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.0em;
		color:#007BA2;
		padding-left:0px;
		margin:0px;
		padding-top:0px;
		margin-top:0px;
		}
	
		.green h1
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.0em;
		color:#2C933C;
		padding-left:0px;
		margin:0px;
		}	
		
		.red h1
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.0em;
		color:#FF0D01;
		padding-left:0px;
		margin:0px;
		}	
		
		.CourseBenefits ul, li{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		color:#333333;
		padding-left:0.5px;
		margin-left:8px;
		padding-top:0px;
		margin-top:0px;}
		
		.CourseBenefits a:link, .CourseBenefits a:active, .CourseBenefits a:visited {color:blue; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:1.0em;}
		.CourseBenefits a:hover{color:blue; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; }
		
		h2
		{
			margin-top: 0;
			padding-top: 7px;
		}
		
		h2
		{
			margin-left: 0px;
			margin-right: 0px;
		}

		a:link, a:active, a:visited {color:blue; text-decoration:underline;}

		a:hover{color:blue; text-decoration:underline;}