body{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #999999;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}



/*----------------------------------------Position Main Interface-------------------*/
#interface-bg{
	float: left;
	width: 100%;
	/*background: url(../../../images/dark-border-bg.gif) center top repeat-y;*/
	margin: 0 0 20px 0;
	background-color: #999999;
	}
#interface {
	margin: 0px auto;
	width: 760px;
	padding: 0;
	}	
	
	

	
	/*-----------------------Skip Nav-------------------------------*/
		#accessibility{
			width: 740px;
			background: #333;
			float: left;
			color: #fff;
			padding: 10px;
			font-size: 85%;
			}
			#skip-to-content{
				float: left;
				}
			#skip-to-content a{
				text-decoration: none;
				color: #fff;
				}
			#skip-to-content a:hover, #skip-to-content a:focus{
				text-decoration: underline;
				}
			
			
			#sizes-styles{
				float: right;
				}
				/*-------------Text sizes--------------*/
				#enlarge-menu-list{
					float: left;
					list-style: none;
					margin: 0 20px 0 0;
					display: inline;
					}
					#enlarge-menu-list a{
						text-decoration: none;
						color: #ffffff;
						/*padding: 0px 4px 0px 4px;*/
						}
					#enlarge-menu-list #normal-text{
						font-size: 80%;
						/*margin: 1px 2px 0 0;*/
						padding: 4px 4px 1px 4px;
						display: block;
						background-color: #0099CC;
						border: 1px solid #fff;
						}
					#enlarge-menu-list #medium-text{
						font-size: 90%;
						/*margin: 1px 2px 0 0;*/
						padding: 2px 4px 1px 4px;
						display: block;
						background-color: #0099CC;
						border: 1px solid #fff;
						}
					#enlarge-menu-list #large-text{
						font-size: 110%;
						/*margin: 1px 1px 0 0;*/
						font-weight: bold;
						padding: 0 4px 1px 4px;
						display: block;
						background-color: #0099CC;
						border: 1px solid #fff;
						}
					#enlarge-menu-list a:hover, #enlarge-menu-list a:focus{
						background-color: #0048b7;
						color: #fff;
						}
					#enlarge-menu-list li{
						float: left;
						margin: 0 5px 0 0;
						display: inline;
						}
				
				
				/*------------Colour scheme - Different styles----------------*/
				#colour-menu-list{
					float: left;
					list-style: none;
					}
					#colour-menu-list a{
						text-decoration: none;
						color: #ffffff;
						}
					#colour-menu-list a:hover, #colour-menu-list a:focus{
						background-color: #0048b7;
						color: #fff;
						}
					#colour-menu-list li{
						float: left;
						margin: 0 5px 0 0;
						display: inline;
						}
			
			
	/*---------------------------Header----------------------------------*/
	#header{
		float: left;
		width: 760px;
		background-color: #000;
		}
		#header img{
			float: left;
			}
	/*---------------------------Extra Nav--------------------------------*/
	#extra-nav{
		float: left;
		width: 758px;
		border: 1px solid #fff;
		border-top: none;
		background: #aaa377;
		}
		#extra-nav #botm-image img{
			float: left;
			}
		#extra-nav ul{
			float: right;
			}
			#extra-nav ul li{
				float: left;
				border-left: 1px solid #fff;
				padding: 7px 10px 9px 10px;
				}
				#extra-nav ul li a{
					font-size: 80%;
					font-weight: bold;
					color: #fff;
					text-decoration: none;
					}
					#extra-nav ul li a:hover, #extra-nav ul li a:focus{
						text-decoration: underline;
						}
				#extra-nav ul #events{
					background: #222;
					}
				#extra-nav ul #news{
					background: #222;
					}
				#extra-nav ul #contact-us{
					background: #222;
					}
				

	/*------------------------------Container--------------------------------*/	
		#container {
			float: left;
			width: 760px;
			background: #000;
			padding: 0 0 30px 0;
			}
	
	/*----------------------------Top navigation-------------------------------*/
		#top-nav{
			float: left;
			margin: 0 1px 1px 1px;
			padding: 0 0 0 10px;
			display: inline;
			width: 748px;
			background: url(../../../images/top-nav-bg.jpg) left top no-repeat #4e4a33;
			background: #444;
			}
			#top-nav li{
				float: left;
				color: #fff;
				font-size: 80%;
				font-weight: bold;
				padding: 1px 10px 0 0;
				}
			#top-nav li a{
				float: left;
				color: #fff;
				padding: 8px 10px 7px 10px;
				}
			#top-nav li a:hover, #top-nav li a:focus {
				color: #FF9B24;
				background: #000;
				}
			#top-nav li .active{
				color: #FF9B24;
				background: #000;
				}
	
	/*----------------------GENERIC STYLE FOR BOTH COLUMNS--------------------------*/
	/*----------------------Column titles-------------------*/
	.column-titles{
		float: left;
		width: 135px;
		padding: 5px 10px 5px 10px;
		color: #fff;
		font-size: 80%;
		font-weight: bold;
		/*background: url(../../../images/column-titles-bg.jpg) left top no-repeat #c0b679;*/
		background: #444;
		}
	
	/*---------------------Column List-----------------------*/
	.column-lists{
		float: left;
		width: 135px;
		background: #222;
		padding: 10px 10px 20px 10px;
		margin: 0 0 10px 0;
		font-size: 80%;
		}
	
	.column-lists a{
		color: #68643f;
		color: #FFFF00;
		color: #9ADAFF;
		}
	
	.column-lists a:hover, .column-lists a:focus{
		text-decoration: underline;
		}
	
	.column-lists p{
		clear: both;
		padding: 0 0 10px 0;
		}
	
	

	
	/*------------------------Left column----------------------------------------*/
	#left-column{
		float: left;
		width: 155px;
		/*margin: 0 0 0 1px;*/
		padding: 0 0 0 1px;
		display: inline;
		}
		/*-----------------Second nav----------------*/
		#second-nav{
			float: left;
			width: 135px;
			font-weight: bold;
			color: #68643f;
			}
			
		/*----------------Second Nav--------------*/
		
			#second-nav .group-menu-left{
				float: left;
				width: 135px;
				padding: 0 0 8px 0;
				margin: 0;
				}
				#second-nav .group-menu-left a{ 
					font-weight: bold;
					text-decoration: none;
					padding: 1px 0 0 0;
					}
				#second-nav .group-menu-left a.expanded{ 
					font-weight: bold;
					text-decoration: none;
					padding: 1px 0 0 12px;
					background: url(../../../images/icons/minus.gif) left 3px no-repeat;
					}
				#second-nav .group-menu-left a.collapsed{ 
					font-weight: bold;
					text-decoration: none;
					padding: 1px 0 0 12px;
					background: url(../../../images/icons/plus.gif) left 3px no-repeat;
					}
			#second-nav .group-menu-left ul{
				float: left;
				width: 135px;
				}
			#second-nav .group-menu-left ul li{
				float: left;
				width: 135px;
				color: #fff;
				padding: 2px 0 2px 0;
				}
			
			#second-nav .group-menu-left ul li a{
				float: left;
				width: 125px;
				display: block;
				color: #edf6f9;
				text-decoration: none;
				font-size: 85%;
				font-weight: normal;
				padding: 0 0 0 10px;
				background: url(../../../images/icons/second-nav.gif) left center no-repeat;
				}
			
			/*#second-nav ul li a:hover, #second-nav ul li a:focus{
				text-decoration: underline;
				}*/
			#second-nav .group-menu-left a:hover, #second-nav .group-menu-left a:focus{
				text-decoration: underline;
				}
				
		/*------------------Search box-----------------*/
		#search-box{
			float: left;
			width: 143px;
			background: #222;
			font-weight: bold;
			font-size: 80%;
			padding: 5px 5px 10px 5px;
			margin: 0 0 10px 0;
			border: 1px solid #666;
			}
		#search-box li{
			float: left;
			padding: 0 0 5px 0;
			width: 143px;
			}
		#search-box label{
			float: left;
			width: auto;
			padding: 3px 3px 0 0;
			font-weight: bold;
			color: #fff;
			}
		#search-box input{
			float: left;
			width: 91px;
			border: 1px solid #c5bb7c;
			background-color: #fff;
			padding: 2px;
			font-size: 120%;
			}
		
		#search-box #search-button{
			float: right;
			width: 71px;
			height: 19px;
			background: transparent;
			border: none;
			}
		
		/*------------------Here to help you-----------*/
		#here-to-help{
			float: left;
			width: 135px;
			font-weight: bold;
			color: #68643f;
			}
			#here-to-help li{
				float: left;
				width: 115px;
				padding: 3px 0 8px 0;
				}
			
			
	
	/*-----------------------Right container--------------------------------------*/
	#right-container{
		float: left;
		width: 604px;
		}
	
	/*-------------------------Right Column---------------------------------------*/
		#right-column{
			float: right;
			width: 155px;
			margin: 0 1px 0 0;
			display: inline;
			}
		
		/*--------------Latest news-----------------*/	
		#latest-news{
			float: left;
			width: 135px;
			font-weight: bold;
			/*color: #68643f;*/
			}
			#latest-news li{
				float: left;
				width: 125px;
				padding: 0 0 8px 10px;
				background: url(../../../images/icons/orange-bullet.gif) left 4px no-repeat transparent;
				}
			#latest-news .view-all-link{
				background: none;
				}
			#latest-news .view-all-link a{
				font-weight: normal;
				text-decoration: underline;
				}
		
		/*----------------Forthcoming Events--------------*/
		#forthcoming-events{
			float: left;
			width: 135px;
			font-weight: bold;
			/*color: #68643f;*/
			}
			#forthcoming-events li{
				float: left;
				width: 135px;
				padding: 0 0 20px 0;
				}
				#forthcoming-events li ul li{
					float: left;
					width: 135px;
					padding: 0 0 0 0;
					}
				#forthcoming-events li ul .event-date a{
					font-weight: normal;
					text-decoration: underline;
					}
				
				#forthcoming-events li ul .event-title a{
					font-weight: bold;
					text-decoration: none;
					color: #EDF6F9;
					}
				#forthcoming-events li ul .event-title a:hover, #forthcoming-events li ul .event-title a:focus{
					text-decoration: underline;
					}
				
				#forthcoming-events .view-all-link{
					background: none;
					}
				#forthcoming-events .view-all-link a{
					font-weight: normal;
					text-decoration: underline;
					}
		
		
		/*-----------------Did you know--------------*/
		#did-you-know a{
			color: #9adaff;
			text-decoration: underline;
			font-weight: bold;
			}
		
		#did-you-know a:hover, #did-you-know a:focus{
			color: #9adaff;
			}
			
			
			
			
			
		
	/*-----------------------Content container-------------------------------------*/
		#content-container{
			float: left;
			width: 440px;
			margin: 0 4px 0 4px;
			display: inline;
			}
		
		#content-container p{
			line-height: 130%;
			padding: 0 0 20px 0;
			}
			
			
			/*-----------------Breadcrumb--------------*/
			#breadcrumb{
				float: left;
				width: 440px;
				border-bottom: 1px solid #c4c1b1;
				background: #000;
				margin: 0 0 15px 0;
				}
				#breadcrumb li{
					float: left;
					color: #c5bb7c;
					font-size: 70%;
					font-weight: bold;
					}
					#breadcrumb li a{
						float: left;
						color: #eaecd4;
						text-decoration: underline;
						padding: 4px 10px 5px 5px;
						font-weight: bold;
						background: url(../../../images/icons/breadcrumb-arrow.gif) right center no-repeat transparent;
						}
			
			/*------------------Homepage big container-----------------------*/
			#homepage-b-container{
				float: left;
				width: 440px;
				/*background: url(../../../images/homepage-b-container-bg.gif) left top repeat-y;*/
				}
				#homepage-b-container-fade{
					float: left;
					/*background: url(../../../images/homepage-b-container-fade.jpg) left bottom no-repeat;*/
					width: 440px;
					background: #222;
					}
					#homepage-b-container-fade img{
						float: left;
						}
					#homepage-b-container-fade .titles{
						float: left;
						width: 206px;
						/*background: url(../../../images/homepage-b-container-titles-bg.jpg.jpg) left top no-repeat #4b4831;*/
						background: #444;
						font-size: 85%;
						font-weight: bold;
						color: #fff;
						padding: 5px;
						}
						#homepage-b-container-fade .titles a{
							color: #fff;
							text-decoration: none;
							}
						#homepage-b-container-fade .titles a:hover, #homepage-b-container-fade .titles a:focus{
							text-decoration: underline;
							}
					#homepage-b-container-fade ul{
						float: left;
						width: 196px;
						margin: 5px 10px 5px 10px;
						display: inline;
						
						}
						#homepage-b-container-fade ul li{
							float: left;
							width: 196px;
							padding: 3px 0 3px 0;
							font-size: 80%;
							font-weight: bold;
							}
							#homepage-b-container-fade ul li a{
								color: #5b5740;
								text-decoration: underline;
								/*width: 186px;*/
								display: block;
								color: #9adaff;
								}
							#homepage-b-container-fade ul li a:hover, #homepage-b-container-fade ul li a:focus{
								color: #9adaff;
								}
					#homepage-b-container-fade p{
						float: left;
						width: 206px;
						margin: 5px;
						display: inline;
						padding: 0 0 10px 0;
						font-size: 70%;
						line-height: 110%;
						}
					
				#homepage-b-container-left{
					float: left;
					margin: 0 0 0 1px;
					width: 216px;
					display: inline;
					}
				#homepage-b-container-right{
					float: right;
					margin: 0 1px 0 0;
					width: 216px;
					display: inline;
					}
			
			#homepage-b-container-bottom{
				float: left;
				width: 440px;
				font-size: 0;
				margin: 0 0 10px 0;
				}
			
			
			/*------------------Homepage small container---------------------*/
			.homepage-s-container{
				float: left;
				width: 218px;
				background-color: #222;
				margin: 0 0 10px 0;
				}
			.margin-right{
				margin: 0 4px 10px 0;
				}
				.homepage-s-container-top{
					float: left;
					width: 208px;
					padding: 5px 5px 1px 5px;
					}
					.homepage-s-container-top .zone-image{
						float: left;
						width: 50px;
						height: 50px;
						background-color: #9adaff;
						margin: 0 5px 0 0;
						padding: 1px;
						display: inline;
						}
						.homepage-s-container-top .zone-image img{
							float: left;
							width: 50px;
							height: 50px;
							}
					.homepage-s-container-top .zone-description{
						float: left;
						width: 150px;
						}
						.homepage-s-container-top .zone-description .titles{
							font-weight: bold;
							width: 150px;
							font-size: 85%;
							}
							.homepage-s-container-top .zone-description .titles a{
								font-weight: bold;
								width: 150px;
								text-decoration: underline;
								}
						#content-container .homepage-s-container-top .zone-description p{
							font-size: 70%;
							line-height: 130%;
							color: #eaecd4;
							padding: 0;
							}
			.homepage-s-container-bottom{
				float: left;
				width: 218px;
				height: 4px;
				background: #222;
				font-size: 0;
				}
			
		/*-------------------CMS page------------*/
		#cms-page{
			float: left;
			}
			
			#cms-page ul, #cms-page ol{
				margin: 20px 0 30px 40px;
				}
			#cms-page ul li{
				background: url(../../../images/icons/orange-bullet.gif) left 5px no-repeat;
				padding: 0 0 5px 10px;
				}
	
	
				
/*---------------------------------------Footer-----------------------------*/
		#footer-container{
			margin: 0px auto;
			width: 760px;
			}
		#footer{
			float: left;
			width: 760px;
			}
		#footer-width{	
			float: left;
			width: 720px;
			background-color: #222;
			color: #FF9B24;
			font-size: 80%;
			padding: 30px 20px 30px 20px;
			}
		#footer-width  ul{
			float: left;
			padding: 5px;
			list-style: none;
			margin: 0 0 0 0;
			}
		#footer-width  ul li{
			display: inline;
			padding: 0;
			margin: 0 5px 0 0;
			float: left;
			}
		
		#footer-width #left-footer{	
			float: left;
			width: 300px;
			}
		#footer-width #right-footer{	
			float: right;
			width: 300px;
			text-align: right;
			}
			#footer-width #right-footer li{	
				float: right;
				}
			
		#footer a{
			text-decoration: underline;
			color: #ffb93e;
			font-size: 90%;			
			}