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

a {
	color: #84adef;
	font-weight:bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;}

/* wrapper to locate page to centre in all browsers */
.wrapper {
	width: 798px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;} 

/* container needed to style containing bars */
#container {
	float: left;
	width: 796px;
	background-color: #FFFFFF;}

#headerBar {
	background-image: url(../../images/template/headerImage.jpg);
	background-repeat: no-repeat;
	background-color: #fffff;
	width: 796px;
	text-align: center;}

#headerbar h1 {
	height: 125px;
	text-indent: -9999px;
	margin: 0px auto;
	padding: 0;}


#pageMenu {
	width: 796px;
	height: 29px;
	list-style-type: none;
	background: #fffff;
	float: left;
	padding: 0;
	margin: 0 !important;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E7EFFC;}
	
	#pageMenu li {
		height: 29px;
		float: left;
		margin: 0;}
		
		#pageMenu li a {
			height: 29px;
			text-indent: -9999px;
			display: block;}

#mainWrapper {
	width: 796px;
	float: left;
	background: #fffff;}

#leftBar { 
	display: block;
	width: 146px;
	min-height: 250px; 
	float: left; 
	margin-top: 7px;
	margin-left: 24px;
	margin-right: 11px;
	margin-bottom: 7px;
	padding: 0;
	background: #ffffff;}


#rightBar { 
	display: block;
	width: 583px;
	min-height: 250px; 
	float: left; 
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 22px;
	margin-bottom: 7px;
	padding: 0;
	background: #ffffff;}
	
	#rightBar img{
		margin-bottom: 10px;}
	
#cols {
	float: left;
	display:block;
	width: 280px;
	margin-right: 10px;
	padding: 0;
	background:#ffffff;}
		
 h3 {
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E7EFFC;
	text-align: left;}

#cols img {
	margin: 0px;
	padding: 0px;
	border: 1px solid #BAD1F8;
	}

#oneCol {
	float: left;
	display:block;
	width: 580px;
	margin: 0;
	padding: 0;
	background-color:#ffffff;}

#oneCol h3 {
	width: 580px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E7EFFC;
	text-align: left;}

#news {
	float: left;
	display:block;
	width: 580px;
	margin: 0;
	padding: 0;
	background-color:#ffffff;}
		
		#news h3 {
			width: 580px;
			font-size: 14px;
			color: #000000;
			font-weight:bold;
			text-decoration: none;
			margin: 0px;
			padding: 0px;
			border-bottom-width: 3px;
			border-bottom-style: solid;
			border-bottom-color: #E7EFFC;
			text-align: center;}
			
	#news img {
		margin: 0px;
		padding: 0px;
		border: 1px solid #BAD1F8;}
			
#newsWrapper {
	width: 580px;}
	
#newsWrapper img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #BAD1F8;}
	
#leftBar h1 {
	width: 146px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E7EFFC;
	text-align: center;}
	
#leftBarWrapper {
	float:left;
	width: 146px;
	background:#ffffff;}
	
	#leftBarWrapper img {
		margin-right: 4px;
		margin-bottom: 4px;
		border: 1px solid #BAD1F8;}
	
#photoDiv {
	float: left;
	width: 100px;
	margin-right: 10px;
	padding: 0;
	background:#ffffff;}
	
#photoDiv img {
	border: 1px solid #999999;}
		
.gallery-list { margin-left: 10px;}
.gallery-list li { float: left; margin-right: 10px;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;}
	
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;}	
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#contactForm {
	margin: 20px 20px 40px 40px;}

	#contactForm p {
		margin: 0 0 5px;
		clear: both;
		background: #eee;
		padding: 5px;}

	#contactForm label {
		width: 230px;
		float: left;
		margin-right: 5px;}

	#contactForm textarea, #contactForm select, #contactForm input {
		line-height: 25px;}
	
a:hover {text-decoration: underline;}

#footer {
	background:#bdcff7;
	color:#fff;
	float: right;
	width: 798px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 0;}
	
	#footer p { margin:10px 10px;}
	
	#footer .col-one {
	  float: left;
	  text-align: left;
	  width:100px;}
	  
		#footer .col-one p img {
		  margin-left: 10px;}
	  
	#footer .col-two{
	  float: left;
	  width:698px;}