html {
	overflow: scroll; /* show scrollbars to prevent funny page jumping between different length pages */
	}

body {
	width: 100%;
	padding: 0 0 10px 0; /* alter this if you want to pad the site from the top or bottom */
	text-align: center;
	}

/* wrapper to locate page to centre in all browsers */
#wrapper { 
	margin: 0 auto;
	width: 960px; 
	text-align: left;
	} 

/* container needed to style containing bars */
#container { 
	float: left;
	width: 960px;
	background: #fff;
	}

#headerBar { 
	float: left; 
	width: 960px;  
	margin: 0;
	padding: 0;
	background-position: 450px 0px;
	background-repeat: no-repeat;
	}

	#companyLogo {
		float: left;
		width: 350px;
		height: 115px;
		background-image: url('/images/template/header/company_logo.jpg');
		background-repeat: no-repeat;
		background-position: 5px 10px;
		text-indent: -9999px;
		}

	#headerSearch {
		width: 960px;
		background: #6145a4;
		color: #fff;
		float: left;
		border-bottom: 1px solid #fff;
		}
		
	.headerCurve {
		background-image: url('/images/template/header/header_curve.gif');
		background-repeat: no-repeat;
		height:30px;
		float: left;
		width:33px;
		}
	.headerCurveRight {
		background-image: url('/images/template/header/header_curve_right.gif');
		background-repeat: no-repeat;
		height:30px;
		float: right;
		width:33px;
		}
	
	.headerSearchWrapper {
		float: right;
		width: 350px;
		height: 30px;
		line-height: 30px;
		margin: 0 0 0 20px;
		}
		
	.headerSearchWrapper a{
		color: #fff;
		text-decoration: none;
		}
	
	.submit {
		border: none;
		background: #6145a4;
		color: #fff;
		}
		
#pageMenu {
	width: 805px;
	height: 30px;
	list-style-type: none;
	background: #eae7f3;
	float: right;
	margin: 0;
	padding: 0;
	}
	
		#pageMenu  li {
			float: left;
			height: 25px;
			margin: 0;
			font-weight:bold;
			}
		
			#pageMenu a {
				height: 30px;
				line-height: 30px;
				float: left;
				padding: 0 15px 0 25px;
				display: block;
				text-decoration: none;
				color: #333;
				}
			
			#pageMenu .memberlink {
				font-size: 220%;
				color:#fff;
				background-color: #834047;
				}
			
				#pageMenu .highlight a{
			   background-color: #a98d00; color: #fff;
				 }
				
				#leftMenu .current a{
				color: #a98d00;
				}

				

				.menuCurve  {
					background-image: url('/images/template/header/menu_curve.gif');
					background-repeat: no-repeat;
					height:30px;
					float: right;
					width:33px;
					}
					
#mainWrapper {
	width: 960px;
	float: left;
	background: #fff;
	}

	/* comment in a bar if you need it, remembering to amend the mainBar width */
	
	#leftBar { 
		display: block;
		width: 155px;
		float: left; 
		margin: 0;
		padding: 0;
		}
		
		#leftMenu {
			float: left; 
			margin: 0;
			padding: 0;
			background-color: #eae7f3;
			}
			
		#leftMenu  li{
			margin-left: 10px;
			margin-top: 10px;
			color: #513090;
			width: 160px;
		
			}
			
		#leftMenu  li a{
			text-decoration: none;
			color: #513090;
			padding: 3px;
			}
			
		#leftMenu  li a:hover {
			text-decoration: underline;
			color: #513090;
			}
		
		.leftMenuBottom{
			float: left;
			width: 170px;
			height: 40px;
			background-image: url('/images/template/body/leftBanners/left_menu_bottom1.gif');
			background-repeat: no-repeat;
			}
			
	#mainBar { 
		display: block;
		width: 600px; 
		float: left; 
		margin: 0;
		padding: 0;
		border-right: 1px solid #ccc4e1;
		margin: 10px 0 10px 0;
		}
	
	#mainContent {
		width: 575px;
		float: left;
		margin: 0 10px 10px 20px;
		}
		
		#mainContent h2 {
			color: #4e2f91;
			font-size: 200%;
			}
			
		#mainContent h3{
			color: #4e2f91;
			font-size: 120%;
			}
			
		#mainContent h4{
			color: #4e2f91;
			font-size: 120%;
			margin:0 0 0 10px;
			}
			
		#mainContent h5{
			color: #000;
			font-size: 120%;
			margin:0 0 0 10px;
			}
			
		#mainContent li {
			list-style: disc;
			padding: 3px;
			}
		#mainContent ul ul li {
		font-size: 80%;
		}					
		#mainContent span {
			color:#000;
			}
			
		#mainContent a {
			color:#4e2f91;
			text-decoration: none;
			}
			
		#mainContent a:hover {
			color:#4e2f91;
			text-decoration: underline;
			}
		
		.support_image {
			float: right;
			width: 150px;
			margin: 10px;
			}
			
		.galleryWrapper {
			float: left;
			margin: 2px 0 0 10px;
			}
			
		.contactMap {
			float: right;
			width: 300px;
			}
	
	/* comment in a bar if you need it, remembering to amend the mainBar width */
	
	#rightBar { 
		display: block;
		width: 190px; 
		float: right;
		padding: 0;
		margin: 28px 0 10px 0;
		}
		
			#rightBar h2 {
				color: #fff;
				font-size: 160%;
				text-indent: 20px;
				line-height: 3px;
				}
				
			#rightBar h3{
				color: #4e2f91;
				font-size: 120%;
				margin-top: 2px;
				margin-bottom: 1px;
				}
				
			#rightBar p{
				font-size: 120%;
				}
				
				#rightBar p a {
					color: #a98d00;
					text-decoration: none;
					}
					
				#rightBar p a:hover {
					color: #a98d00;
					text-decoration: underline;
					}
				
			#rightBar h4{
				color: #666;
				font-size: 110%;
				margin-left: 10px;
				margin-top: 2px;
				}
									
			.newsTop {
				width: 190px;
				background: url('/images/template/body/news_top.jpg');
				background-repeat: no-repeat;
				float: left;
				}
				
			.newsTop a {
			 color: #fff;
			 text-decoration: none;
			 }
				.newsTop a:hover{
				 color: #fff;
				 text-decoration: underline;
				 }
			 
			.newsMiddle{
				background: url('/images/template/body/news_middle.jpg');
				background-repeat: repeat-y;
				}
				
				.divider {
				width:170px;
				border-bottom: none;
				border-left: none;
				border-right: none;
				border-top: 1px solid #dedaea;
				margin: 10px 0 0 10px;
				}			
			
			.newsBottom {
				width: 190px;
				height: 17px;
				background: url('/images/template/body/news_bottom.jpg');
				background-repeat: no-repeat;
				float: left;
				}
			
			.newsImage {
				float: left;
				margin: 0 10px;
				border: 1px solid #6145a4;
				padding: 3px;
				}
				
			.eventImage {
				float: left;
				width: 200px;
				margin: 0 10px;
				border: 1px solid #6145a4;
				padding: 3px;
				}
			
#footerBar { 
	float: left; 
	width: 960px; 
	border-top: 1px solid #aea0cd;
	margin: 10px 0 10px 0;
	padding: 0;
	}

	#footerBar .colOne {
		float: left;
		margin: 10px 0 0 0;
		font-size: 110%;
		}
		
	#footerBar .colOne a{
		color: #000;
		text-decoration: none;
		}
	#footerBar .colOne a:hover{
		color: #000;
		text-decoration: underline;
		}
		
		
	#footerBar .colTwo {
		float: right;
		margin: 10px 0 10px 0;
		font-size: 110%;
		}
		
	#footerBar .colTwo a {
		color: #000;
		text-decoration: none;
		}
	
	#footerBar .colTwo a:hover {
		color: #000;
		text-decoration: underline;
		}

	
	
		#regWrapper {
			float: left;
			width: 500px;
			padding: 0;	
			margin: 0 0 0 10px;
			}
		
			#regWrapper label {
				width: 200px;
				float: left;
				margin: 0;
				padding: 0;
				}