@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#fohawards li a#awards,

body#fohcontact li a#contact,

body#fohruskin li a#ruskin,

body#fohplanning li a#planning,

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;

}



h4 {

	font-size: .9em;

	padding: 0;

	margin: 0;

}



h5 {

	font-size: .9em;

	padding: 1em 0;

	margin: 0;

}

#words {

	float: right;

	background-color: #f7ffe7;

	width: 38%;

	padding: 0 1em;

	margin: 0;

	border: solid 1px #E1E6D2;

	height: 27em;

}



#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;

}



#savewords {

	float: right;

	background-color: #f7ffe7;

	width: 42%;

	padding: 0 1em;

	margin: 0;

	border: solid 1px #E1E6D2;

	height: 92em;

}

#planningaboutwords {

	float: right;

	background-color: #f7ffe7;

	width: 42%;

	padding: 0 1em;

	margin: 0;

	border: solid 1px #E1E6D2;

	height: 35em;

}
#planningaboutwords p {

	padding: 1em 0;

}
#savewords p {

	padding: 1em 0;

}



#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;

	

	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%;

	margin: 0;

	border: solid 1px #E1E6D2;

	height: auto;

	padding-top: 0;

	padding-right: 1em;

	padding-bottom: 0;

	padding-left: 1em;

}



#newsletterdownload {

	float: right;

	background-color: #f7ffe7;

	width: 27%;

	margin: 0;

	border: solid 1px #E1E6D2;

	height: auto;

	padding-top: 0;

	padding-right: 1em;

	padding-bottom: 0;

	padding-left: 1em;

}



#wordsopengardens {

	float: right;

	background-color: #f7ffe7;

	width: 19%;

	margin: 0;

	border: solid 1px #E1E6D2;

	height: auto;

	padding-top: 0;

	padding-right: 1em;

	padding-bottom: 0;

	padding-left: 1em;

}



#contactwords {

	background-color: #f7ffe7;

	margin: 0;

	border: solid 1px #E1E6D2;

	height: auto;

	padding-top: 0;

	padding-right: 1em;

	padding-bottom: 0;

	padding-left: 1em;

}



#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: 30em;

	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: .9em;

}



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;

}



#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

	}



#ruskinwords {

	float: left;	

	width: 50%;

	margin: 0;

	padding: 1em 1em 1em 0;

}



#ruskinphoto {

	width: 98%;

	padding: 0 0 1em 0;

}



#heading {

	margin: 0;

	padding: .7em 0;

}



#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;

}



#fohhome #outer #right #planningwords {

	border: 1px solid #E1E6D2;

	background-position: right;

	float: right;

	height: auto;

	width: 38%;

	padding: 1em;

	background-color: #f7ffe7;

}

#fohplanning #outer #right #planningwords {

	border: 1px solid #E1E6D2;

	background-position: right;

	float: right;

	height: auto;

	width: 38%;

	padding: 1em;

	background-color: #f7ffe7;

}

#fohhome #outer #right #planningwords2 {

	background-color: #f7ffe7;

	height: auto;

	width: auto;

	margin: 1px;

	padding: 1em;

	border: 1px solid #E1E6D2;

	float: none;

}

#fohplanning #outer #right #planningwords2 {

	background-color: #f7ffe7;

	height: auto;

	width: auto;

	margin: 1px;

	padding: 1em;

	border: 1px solid #E1E6D2;

	float: none;

}



#fohhome #outer #planningmain {

	float: left;

	height: auto;

	width: 56%;

	left: 10%;

	background-position: 15%;

}

#fohplanning #outer #planningmain {

	float: left;

	height: auto;

	width: 56%;

	left: 10%;

	background-position: 15%;

}

#fohhome #outer #right2 {

	width: 40%;

	margin: 1em;

	height: auto;

}



#awards ol {

	margin: 0;

}



#awards ol li {

	padding: 2px 0;

}



#stoke, #stokeprior, #stokeafter {

	width: 45%;

	display: inline;

}



#phototitles p{

	display: inline;

}



#helplist {

 	margin: 0;

	padding: 0 0 0 2em;

	font-size: .9em;

 }

 

#lettersleft {

	float: left;

	width: 45%;

	border: 1px solid #E1E6D2;

	background-color: #f7ffe7;

	height: auto;

	padding: 0 1em;

	margin: 1em 0;

	

}



#lettersright {

	float: right;

	width: 45%;

	border: 1px solid #E1E6D2;

	background-color: #f7ffe7;

	display: inline;

	padding: 0 1em;

	margin: 1em 0;

	height: auto;

	}

	

#bookmark {

	float: left;

	clear: both;

	padding: 1em;

}



#questions {

	border: 1px solid #E1E6D2;

	background-color: #f7ffe7;

	padding: 0 1em;

	margin: 1em 0;

}



#ruskinphotos {

	margin: auto;

	width: 80%;

}



#ruskinphotos img {

	padding: 0 0 2em 0;

}



#hmeadsplan {

	width: 900px;

}