html { 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	width: 100%; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	background: #727771 url(http://cdn1.peasepottage.info/body1.png) repeat-y 50% 0; 
	color: #fff; 
	font: small/1.6 verdana, "trebuchet ms", "century gothic", tahoma, calibri, arial, sans-serif; 
	text-align: left; 
	width: 100%; 
	} 




/* << main structural elements >> */ 


#header  { 
	background: url(http://cdn1.peasepottage.info/headergrad06.png) repeat-x;
	float: left; 
	height: 100px; 
	margin: 10px 0 0 0; 
	width: 100%; 
	} 

.inner  { 
	margin: 0 auto; 
	position: relative; 
	width: 930px; 
	} 

#container  { 
	float: left; 
	padding: 0 0 30px 0; 
	width: 100%; 
	} 

#main  { 
	float: right; 
	font-size: 110%; 
	width: 710px; 
	} 

#nav  { 
	background: #303130; 
	float: left; 
	margin: 0; 
	width: 190px; 
	} 

#siteinfo  { 
	background: url(http://cdn2.peasepottage.info/siteinfo_green.png) repeat-x 0 0; 
	float: left; 
	line-height: 150%; 
	padding: 10px 0 20px 0; 
	width: 100%; 
	} 





/* << lesser structural elements >> */ 



#intro  { 
	float: left; 
	width: 710px; 
	} 

#quotes, 
#featurelist, 
#miscfacts  { 
	float: left; 
	margin: 20px 25px 0 0; 
	width: 220px; 
	} 

#quotes  { 
	background: url(http://cdn2.peasepottage.info/9966.png) no-repeat -40px 70px; 
	} 

#miscfacts  { 
	margin: 20px 0 0 0; 
	} 

#businesslinks  { 
	float: left; 
	width: 320px; 
	} 

#facilitylinks  { 
	float: right; 
	width: 320px; 
	} 

#governmentlinks  { 
	float: left; 
	width: 100%; 
	} 

#pphistory  { 
	float: left; 
	width: 400px; 
	} 

#name  { 
	float: right; 
	width: 280px; 
	} 

#modern  { 
	float: left; 
	width: 710px; 
	} 

#sources  { 
	border: 2px solid #909490; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	float: left; 
	font-size: 85%; 
	margin: 20px 0; 
	padding: 10px; 
	width: 140px; 
	} 

#map  { 
	border: 5px solid #909490; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	height: 500px; 
	margin: 1.5em 0 0.5em 0; 
	width: 700px; 
	} 

.textbody  { 
	-moz-column-width: 290px; 
	-webkit-column-width: 290px; 
	column-width: 290px; 
	-moz-column-gap: 30px; 
	-webkit-column-gap: 30px; 
	column-width: 30px; 
	} 

.related  { 
	float: left; 
	padding: 0.5em 0 0 0;
	width: 100%; 
	} 



/* << links >> */ 


a:link  { 
	color: #add23c; /* pale green */ 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #add23c; /* pale green */ 
	text-decoration: none; 
	} 

a:hover { 
	color: #fff; 
	text-decoration: underline; 
	} 

a:focus  { 
	outline: 1px solid #303130; 
	} /* coloured background here will mess up slimbox */

a:active  { 
	color: #fff; 
	} 

#nav a  { 
	color: #b1cb64; /* pale green */ 
	display: block; 
	float: left; 
	font-size: 90%; 
	margin: 2px 0 0 0; 
	padding: 6px 20px; 
	text-decoration: none; 
	width: 150px; 
	} 

#nav a:hover  { 
	background: url(http://cdn2.peasepottage.info/dot_white.png) no-repeat 3px 50%; 
	color: #fff; 
	} 

#nav a:focus  { 
	color: #fff; 
	outline: 1px solid #fff; 
	} 

#nav a:active  { 
	color: #260f59; 
	outline: none; 
	} 

body#index li#navindex a, 
body#location ul li#navlocation a, 
body#history ul li#navhistory a, 
body#picturegallery ul li#navgallery a, 
body#directory ul li#navdirectory a, 
body#famous ul li#navfamous a, 
body#contact #nav ul li#navcontact a, 
body#news ul li#navnews a  { 
	background: #727771; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	border-top-left-radius: 5px; 
	border-bottom-left-radius: 5px; 
	color: #1d1d1d; 
	} 

body#index li#navindex a:hover, 
body#location ul li#navlocation a:hover, 
body#history ul li#navhistory a:hover, 
body#picturegallery ul li#navgallery a:hover, 
body#directory ul li#navdirectory a:hover, 
body#famous ul li#navfamous a:hover, 
body#contact #nav ul li#navcontact a:hover, 
body#news ul li#navnews a:hover  { 
	background: #727771; 
	color: #1d1d1d; 
	cursor: default; 
	} 

body#index h1 a, 
p#logo a  { 
	float: left; 
	height: 90px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	width: 500px; 
	} 

h3 a:link, 
h3 a:visited  { 
	color: #cbab21; /* yellowish */ 
	} 

h3 a:hover  { 
	color: #fff; 
	} 

p#return a  { 
	background: url(http://cdn2.peasepottage.info/arrows.png) no-repeat 15px -90px; 
	background-color: rgba(0, 0, 0, 0.2); /* separated for older browsers */
	border: 1px solid #303130; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	display: block; 
	height: 40px; 
	line-height: 40px; 
	padding: 0 0 0 45px; 
	} 

p#return a:hover  { 
	background: url(http://cdn2.peasepottage.info/arrows.png) no-repeat 15px -140px; 
	background-color: rgba(0, 0, 0, 0.2); 
	text-decoration: underline; 
	} 

table a:hover  { 
	color: #000; 
	} 

a[href$="jpg"]:link  { 
	background: url(http://cdn1.peasepottage.info/links2.png) no-repeat 100% 1px; 
	margin-right: 3px; 
	padding-right: 18px; 
	} 
	
a[href$="jpg"]:hover  { 
	background: url(http://cdn1.peasepottage.info/links2.png) no-repeat 100% -37px; 
	margin-right: 3px; 
	padding-right: 18px; 
	} 
	
a[href^="http:"]:link, 
a[href^="https:"]:link, 
a[href^="http:"]:visited, 
a[href^="https:"]:visited  { 
	background: url(http://cdn1.peasepottage.info/links2.png) no-repeat 100% -76px; 
	padding-right: 18px; 
	} /* green */ 
	
a[href^="http:"]:hover, 
a[href^="https:"]:hover  { 
	background: url(http://cdn1.peasepottage.info/links2.png) no-repeat 100% -117px; 
	padding-right: 18px; 
	} /* white */ 
	
a[href^="http://www.peasepottage.info/"]:link, 
a[href^="http://www.peasepottage.info/"]:visited, 
a[href^="http://www.peasepottage.info/"]:hover, 
a[href^="http://peasepottage.info/"]:link, 
a[href^="http://peasepottage.info/"]:visited, 
a[href^="http://peasepottage.info/"]:hover  { 
	background: none; 
	padding-right: 0; 
	} 




/* << headers >> */ 


p#logo, 
body#index h1  { 
	background: url(http://cdn2.peasepottage.info/h1.png) no-repeat 0 0;   
	float: left; 
	height: 90px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	width: 500px; 
	} /* fonts are Calligraph421BT and Levenim MT */ 

h1, 
body#index h2  { 
	border-bottom: none; 
	color: #cbab21; /* yellowish */ 
	font: normal 190%/150% "trebuchet ms", "century gothic", verdana, tahoma, arial, sans-serif; 
	letter-spacing: 0.02em; 
	margin: 0; 
	padding: 15px 0 5px 0; 
	text-shadow: 1px 1px 1px #1d1d1d;
	} 

h2, 
body#index h3  { 
	border-bottom: 5px solid #909490; 
	color: #cbab21; /* yellowish */ 
	font-size: 150%; 
	font-weight: normal; 
	line-height: 150%; 
	margin: 0 0 10px 0; 
	padding: 20px 0 5px 0; 
	text-shadow: 1px 1px 1px #333;
	} 

h3, 
body#index h4  { 
	color: #cbab21; /* yellowish */ 
	font-size: 110%; 
	margin: 0; 
	padding: 15px 0 5px 0; 
	} 

#sources h3  { 
	font-size: 130%; 
	padding: 0; 
	} 

body#search h3  { 
	margin: 10px 0 0 0; 
	} 






/* << paragraphs >> */ 


p  { 
	margin: 0.8em 0 0 0; 
	padding: 0; 
	} 

#main ul p  { 
	margin: 0.4em 0 0 0; 
	} 

#quotes h3+p  { 
	background: url(http://cdn2.peasepottage.info/9966.png) no-repeat 176px 100%; 
	padding: 30px 0; 
	} 

#siteinfo p  { 
	float: left; 
	width: 500px; 
	} 

p#gallerysearchresult  { 
	text-align: center; 
	} 

p#gallerylink  { 
	float: left; 
	margin: 0.4em 0 0 0; 
	text-align: center; 
	width: 700px; 
	} 

p#return  { 
	float: left; 
	margin: 2em 0 0 0; 
	width: 100%; 
	} 

p.gotop  { 
	float: left; 
	margin: 1em 0; 
	width: 100%; 
	} 





/* << lists >> */ 


ul  { 
	list-style: disc; 
	margin: 0; 
	padding: 0.5em 0 0 20px; 
	} 

ol { 
	list-style: decimal; 
	margin: 0; 
	padding: 0.5em 0 0 20px; 
	} 

li  { 
	margin: 0; 
	padding: 0.1em 0; 
	} 

#nav ul  { 
	float: left; 
	list-style: none; 
	padding: 20px 0 10px 0; 
	width: 190px; 
	} 

#nav ul li  { 
	float: left; 
	padding: 0; 
	} 

body#index #main ul  { 
	margin: 0.4em 0 0 0; 
	padding: 0 0 0 15px; 
	} 

body#index #main ul li  { 
	border: none; 
	width: 205px; 
	} 
	
ul#famouslist  { 
	list-style: none; 
	} 

dl  { 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 710px; 
	} 

dt  { 
	display: inline; 
	color: #303130; 
	float: left; 
	font-weight: bold; 
	margin: 0; 
	padding: 0.2em 0; 
	text-align: right; 
	width: 100px; 
	} 

dd  { 
	display: inline; 
	float: right; 
	margin: 0; 
	padding: 0.2em 0; 
	width: 590px; 
	} 

#siteinfo dl  { 
	background: rgba(0, 0, 0, 0.3); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	margin: 20px 0 0 0; 
	padding: 10px; 
	width: 910px; 
	} 

#siteinfo dt  { 
	color: #909490; 
	font-weight: normal; 
	width: 165px; 
	} 

#siteinfo dd  { 
	width: 720px; 
	} 




/* << form >> */ 



form  { 
	float: left; 
	padding: 20px 0 10px 0; 
	width: 170px; 
	} 
	
input  { 
	background: #303130; 
	border: 1px solid #909490; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	color: #fff; 
	margin: 0 0 10px 0; 
	padding: 2px; 
	width: 146px; 
	} 
	
input[type="submit"]  { 
	background: #303130; 
	border: 1px solid #727771; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	color: #add23c; /* pale green */ 
	} 

input[type="submit"]:hover, 
body#contact #main input.zemSubmit:hover  { 
	color: #fff; 
	cursor: pointer; 
	} 

input:focus  { 
	background: #fff; 
	color: #303130; 
	} 

form.zemContactForm  { 
	margin: 0; 
	padding: 0; 
	width: auto; 
	} 

form.zemContactForm  fieldset  { 
	border: 1px solid #727771; 
	margin: 0; 
	padding: 0; 
	} 

form.zemContactForm  legend  { 
	margin: 0; 
	padding: 0; 
	visibility: hidden; 
	} 

form.zemContactForm  input, 
form.zemContactForm  textarea  { 
	background: #727771; /* body background grey */
	border: 1px solid #303130; /* v. dark grey */
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	color: #fff; 
	font: 100% verdana, sans-serif; 
	margin: 5px 0 10px 20px; 
	padding: 5px 7px; 
	width: 350px; 
	} 
	
form.zemContactForm  input:focus, 
form.zemContactForm  textarea:focus  { 
	background: #fff; 
	color: #303130; 
	} 

body#contact #main form input[type="submit"], 
form.zemContactForm  input.zemSubmit  { 
	background: #303130; 
	border: 1px solid #303130; 
	color: #add23c; /* pale green */ 
	margin: 0 0 0 10px; 
	padding: 3px 8px; 
	width: auto; 
	} 

body#contact #main form input[type="submit"]:hover, 
form.zemContactForm  input.zemSubmit:hover  { 
	background: #fff; 
	color: #303130; 
	} 

form.zemContactForm input#phone, 
form.zemContactForm input#mail  { 
	margin: 0; 
	padding: 0; 
	} 

form.zemContactForm  label  { 
	float: left; 
	margin: 5px 0; 
	width: 100%; 
	} 

form.zemContactForm  ul.zemError { 
	background: #fff; 
	border: 2px solid #b43222; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	color: #b43222; /* dark red */ 
	float: left; 
	font-weight: bold; 
	list-style: none; 
	margin: 0 0 20px 0; 
	padding: 10px 20px; 
	width: auto; 
	} 
	
form.zemContactForm ul.zemError li  { 
	padding: 0; 
	} 




/* <<< tables >>> */ 


table  { 
	background: #848883; 
	border: 5px solid #909490; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	} 

table#hcb1horsham, 
table#hcb3craw, 
table#hcb4horsham  { 
	float: left; 
	width: 340px; 
	} 

table#hcb1hand, 
table#hcb3hand, 
table#hcb4pott  { 
	float: right; 
	width: 340px; 
	} 

table th, table td  { 
	margin: 0; 
	padding: 0.6em 1em; 
	} 

table th  { 
	color: #fff; 
	background: #727671;  
	border-bottom: 2px solid #909490; 
	} 

table caption  { 
	color: #cb9332; /* light brown */ 
	font-size: 150%; 
	line-height: 150%; 
	margin: 0; 
	padding: 25px 0 15px 0; 
	} 

table thead  { 
	border: 5px solid #909490; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	} 

table tbody tr:hover  { 
	background: #fff;  
	color: #303130; 
	} 

table tbody tr.pottage  { 
	background: #727671;  
	} 

table tbody tr.pottage:hover  { 
	background: #fff;  
	color: #303130;  
	} 




/* << minor, decorative elements >> */ 



img  { 
	background: 5px solid #909490; /* for old browsers */ 
	background: rgba(0, 0, 0, 0.2); /* for new browsers */ 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	float: left; 
	margin: 10px 0; 
	padding: 5px; 
	} 

#map img  { 
	background: none; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0; 
	border-radius: 0; 
	margin: 0; 
	padding: 0; 
	} 

body#index img, 
body#directory_individual img  { 
	float: right; 
	margin: -50px 0 20px 20px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	} 

#siteinfo img  { 
	border: none; 
	} 

body#index #siteinfo img, 
body#directory_individual #siteinfo img  { 
	float: left; 
	margin: 10px 0; 
	} 

.imagewrapper  { 
	float: left; 
	padding: 10px 0; 
	width: 100%; 
	} 

body#directory_individual .imagewrapper img  { 
	margin: 0; 
	} 

span.lab99  { 
	background: url(http://cdn1.peasepottage.info/99logo20x16.png) no-repeat 0 50%; 
	padding-left: 25px; 
	} 

em, 
cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	border-bottom: 1px dotted #fff; 
	cursor: help; 
	speak: spell-out; 
	} 

.strike  { 
	text-decoration: line-through; 
	} 

blockquote  { 
	margin: 0.8em 0 0 0; 
	padding: 0 0 0 20px; 
	} 

.alert {
	border: 2px solid #909490; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	padding: 0.5em 30px; 
	text-align: center; 
	}



/* << gallery stuff >> */ 



ul.images a  { 
	border: 1px solid #add23c; /* pale green */ 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	display: block; 
	height: 108px; /* img height plus T & B padding */ 
	width: 108px; /* img width plus L & R padding */ 
	} 

ul.images a:hover  { 
	border: 1px solid #1706f7; 
	display: block; 
	} 

li#previous a  { 
	background: url(http://cdn2.peasepottage.info/arrows.png) 0 -11px no-repeat; 
	padding: 0 0 0 25px; 
	text-decoration: none; 
	} 

li#next a  { 
	background: url(http://cdn2.peasepottage.info/arrows.png) 100% -101px no-repeat; 
	padding: 0 25px 0 0; 
	text-decoration: none; 
	} 

li#previous a:visited, 
li#next a:visited  { 
	color: #add23c; /* pale green */ 
	} 

li#previous a:hover { 
	background: url(http://cdn2.peasepottage.info/arrows.png) 0 -61px no-repeat; 
	color: #fff; 
	text-decoration: none; 
	} 

li#next a:hover { 
	background: url(http://cdn2.peasepottage.info/arrows.png) 100% -151px no-repeat; 
	color: #fff; 
	text-decoration: none; 
	} 

ul.images  { 
	float: left; 
	padding: 20px 0; /* padding rather than margin works in IE6 */ 
	width: 700px; 
	} 

ul.images li  { 
	display: inline; 
	float: left; 
	margin: 0 25px 20px 0; 
	} 

ul#prevnext  { 
	border-top: 1px solid #d0c1a7; 
	float: left; 
	margin: 1em 0 0 0; 
	padding: 0.5em 0; 
	width: 700px; 
	} 

ul#prevnext li#previous  { 
	float: left; 
	height: 40px; 
	line-height: 40px; 
	list-style: none; 
	padding: 0; 
	} 

ul#prevnext li#next  { 
	float: right; 
	height: 40px; 
	line-height: 40px; 
	list-style: none; 
	padding: 0; 
	} 	

ul.images li img  { 
	background: none; 
	border: none; 
	display: inline; 
	float: left; 
	margin: 0; 
	padding: 4px; 
	} 

#gutter  { 
	float: left; 
	padding: 20px 0 0 0; 
	text-align: center; 
	width: 700px; 
	}