.back { background-color: #339955 }

.top { background-color: #006633 }	

.left { position: absolute; left: 0px; width: 20%; background-color: #006633; color: #ffffff; padding: 0px; margin: 10px; word-wrap: break-word; }
.right {
	position: absolute;
	right: -3px;

	margin: 15px;
	
	background-color: #CCFFCC;
	
	padding: 10px;
	left: 21%;
}

.button { border: #285 solid 2px; padding: 10px; margin: 2px }

.button a:link { color: #ffffff; text-align: center; display: block }

.button a:visited { color: #ffffff; text-align: center; display: block }

.button a:hover { color: #aaaaaa; text-align: center; display: block }

.holder { width: 100% }

.gazbutton { border: solid 1px black; text-align: center; background-color: #efe }

.book {background-color: #FDF1D0; font-family: Georgia, 'Times New Roman', Serif }

.bookframe {height: 150px; width: 120px; float: right;}

.text {clear: both}
.map {

	position: absolute;
	right: 0px;
	left: auto;
	margin: 5px;
	background-color: #CCFFCC;
	width: 100%;
	top: 88px;
	padding: 10px;
}
.walk_details {
	padding-left: 1cm;
}
.walk_list {
	clear: both;
}

@-ms-viewport { 
	width: device-width; 
	initial-scale: 1;
	}
	
@viewport { 
	width: device-width; 
	initial-scale: 1;
	}
	
.logo
		{
	max-width:100%;
	}
	
.bottomad
	{
	widows: 79%;
	}
	
.largepic 
	{
	max-width:100%;
	}