new 3.html

	<div id="divMaster" class="div-Master">
		<!-- Header row -->
		<div id = "mapDiv" class = "map-Div">
			<!-- Label for thematic layer-->
			<div id="mapLeft" class = "map-Left"> Thematic Overlay</div>
			<!-- Dropdown to allow you select the layer -->
			<div id="mapRight" class = "map-Centre">
					<select>
					  <option>CSO</option>
					  <option>Wards</option>
					</select>					
			 </div>
		</div>	
		
		<!-- Row containing drop down controls -->
			<div id = "mapDiv2" class = "map-Div">
				<div id="mapLeft2" class = "map-Left">
					<div id="mapLeft" class = "map-Left">Transparency</div>
				 </div>
				<div id="mapCentre2" class = "map-Centre">
						<div id="slider1" class ="slider"> 
							
						</div>	
				 </div>
			</div>
		
		<!-- Button events  -->
			<div id = "mapDiv4" class = "map-Div">
				<div id="mapLeft2" class = "map-Left">
						<div id="content-left">
							<button type="button">Legend</button>
						</div>			
				 </div>
				<div id="mapCentre4" class = "map-Centre">
						<div id="content-main">
							<button type="button">Print Map</button>	
						</div>
				 </div>
				<div id="mapRight4" class = "map-Right">
					<button type="button">Link</button>
				 </div>
			</div>	

		<!-- Row containing output of the controls below-->
			<div id = "mapDiv5" class = "map-Div">
				The quick brown fox jumps over the lazy dog.<br />
				The quick brown fox jumps over the lazy dog.<br />
				The quick brown fox jumps over the lazy dog.<br />
				The quick brown fox jumps over the lazy dog.<br />
				The quick brown fox jumps over the lazy dog.<br />
			</div>	
			
	</div>