@charset "utf-8";
/* CSS Document */

body {
	background-color: #f7ffe7;
	margin: 0;
	font-family: "Franklin Gothic Medium", "Trebuchet MS", sans-serif;
	font-size: 1em;	
	color: #483B34;	
}
body#fohhome li a#home,
body#fohvillage li a#village,
body#fohnewsletters li a#news,
body#fohachievements li a#achievements,
body#fohaims li a#aims,
body#fohhistory li a#history,
body#fohgardens li a#gardens,
body#fohwalk li a#walk,
body#fohcontact li a#contact,
body#fohlinks li a#links
 {
	background-color:#CCFF66;

}

#outer {
	width: 900px;
	background-color: #fff;
	margin: auto;
	padding: .5em 2em;
}

#header {
	
}

#picstrip {
	height: 50px;
}

#picstrip img {
	padding: 0 3.2px 0 0;
	float: left;
}

#stripe {
	clear: both;
	padding-top: 10px;
	height: 10px;
	background-image: url(stripe.jpg);
	background-repeat: repeat-x;
}

h1 {	
	color:  #84a03c;
	font-size: 3em;
	margin: 0;
	padding: .2em 0 0 0;
}

h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

h3{
	padding: 0.5em 0;
}

#words {
	float: right;
	background-color: #f7ffe7;
	width: 38%;
	padding: 0 1em;
	margin: 0;
	border: solid 1px #E1E6D2;
	height: 23em;
}

#people, #buildings {
	float: right;
	background-color: #f7ffe7;
	width: 41%;
	padding: 0 1em;
	margin: 0;
	border: solid 1px #E1E6D2;
	}

#publications {
	float: right;
	background-color: #f7ffe7;
	width: 95.5%;
	padding: 0 1em;
	margin: 1em 0;
	border: solid 1px #E1E6D2;

}

#rightbook {
	float: right;
	padding: 0 2em 0 0;
}

#buildings{
	margin-right: 1em;
	float: left;
}


#people ul li, #buildings ul li{
	font-size: .8em;
}

#walkwords {
	background-color: #f7ffe7;
	padding: 0 1em 1em;
	margin: 0 0 1em 0;
	border: solid 1px #E1E6D2;
}

#historywords {
	float: right;
	background-color: #f7ffe7;
	padding: 0 1em;
	margin: 0;
	border: solid 1px #E1E6D2;
}

#linkswords {
	float: right;
	background-color: #f7ffe7;
	padding: 0 1em;
	margin: 0;
	border: solid 1px #E1E6D2;
	height: 23em;
	width: 40%;
}

#linkswords ul {
	padding: 0;
	margin: 0;
}

#aimswords {
	float: right;
	background-color: #f7ffe7;
	width: 50%;
	padding: 0 1em;
	margin:  0;
	border: solid 1px #E1E6D2;
	height: 23em;
}

#wordsvillage {
	float: right;
	background-color: #f7ffe7;
	width: 45%;
	padding: 0 1em;
	margin: 0;
	border: solid 1px #E1E6D2;
	height: 23em;
}

#newsletterdownload {
	float: right;
	background-color: #f7ffe7;
	width: 30%;
	padding: 0 1em;
	margin: 0;
	border: solid 1px #E1E6D2;
	height: 23em;
}

#wordsopengardens {
	float: right;
	background-color: #f7ffe7;
	width: 27%;
	padding: 0 1em;
	margin: 0;
	border: solid 1px #E1E6D2;
	height: 23em;
}

#contactwords {
	background-color: #f7ffe7;
	
	padding: 0 1em;
	margin: 0 ;
	border: solid 1px #E1E6D2;
	height: 23em;

}

#achievementswords {
	float: right;
	background-color: #f7ffe7;
	width: 35%;
	padding: 0 1em;
	margin: 0;
	border: solid 1px #E1E6D2;
	height: 16.7em;
}

#pastachievements {
	float: right;
	background-color: #f7ffe7;
	width: 96%;
	padding: 1em;
	margin: 1em 0;
	border: solid 1px #E1E6D2;
}

a {
	text-decoration: none;
	color: #5d8600;
	font-size: .9em;
}

ul#navigation {
	list-style-type: none;
	margin: 0;
	width: 15%;
	padding: 0;
	height: 25em;
	background-color: #fff;	
}

ul#navigation li {
		
}

ul#navigation li ul {
	display: none;
}

ul#navigation li a {
	color: #506428; /*#aed24b;*/ 	
	padding: .2em 0 .2em .5em;
	margin: .4em 0 .2em 0;
	text-decoration: none;
	display: block;
	border: solid 2px #fff;
	background-color:#FFFFFF;
	font-size: 1em;
}

ul#navigation li a:hover {
	color: #594C85;
	background-color: #FFF;
	border: solid 2px #84a03c;
	padding: .2em 0 .2em .5em;
	margin: .4em 0 .2em 0;
	text-decoration: none;
	display: block;
}


a:hover {
	color: #5d3174;
	
}

p {	
	padding: 0 0 .5em 0;
	margin: 0;
	font-family: "Franklin Gothic Book";
	font-size: .9em;
}

ol li {
	list-style: decimal;
	font-family: "Franklin Gothic Book";
	font-size: .9em;
}

ul li {
	list-style: none;
	margin: 0 0 .2em 0;
	font-family: "Franklin Gothic Book";
	padding: 0;
}

h4 {
	font-size: .9em;
	padding: 0;
	margin: 0;
}

#right {
	margin: 1em 0;
	float: right;
	width: 81%;
	padding: 0;
}

#sketch {
	float: left;	
	width: 50%;
	margin: 0;
	padding: 1em 1em 1em 0;
	height: 24.5em
} 

#viewstandrews, #parkart {
	float: left;	
	width: 50%;
	margin: 0;
	padding: 0 1em 0 0;
	height: 23.15em
}

#lamppostpics {
	float: left;
	display: inline;	
	margin: 0;
	padding: 0;
}

#lamppostpics img {
	padding: 0 1em 0 0;
}

#topphotos {
	float: right;
	margin: 0 0 0 1em;
}

#bottomphotos {
	float: right;
	margin: 0 0 0 1em;
	clear: right;
}

#photo {
	float: left;	
	height: 23.15em;
	margin: 0;
	padding: 0;
}

#newspic {
	float: left;	
	height: 23.15em;
	margin: 0;
	padding: 0;
}

.photos {
	float: right;
	width: 300px;
	margin: 0 0 0 1em;	
}

#MMEmbeddedMap {
	

}

#multimaplinks {
	display: none;
}

#map {	
			
		float: left;
		margin: 0;
		padding: 0;	
		
		} 

.warning {
	display: none;
}

.strong {
	display: none;
}

#largemap {
	width: 65%;
	margin: auto;
}
	
#walklist {
	float: right;
	width: 35%;
	margin: 0;
	padding: 0;
}

#walklist li {
	margin: 0;
	padding: 0 0 .1em 0;
	
}

#mapwalk {	
	float: left;	
	height: 24em;
	margin: 0;
	padding: 0;
}

h6 {
text-align:center;	
	font-size: .6em;
	font-weight:normal;
	margin: 0;
	padding: 1em 0;	
}

#ogphotos img{
	padding: 0 5px 5px 5px;
}