body{
		
		background-color:rgb(227,231,248);
		}
		h1{
		text-align:center;	}	/**text centred*/
		h2{
		text-align:center;	}	/**text centred*/
		h3{
		text-align:center;	}	/**text centred*/
		
		.top_nav {
			float:left;									
			Width:300px;
			}				
		.top_nav ul li{		/** gathers all ul's and li's*/					
		list-style-type:none;		 	/**removes bullets*/
		float:left;
		padding:5px 20px 10px 5px;				
		}

		.clear{				/**drops item below  ie does not wrap around*/
		clear:both;}
		img.align-center {display:block;margin:0px auto; }
		img.medium{ class="img"}
		.clear2{
		clear:both;
		}		
		img{
		max-width:100%; height:auto; /** sizes images to suit device, cannot exceed original*/
		}	
		 /** Start of  Long Whatton Village*/
		  
			#business{
			float:left;	
			background-color: rgb(194,200,228);				
			width:22%;height:1250px;
			padding:10px;
			border-style:solid;
			border-width:5px;			
			margin;5px 10px 10px 5px;
			}
			#clubs{
			
			float:left;		
			background-color: rgb(194,200,228);	
			width:22%;height:1250px;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;	
			
			}
			#lw{
			
			float:right;		
			background-color: rgb(194,200,228);	
			width:42%;height:1250px; 
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;			
			}
				 /** End of Long Whatton Village*/
				  /** Start of Bowls Club*/
			#bowls{
			
			float:right;		
			background-color:rgb(227,231,248);
			width:98%;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;			
			}
			/** End of Bowls Club*/
			/** Start of Bridge Club*/
			#bridge{
			
			float:right;		
			background-color:rgb(227,231,248);
			width:98%;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;			
			}
			/**End of Bridge Club*/
			/** Start of Methodist Church*/
			#methodist{
			
			float:right;		
			background-color:rgb(227,231,248);
			width:98%;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;			
			}
											/** End of Methodist Church*/
												/** Start of All Saints Church*/
			#saints{
			
			float:right;		
			background-color:rgb(227,231,248);
			width:98%;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;			
			}
										/** End of All Saints Church*/
			#ad_one{  				   /** Start of ad_one ----ad_four*/
			
			float:left;		
			background-color: rgb(194,200,228);	
			width:22%;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;
			}
			#ad_two{
			
			float:left;		
			background-color: rgb(194,200,228);	
			width:22%;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;
			}
			
			#ad_three{
			float:left;		
			background-color: rgb(194,200,228);	
			width:22%;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;
			}
			
			#ad_four{
			
			float:left;		
			background-color: rgb(194,200,228);	
			width:22%;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;	
			}
									/** End of ad_one ----ad_four*/
		  
									/** Start of lwhs*/
		  
			#familyhistory{
			float:left;	
			background-color: rgb(194,200,228);				
			width:22%;
			padding:10px;
			border-style:solid;
			border-width:5px;			
			margin;5px 10px 10px 5px;
			}
				#othercontent{
			float:left;	
			background-color: rgb(194,200,228);			
			width:22%;
			padding:10px;
			border-style:solid;
			border-width:5px;			
			margin;5px 10px 10px 5px;
			}
			#lw2{
			
			float:right;		
			background-color: rgb(194,200,228);	
			width:42%;
			padding:10px;
			border-style:solid;
			border-width:5px;		
			margin;5px 10px 10px 5px;			
			}	
									/** End of lwhs*/		
			
										/**Start of media queries, 800px*/
			
			@media screen and (max-width:800px)			
{
			#business{margin:0px; width:46%;		/** Start of Long Whatton Village, media queries 800px*/
			height:1050px; background-color: rgb(194,200,228);	 padding:1%}
			#business h3{font-size:1.0em}
			#business{font-size:0.9em}

			#clubs{margin:0px; width:46%;
			height:1050px;background-color: rgb(194,200,228);	 padding:1%}
			#clubs h3{font-size:1.0em}
			#clubs{font-size:0.9em}

			#lw{margin:0px; width:98%;
			height:850px; background-color: rgb(194,200,228);	 padding:1%}
			#lw h3{font-size:1.0em}
			#lw p{font-size:0.9em}	/** End of Long Whatton Village, media queries, 800px*/		

			#bridge{margin:0px; width:98%;					/** Start of Bridge Club, media queries, 800px*/		
			height:400px;background-color:rgb(227,231,248); padding:1%}
			#bridge h3{font-size:1.0em}
			#bridge p{font-size:0.9em}						/** End of Bridge Club, media queries, 800px*/		

			#bowls{margin:0px; width:98%;					/** Start of Bowls Club, media queries, 800px*/		
			height:500px; background-color:rgb(227,231,248); padding:1%}
			#bowls h3{font-size:1.0em}
			#bowls p{font-size:0.9em}						/** End of Bowls Club, media queries, 800px*/		

			#methodist{margin:0px; width:98%;						/**Start of Methodist Church, media queries, 800px*/		

			height:600px; background-color:rgb(227,231,248); padding:1%}
			#methodist h3{font-size:1.0em}
			#methodist p{font-size:0.9em}						/** End of Methodist Church, media queries, 800px*/		


			#saints{margin:0px; width:98%;						/** Startof All Saints Church, media queries, 800px*/		

			height:600px;background-color:rgb(227,231,248); padding:1%}
			#saints h3{font-size:1.0em}
			#saints p{font-size:0.9em}						/** End of All Saints Church, media queries, 800px*/		


			#ad_one{margin:0px; width:45%;						/** Start of ad_one----Four, media queries, 800px*/	
			height:450px; background-color: rgb(194,200,228);	 padding:1%}
			#ad_one h3{font-size:1.0em}
			#ad_one{font-size:0.9em}

			#ad_two{margin:0px; width:45%;
			height:450px;background-color: rgb(194,200,228);	 padding:1%}
			#ad_two h3{font-size:1.0em}
			#ad_two{font-size:0.9em}

			#ad_three{margin:0px; width:45%;
			height:450px; background-color: rgb(194,200,228);	 padding:1%}
			#ad_three h3{font-size:1.0em}
			#ad_three{font-size:0.9em}

			#ad_four{margin:0px; width:45%;
			height:450px;background-color: rgb(194,200,228);	 padding:1%}
			#ad_four h3{font-size:1.0em}
			#ad_four{font-size:0.9em}	
							/** End of ad_one----Four, media queries, 800px*/
							
							/** Start of LWHS, media queries, 800px*/							
			#familyhistory{margin:0px; width:45%;
			height:900px; background-color: rgb(194,200,228);		 padding:1%}
			#familyhistory h3{font-size:1.0em}
			#familyhistory{font-size:0.9em}

			#othercontent{margin:0px; width:45%;
			height:900px; background-color: rgb(194,200,228);	 padding:1%}
			#othercontent h3{font-size:1.0em}
			#othercontent{font-size:0.9em}

			#lw2{margin:0px; width:98%;
			height:250px;background-color: rgb(194,200,228);	 padding:1%}
			#lw2 h3{font-size:.9em}
			#lw2{font-size:0.7em}				/** End ofLWHS, media queries, 800px*/
			
						

									/**end of media queries, 800px*/

									/**Start of media queries, 350px*/

			@media screen and (max-width:350px){		/** Cuts out picture and caption, media queries 350px*/
			
			
		
			#business{margin:2px 2px 2px 2px; width:94%;					/** Start of Long Whatton Village, media queries 350px*/
			height:900px; background-color: rgb(194,200,228);	 padding:1%}
			#business h3{font-size:1.0em}
			#business{font-size:0.9em}

			#clubs{margin:2px 2px 2px 2px; width:94%;
			height:1100px;background-color: rgb(194,200,228);	 padding:1%}
			#clubs h3{font-size:1.0em}
			#clubs{font-size:0.9em}


			#lw{margin:2px 2px 2px 2px; width:94%;
			height:1200px;background-color: rgb(194,200,228);	 padding:1%}
			#lw h3{font-size:1.0em}
			#lw p{font-size:0.8em}							/** End of Long Whatton Village, media queries, 350px*/	

			#bridge{margin:2px 2px 2px 2px; width:94%;						/** Start of Bridge Club, media queries, 350px*/
			height:800px; background-color:rgb(227,231,248); padding:1%}
			#bridge h3{font-size:1.0em}
			#bridge p{font-size:0.9em}								/** End of Bridge Club, media queries, 30px*/

			#bowls{margin:2px 2px 2px 2px; width:94%;							/** Start of Bowls Club, media queries, 350px*/	
			height:800px;background-color:rgb(227,231,248); padding:1%}
			#bowls h3{font-size:1.0em}
			#bowls p{font-size:0.9em}								/** End of Bowls Club, media queries, 350px*/

			#methodist{margin:2px 2px 2px 2px; width:94%;					/**Start of Methodist Church, media queries, 350px**/

			height:500px;background-color:rgb(227,231,248); padding:1%}
			#methodist h3{font-size:1.0em}
			#methodist p{font-size:0.9em}					/**End of Methodist Church, media queries, 350px*/		




			#saints{margin:2px 2px 2px 2px; width:94%;								/**Start of All Saints Church, media queries, 350px*/
			height:1100px; background-color:rgb(227,231,248); padding:1%}
			#saints h3{font-size:1.0em}
			#saints p{font-size:0.9em}										/**End of All Saints Church, media queries, 350px*/

			#ad_one{margin:2px 2px 2px 2px; width:94%;								/**Start of ad_one----four, media queries, 30px*/
			height:450px;background-color: rgb(194,200,228);	 padding:1%}					/** top, right, bottom, left*/
			#ad_one h3{font-size:1.0em}
			#ad_one p{font-size:0.9em}

			#ad_two{margin:2px 2px 2px 2px; width:94%;
			height:450px;background-color: rgb(194,200,228);	 padding:1%}
			#ad_two h3{font-size:1.0em}
			#ad_two p{font-size:0.9em}

			#ad_three{margin:2px 2px 2px 2px; width:94%;
			height:450px;background-color: rgb(194,200,228);	 padding:1%}
			#ad_three h3{font-size:1.0em}
			#ad_three p{font-size:0.9em}

			#ad_four{margin:2px 2px 2px 2px; width:94%;
			height:450px;background-color: rgb(194,200,228);	 padding:1%}
			#ad_four h3{font-size:1.0em}
			#ad_four p{font-size:0.9em} 					/**End of ad_one----four, media queries, 350px*/

			#familyhistory{margin:2px 2px 2px 2px; width:94%;		/**Start of LWHS, media queries, 350px*/			
			height:730px; background-color: rgb(194,200,228);	 padding:0%}
			#familyhistory h3{font-size:0.9em}
			#familyhistory{font-size:0.7em} 
			
			#othercontent{margin:2px 2px 2px 2px; width:94%;					
			height:600px;background-color: rgb(194,200,228);	padding:0%}
			#othercontent h3{font-size:0.9em}
			#othercontent{font-size:0.7em} 

			#lw2{margin:2px 2px 2px 2px; width:94%;
			height:400px; background-color: rgb(194,200,228);	 padding:0%}
			#lw2 h3{font-size:0.9em}
			#lw2{font-size:0.7em}						/**End of lwhs, media queries, 350px*/

			

								/**End of media queries, 350px*/