/* Layout for www.crawleysussex.co.uk, copyright Lab 99 Web Design (www.lab99.com) 2009 */
html { width: 100%; height: 100%; margin-bottom: 1px; text-align: center; } 
*  { margin: 0; padding: 0; } 
@font-face { font-family: diavlo; src: url(Diavlo_MEDIUM_II_37.otf) format("OpenType"); } /* Diavlo - a font by Jos Buivenga (exljbris) -> www.exljbris.nl  */ 
body  { width: 100%; text-align: left; font: small/1.5 "helvetica neue", helvetica, arial, sans-serif; color: #272525; background-color: #87212a; /* default = home page colour: mauve */ background-image: url(http://cdn1.crawleysussex.co.uk/bodygrad1.png) repeat-x 0 0; border-top: 2px solid #fff; } 
body#location  { background-color: #455da2; /* blue */ }
body#history  { background-color: #b33f24; /* brown */ }
body#government  { background-color: #418735; /* green */ }
body#miscellaneous  { background-color: #7b4b6f; /* purple */ }
body#directory  { background-color: #b32424; /* red */ }
body#contact  { background-color: #398d9a; /* turquoise */ }
body#search  { background-color: #e5a804; /* gold */ }
body#accessibility  { background-color: #051f6a; /* dark blue */ }
body#about  { background-color: #485a47; /* dark greeny grey */ }
/*  main structural elements */ 
#wrapper  { position: relative; width: 960px; margin: 0 auto; } 
#header  { float: left; width: 100%; height: 100px; } 
#container  { float: left; width: 100%; padding: 0 0 30px 0; background: #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
#main  { float: right; width: 720px; padding: 0 30px 0 0; font-size: 115%; } 
#sub  { float: left; width: 200px; margin: 40px 0 0 0; } 
#siteinfo  { float: left; width: 100%; padding: 10px 0; line-height: 150%; } 
/*  lesser structural elements  */ 
.full  { float: left; width: 710px; } 
.twothirds  { float: left; width: 440px; padding: 0 30px 0 0; }
.onethird  { float: right; width: 240px; padding: 3px 0 0 0; /* just to even up the headers */ font-size: 90%; font-family: verdana, "trebuchet ms", "century gothic", tahoma, arial, sans-serif; }
.half  { float: left; width: 350px; }
.right  { float: right; }
.oneofthree  { float: left; width: 220px; margin: 0 20px 0 0; } 
.oneofthree.right  { margin: 0; } 
#map  { float: left; width: 430px; height: 300px; margin: 20px 0; background: #fff; border: 5px solid #b1aeae; -moz-border-radius: 5px; 	-webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } 
body#location #map  { width: 700px; height: 500px; }
.textblock  { -moz-column-width: 290px; -webkit-column-width: 290px; column-width: 290px; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } 
.listblock  { -moz-column-width: 220px; -webkit-column-width: 220px; column-width: 220px; -moz-column-gap: 25px; -webkit-column-gap: 25px; column-gap: 25px; } 
.subbox  { float: left; width: 133px; margin: 20px 0 20px 15px; padding: 10px 10px 20px 10px; font: 85%/1.5 verdana, "trebuchet ms", "century gothic", tahoma, arial, sans-serif; border: 1px solid #87212a; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } 
#homeimage { float: right; width: 310px; padding: 0 0 0 10px; } 
body#location .subbox  { border: 1px solid #455da2; /* blue */ }
body#history .subbox  { border: 1px solid #b33f24; /* brown */ }
body#government .subbox  { border: 1px solid #418735; /* green */ }
body#miscellaneous .subbox  { border: 1px solid #7b4b6f; /* purple */ }
body#directory .subbox  { border: 1px solid #b32424; /* red */ }
body#contact .subbox  { border: 1px solid #398d9a; /* turquoise */ }
body#search .subbox  { border: 1px solid #e5a804; /* gold */ }
body#accessibility .subbox  { border: 1px solid #051f6a; /* dark blue */ }
body#about .subbox  { border: 1px solid #485a47; /* dark greeny grey */ }
/*  links  */ 
a:link  { color: #e06f13; /* orange */ text-decoration: underline; } 
a:visited  { color: #cd47ac; /* blue */ text-decoration: underline; } 
a:hover { color: #0945ef; /* blue */ text-decoration: underline; } 
a:focus  { color: #303130; /* dark grey */ } 
a:active  { color: #0945ef; /* blue */ } 
p#logo a  { float: left; width: 600px; height: 100px; } 
p#logo a:hover  { background: url(http://cdn1.crawleysussex.co.uk/h1h.png) no-repeat 0 -100px; } 
p#logo a:focus  { background: url(http://cdn1.crawleysussex.co.uk/h1h.png) no-repeat 0 0; outline: 1px solid #303130; /* dark grey */ } 
#siteinfo a:link  { color: #add23c; /* pale green */ 	text-decoration: underline; } 
#siteinfo a#homepagelink:visited, #siteinfo a#homepagelink:hover  { color: #fff; } 
body#search #siteinfo a:link  { color: #272525; /* almost black */ }
body#search #siteinfo a:visited  { color: #272525; text-decoration: none; }
#siteinfo a:hover, body#search #siteinfo a:hover  { color: #fff; text-decoration: underline; } 
a[href^="http:"]:link, a[href^="https:"]:link  { background: url(http://cdn2.crawleysussex.co.uk/external_links1.png) no-repeat 100% 3px; padding-right: 18px; } 
a[href^="http:"]:visited, a[href^="https:"]:visited  { background: url(http://cdn2.crawleysussex.co.uk/external_links1.png) no-repeat 100% -57px; padding-right: 18px; } 
a[href^="http:"]:hover, a[href^="http:"]:active, a[href^="https:"]:hover, a[href^="https:"]:active  { background: url(http://cdn2.crawleysussex.co.uk/external_links1.png) no-repeat 100% -27px; 	padding-right: 18px; } 
#siteinfo a[href^="http:"]:link  { background: url(http://cdn2.crawleysussex.co.uk/external_links1.png) no-repeat 100% -87px;	padding-right: 18px; } 
#siteinfo a[href^="http:"]:hover  { background: url(http://cdn2.crawleysussex.co.uk/external_links1.png) no-repeat 100% -117px; padding-right: 18px; } 
body#search #siteinfo a[href^="http:"]:link, body#search #siteinfo a[href^="http:"]:visited  { background: url(http://cdn2.crawleysussex.co.uk/external_links1.png) no-repeat 100% -147px; padding-right: 18px; } 
body#search #siteinfo a[href^="http:"]:hover  { background: url(http://cdn2.crawleysussex.co.uk/external_links1.png) no-repeat 100% -117px; padding-right: 18px; } 
a[href^="http://www.crawleysussex.co.uk/"]:link, a[href^="http://www.crawleysussex.co.uk/"]:visited, a[href^="http://www.crawleysussex.co.uk/"]:hover, a[href^="http://crawleysussex.co.uk/"]:link, a[href^="http://crawleysussex.co.uk/"]:visited, a[href^="http://crawleysussex.co.uk/"]:hover, #siteinfo a[href^="http://www.crawleysussex.co.uk/"]:link, #siteinfo a[href^="http://www.crawleysussex.co.uk/"]:visited, #siteinfo a[href^="http://www.crawleysussex.co.uk/"]:hover, #siteinfo a[href^="http://crawleysussex.co.uk/"]:link, #siteinfo a[href^="http://crawleysussex.co.uk/"]:visited, #siteinfo a[href^="http://crawleysussex.co.uk/"]:hover, body#search #siteinfo a[href^="http://www.crawleysussex.co.uk/"]:link, body#search #siteinfo a[href^="http://www.crawleysussex.co.uk/"]:visited, body#search #siteinfo a[href^="http://www.crawleysussex.co.uk/"]:hover, body#search #siteinfo a[href^="http://crawleysussex.co.uk/"]:link, body#search #siteinfo a[href^="http://crawleysussex.co.uk/"]:visited, body#search #siteinfo a[href^="http://crawleysussex.co.uk/"]:hover  { background: none; padding-right: 0; } 
/*  headers  */ 
body#index h1, p#logo  { float: left; width: 600px; height: 100px; margin: 0; padding: 0; text-indent: -5000px; background: url(http://cdn1.crawleysussex.co.uk/h1h.png) no-repeat 0 0; border-bottom: none; } /* font is Diavlo Medium by Jos Buivenga (exljbris) -> www.exljbris.nl */ 
h1, body#index h2  { margin: 0 0 0.5em 0; padding: 30px 0 10px 0; font: normal 220%/130% diavlo, "trebuchet ms", "century gothic", verdana, tahoma, arial, sans-serif; letter-spacing: 0.02em; color: #87212a; border-bottom: 2px solid #eaeaea; } 
body#index h2  { width: 360px; } 
h2, body#index h3  { margin: 0 0 10px 0; padding: 20px 0 5px 0; font: normal 150%/130% diavlo, "trebuchet ms", "century gothic", verdana, tahoma, arial, sans-serif; color: #87212a; border-bottom: 2px solid #eaeaea; } 
h3, body#index h4  { margin: 0; padding: 15px 0 0 0; font-size: 120%; font-weight: normal; color: #87212a; } 
.subbox h3, body#index .subbox h4  { padding: 0; font-size: 130%; text-align: center; } 
body#location h1, body#location h2, body#location h3, body#location dl#contactdetails dt  { color: #455da2; /* blue */ } 
body#history h1, body#history h2, ul#introboxes li#historybox h2, body#history h3, body#history dl#contactdetails dt  { color: #b33f24; /* brown */ } /* ul#introbox is on the home page */ 
body#government h1, body#government h2, ul#introboxes li#governmentbox h2, body#government h3, body#government dl#contactdetails dt  { color:  #418735; /* green */ } 
body#miscellaneous h1, body#miscellaneous h2, body#miscellaneous h3, body#miscellaneous dl#contactdetails dt  { color: #7b4b6f; /* purple */ } 
body#directory h1, body#directory h2, ul#introboxes li#directorybox h2, body#directory h3, body#directory dl#contactdetails dt  { color: #b32424; /* red */ } 
body#contact h1, body#contact h2, body#contact h3, body#contact dl#contactdetails dt  { color: #398d9a; /* turquoise */ } 
body#search h1, body#search h2, body#search h3, body#search dl#contactdetails dt  { color: #e5a804; /* gold */ } 
body#accessibility h1, body#accessibility h2, body#accessibility h3, body#accessibility dl#contactdetails dt  { color: #051f6a; /* dark blue */ } 
body#about h1, body#about h2, body#about h3, body#about dl#contactdetails dt  { color: #485a47; /* dark greeny grey */ } 
/*  paragraphs  */ 
p  { margin: 0.8em 0 0 0; padding: 0; } 
ul#articlelist p  { margin: 0.3em 0 0 0; }
p.readmore  { margin: 0.6em 0 0.2em 0; font-size: 90%; font-style: italic; }
.subbox p + p  { text-align: center; font-size: 110%; } 
#homeimage p { float: right; width: auto; margin: 0.2em 0 1em 0; font-size: 80%; font-style: italic; } 
/*  lists  */ 
ul  { margin: 0; padding: 0 0 0 20px; list-style-type: disc; } 
li  { margin: 0; padding: 0.4em 0 0 0; } 
ul#accesskeylist  { list-style-type: none; }
ol { margin: 0; padding: 0 0 0 25px; list-style: decimal; } 
dl  { float: left; width: 710px; margin: 0; padding: 0; } 
dt  { width: 100px; margin: 0; padding: 0.2em 0; font-weight: bold; } 
dd  { width: 590px; margin: 0; padding: 0.2em 0; } 
#siteinfo dl  { width: 920px; margin: 20px 0; padding: 10px 20px; color: #fff; background: rgba(0, 0, 0, 0.3); -moz-border-radius: 10px; 	-webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } 
body#directory #siteinfo dl  { background: #7d1919; background: rgba(0, 0, 0, 0.3); } 
#siteinfo dt  { display: inline; float: left; width: 170px; font-variant: small-caps; font-weight: normal; text-align: right; } 
#siteinfo dd  { display: inline; float: right; width: 725px; } 
dl#contactdetails  { width: 240px; margin: 0 0 20px 0; }
dl#contactdetails dt  { width: 240px; padding: 0.6em 0 0 0; color: #87212a; /* mauve; see colour changes in 'headers' above */ font-weight: normal; font-size: 110%; }
body#directory dl#contactdetails dt  { width: 210px; margin: 0.3em 0 0 0; padding: 0.1em 0 0.1em 27px; } 
body#directory dl#contactdetails dt#website  { background: url(http://cdn2.crawleysussex.co.uk/contacticons.png) no-repeat 0 50%; } 
body#directory dl#contactdetails dt#email  { background: url(http://cdn2.crawleysussex.co.uk/contacticons.png) no-repeat -250px 50%; } 
body#directory dl#contactdetails dt#phone  { background: url(http://cdn2.crawleysussex.co.uk/contacticons.png) no-repeat -500px 50%; } 
body#directory dl#contactdetails dt#address  { background: url(http://cdn2.crawleysussex.co.uk/contacticons.png) no-repeat -750px 50%; } 
dl#contactdetails dd  { width: 240px; padding: 0; word-wrap: break-word; }
body#directory dl#contactdetails dd  { padding: 0 0 0.6em 0; } 
/* Navigation  */ 
ul#nav  { float: left; width: 170px; margin: 0; padding: 0 0 10px 0; list-style-type: none; } 
ul#nav li  { float: left; padding: 0; } 
#nav a  { float: left; width: 130px; display: block; margin: 10px 0 0 0; padding: 0.4em 19px 0.4em 20px; color: #87212a; /* default: mauve home page background colour */ text-decoration: none; font-size: 110%; background: #fbfbfb; border: 1px solid #eaeaea; border-left: none; 	-moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -khtml-border-top-right-radius: 7px; -khtml-border-bottom-right-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; } 
#nav a:focus  { background: #fff; } 
#nav a:active  { color: #260f59; outline: none; } 
body#index.mainpage li#navindex a:hover, body#location.mainpage li#navlocation a:hover, body#history.mainpage li#navhistory a:hover, body#government.mainpage li#navgovernment a:hover, body#miscellaneous.mainpage li#navmiscellaneous a:hover, body#directory.mainpage li#navdirectory a:hover, body#contact.mainpage li#navcontact a:hover  { cursor: default; } /* only applies to section pages, not subsidiary pages */ body#index li#navindex a  { color: #87212a; background: #fff; border: 1px solid #87212a; border-left: none; } /* section colour for subsidiary pages within each section */ 
li#navindex a:hover, body#index.mainpage li#navindex a, /* over-rides section colour for main section page */ 
body#index li#navindex a:hover  { color: #fff; background: #87212a; /* mauve */ }
li#navlocation a:hover, body#location.mainpage li#navlocation a, body#location li#navlocation a:hover  { color: #fff; background: #455da2; }
body#location li#navlocation a  { color: #455da2; background: #fff; border: 1px solid #455da2; border-left: none; } 
body#location li#navindex a, body#location li#navhistory a, body#location li#navgovernment a, body#location li#navmiscellaneous a, body#location li#navdirectory a, body#location li#navcontact a  { color: #455da2; }
li#navhistory a:hover, body#history.mainpage li#navhistory a, body#history li#navhistory a:hover  { color: #fff; background: #b33f24; /* brown */ }
body#history li#navhistory a  { color: #b33f24; background: #fff; border: 1px solid #b33f24; border-left: none; } 
body#history li#navindex a, body#history li#navlocation a, body#history li#navgovernment a, body#history li#navmiscellaneous a, body#history li#navdirectory a, body#history li#navcontact a  { color: #b33f24; }
li#navgovernment a:hover, body#government.mainpage li#navgovernment a, body#government li#navgovernment a:hover  { color: #fff; background: #418735; /* green */ }
body#government li#navgovernment a  { color: #418735; background: #fff; border: 1px solid #418735; border-left: none; } 
body#government li#navindex a, body#government li#navlocation a, body#government li#navhistory a, body#government li#navmiscellaneous a, body#government li#navdirectory a, body#government li#navcontact a  { color: #418735; }
li#navdirectory a:hover, body#directory.mainpage li#navdirectory a, body#directory li#navdirectory a:hover  { color: #fff; background: #b32424; /* red */ }
body#directory li#navdirectory a  { color: #b32424; background: #fff; border: 1px solid #b32424; border-left: none; } 
body#directory li#navindex a, body#directory li#navlocation a, body#directory li#navhistory a, body#directory li#navgovernment a, body#directory li#navmiscellaneous a, body#directory li#navcontact a  { color: #b32424; }
li#navmiscellaneous a:hover, body#miscellaneous.mainpage li#navmiscellaneous a, body#miscellaneous li#navmiscellaneous a:hover  { color: #fff; 	background: #7b4b6f; /* purple */ }
body#miscellaneous li#navmiscellaneous a  { color: #7b4b6f; background: #fff; border: 1px solid #7b4b6f; border-left: none; } 
body#miscellaneous li#navindex a, body#miscellaneous li#navlocation a, body#miscellaneous li#navhistory a, body#miscellaneous li#navgovernment a, body#miscellaneous li#navdirectory a, body#miscellaneous li#navcontact a  { color: #7b4b6f; }
li#navcontact a:hover, body#contact.mainpage li#navcontact a, body#contact li#navcontact a:hover  { color: #fff; background: #398d9a; /* turquoise */ }
body#contact li#navcontact a  { color: #398d9a; background: #fff; border: 1px solid #398d9a; border-left: none; } 
body#contact li#navindex a, body#contact li#navlocation a, body#contact li#navhistory a, body#contact li#navgovernment a, body#contact li#navmiscellaneous a, body#contact li#navdirectory a  { color: #398d9a; }
body#search li#navindex a, body#search li#navlocation a, body#search li#navhistory a, body#search li#navgovernment a, body#search li#navmiscellaneous a, body#search li#navdirectory a, body#search li#navcontact a  { color: #e5a804; /* gold */ }
body#accessibility li#navindex a, body#accessibility li#navlocation a, body#accessibility li#navhistory a, body#accessibility li#navgovernment a, body#accessibility li#navmiscellaneous a, body#accessibility li#navdirectory a, body#accessibility li#navcontact a  { color: #051f6a; /* dark blue */ }
body#about li#navindex a, body#about li#navlocation a, body#about li#navhistory a, body#about li#navgovernment a, body#about li#navmiscellaneous a, body#about li#navdirectory a, body#about li#navcontact a  { color: #485a47; /* dark greeny grey */ }
body#location li#navindex a:hover, body#location li#navhistory a:hover, body#location li#navgovernment a:hover, body#location li#navmiscellaneous a:hover, body#location li#navdirectory a:hover, body#location li#navcontact a:hover, body#history li#navindex a:hover, body#history li#navlocation a:hover, body#history li#navgovernment a:hover, body#history li#navmiscellaneous a:hover, body#history li#navdirectory a:hover, body#history li#navcontact a:hover, body#government li#navindex a:hover, body#government li#navlocation a:hover, body#government li#navhistory a:hover, body#government li#navmiscellaneous a:hover, body#government li#navdirectory a:hover, body#government li#navcontact a:hover, body#miscellaneous li#navindex a:hover, body#miscellaneous li#navlocation a:hover, body#miscellaneous li#navhistory a:hover, body#miscellaneous li#navgovernment a:hover, body#miscellaneous li#navdirectory a:hover, body#miscellaneous li#navcontact a:hover, body#directory li#navindex a:hover, body#directory li#navlocation a:hover, body#directory li#navhistory a:hover, body#directory li#navgovernment a:hover, body#directory li#navmiscellaneous a:hover, body#directory li#navcontact a:hover, body#contact li#navindex a:hover, body#contact li#navlocation a:hover, body#contact li#navhistory a:hover, body#contact li#navgovernment a:hover, body#contact li#navmiscellaneous a:hover, body#contact li#navdirectory a:hover, body#search li#navindex a:hover, body#search li#navlocation a:hover, body#search li#navhistory a:hover, body#search li#navgovernment a:hover, body#search li#navmiscellaneous a:hover, body#search li#navdirectory a:hover, body#search li#navcontact a:hover, body#accessibility li#navindex a:hover, body#accessibility li#navlocation a:hover, body#accessibility li#navhistory a:hover, body#accessibility li#navgovernment a:hover, body#accessibility li#navmiscellaneous a:hover, body#accessibility li#navdirectory a:hover, body#accessibility li#navcontact a:hover, body#about li#navindex a:hover, body#about li#navlocation a:hover, body#about li#navhistory a:hover, body#about li#navgovernment a:hover, body#about li#navmiscellaneous a:hover, body#about li#navdirectory a:hover, body#about li#navcontact a:hover  { color: #fff; }
body#accessibility.mainpage p#accesslink, body#about.mainpage .about  { display: none; } /* removes links to Accessibility and About pages on relevant pages */ 
/*  link to accessibility page  */ 
p#accesslink  { float: right; width: auto; margin: -2px 0 0 0; } 
p#accesslink a  { display: block; padding: 0.5em 1em; color: #fff; background: #87212a; /* mauve */ text-align: center; border: 1px solid #fff; /* to make the accessibility link obvious even to users of obsolete browsers */ border: 1px solid rgba(255, 255, 255, 0.5); /* over-rides previous style in modern browsers */ border-top: none; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -khtml-border-bottom-right-radius: 7px; -khtml-border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } 
body#location p#accesslink a  { background: #455da2; /* blue */ } 
body#history p#accesslink a  { background: #b33f24; /* brown */ } 
body#government p#accesslink a  { background: #418735; /* green */ } 
body#miscellaneous p#accesslink a  { background: #7b4b6f; /* purple */ } 
body#directory p#accesslink a  { background: #b32424; /* red */ } 
body#contact p#accesslink a  { background: #398d9a; /* turquoise */ } 
body#search p#accesslink a  { color: #fff; background: #e5a804; /* gold */ } 
body#about p#accesslink a  { background: #485a47; /* dark greeny grey */ } 
body#accessibility p#accesslink a  { color: #051f6a; /* dark blue */ background: #fff; } 
p#accesslink a:hover, body#index p#accesslink a:hover, body#location p#accesslink a:hover, body#history p#accesslink a:hover, body#government p#accesslink a:hover, body#miscellaneous p#accesslink a:hover, body#directory p#accesslink a:hover, body#contact p#accesslink a:hover, body#search p#accesslink a:hover, body#about p#accesslink a:hover, body#accessibility p#accesslink a:hover  { color: #fff; background: #051f6a; /* dark blue */ } 
p#accesslink a:focus, body#index p#accesslink a:focus, body#location p#accesslink a:focus, body#history p#accesslink a:focus, body#government p#accesslink a:focus, body#miscellaneous p#accesslink a:focus, body#directory p#accesslink a:focus, body#contact p#accesslink a:focus, body#search p#accesslink a:focus, body#about p#accesslink a:focus  { outline: 1px solid #303130; } 
/*  link: return to main section page (ul#introbox is on the home page)  */ 
p.return  { float: left; width: 100%; margin: 2em 0 1em 0; padding: 0; } 
p.return a  { display: block; height: 40px; line-height: 40px; padding: 0 0 0 10px; color: #87212a; text-align: center; border: 2px solid #87212a; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } 
body#location p.return a  { color: #455da2; /* blue */ background: url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px 0; 	border: 2px solid #455da2; } 
body#history p.return a, ul#introboxes li#historybox p.return a  { color: #b33f24; /* brown */ background: url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -40px; border: 2px solid #b33f24; } 
body#government p.return a, ul#introboxes li#governmentbox p.return a  { color: #418735; /* green */ background: url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -80px; border: 2px solid #418735; } 
body#miscellaneous p.return a  { color: #7b4b6f; /* purple */ background: url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -120px; border: 2px solid #7b4b6f; } 
body#directory p.return a, ul#introboxes li#directorybox p.return a  { color: #b32424; /* red */ background: url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -160px; border: 2px solid #b32424; } 
body#contact p.return a  { color: #398d9a; /* turquoise */ border: 2px solid #398d9a; background: url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -200px; } 
p.return a:hover  { color: #fff; background: #87212a; } 
body#location p.return a:hover  { color: #fff; background: #455da2 url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -240px; } 
body#history p.return a:hover, ul#introboxes li#historybox p.return a:hover  { color: #fff; background: #b33f24 url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -280px; } 
body#government p.return a:hover, ul#introboxes li#governmentbox p.return a:hover  { color: #fff; background: #418735 url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -320px; } 
body#miscellaneous p.return a:hover  { color: #fff; background: #7b4b6f url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -360px; } 
body#directory p.return a:hover, ul#introboxes li#directorybox p.return a:hover  { color: #fff; background: #b32424 url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -400px; } 
body#contact p.return a:hover  { color: #fff; background: #398d9a url(http://cdn1.crawleysussex.co.uk/arrows_bg.png) no-repeat 10px -440px; } 
/*  home page boxes (see also links: return to main section, above)  */ 
ul#introboxes  { float: left; width: 710px; margin: 0 0 10px 0; padding:0; list-style: none; } 
ul#introboxes li  { float: left; width: 220px; margin: 0; padding: 0 25px 0 0; } 
ul#introboxes li#directorybox  { padding: 0; }
body#index ul#introboxes img  { margin: 10px 0 0 0; } 
ul#introboxes p.return  { margin: 1em 0 0 0; } 
/*  search form  */ 
#sub form  { float: left; width: 170px; padding: 0 0 20px 20px; } 
#sub input  { width: 144px; margin: 0 0 10px 0; padding: 5px 2px; background: #fff; border: 1px solid #e5a804; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } 
#sub input.submit  { width: auto; padding: 5px; } 
#sub input[type="submit"]  { width: auto; padding: 5px; color: #87212a; /* mauve */ background: #fff; } 
body#location #sub input[type="submit"]  { color: #455da2; /* blue */ } 
body#history #sub input[type="submit"]  { color: #b33f24; /* brown */ } 
body#government #sub input[type="submit"]  { color: #418735; /* green */ } 
body#miscellaneous #sub input[type="submit"]  { color: #7b4b6f; /* purple */ } 
body#directory #sub input[type="submit"]  { color: #b32424; /* red */ } 
body#contact #sub input[type="submit"]  { color: #398d9a; /* turquoise */ } 
body#accessibility #sub input[type="submit"]  { color: #051f6a; /* dark blue */ } 
body#about #sub input[type="submit"]  { color: #485a47; /* dark greeny grey */ } 
body#search #sub input[type="submit"]  { color: #e5a804; /* gold */ } 
#sub input[type="submit"]:hover, body#location #sub input[type="submit"]:hover, body#history #sub input[type="submit"]:hover, body#government #sub input[type="submit"]:hover, body#miscellaneous #sub input[type="submit"]:hover, body#directory #sub input[type="submit"]:hover, body#contact #sub input[type="submit"]:hover, body#accessibility #sub input[type="submit"]:hover, body#about #sub input[type="submit"]:hover, body#search #sub input[type="submit"]:hover  { color: #fff; 	background: #e5a804; /* gold */ } 
input:focus, textarea:focus  { color: #272525; background: #fff; } 
/*  contact form  */ 
#contactform  { float: left; width: 100%; margin: 20px 0 0 0; }
#contactform form  { float: left; width: 440px; padding: 0; } 
#contactform fieldset  { margin: 0 0 20px 0; padding: 10px 20px 20px 20px; border: 1px solid #909490; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } /* non-Zem form */
#contactform  fieldset  { border: none; margin: 0; padding: 0; } /* Zem form */
#contactform legend  { padding: 0 10px; color: #398d9a; /* turquoise */ background: #fff; /* over-rides box-shadow */ font: normal 150%/130% diavlo, "trebuchet ms", "century gothic", verdana, tahoma, arial, sans-serif; } /* non-Zem form */
#contactform  legend  { background: none;	margin: 0; padding: 0; visibility: hidden; } /* Zem form */
#contactform label  { float: left; width: 100%; }
#contactform input  { width: 380px; margin: 10px 0; padding: 5px; color: #398d9a; /* turquoise */ background: #fff; font: 100%/1.5 "helvetica neue", helvetica, arial, sans-serif; border: 1px solid #398d9a; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } 
#contactform input[type="submit"]  { width: auto; color: #fff; background: #398d9a; } 
#contactform input[type="submit"]:hover  { color: #398d9a; background: #fff; } 
input:focus  { color: #272525; background: #fff; } 
#contactform textarea  { width: 380px; height: 100px; margin: 10px 0; padding: 5px; color: #398d9a; background: #fff; font: 100%/1.5 "helvetica neue", helvetica, arial, sans-serif; border: 1px solid #398d9a; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; resize: both; }
input.validation-failed, textarea.validation-failed  { border: 1px solid #87212a; /* mauve */ color: #87212a; } 
.validation-advice { margin: 5px 0; padding: 5px 10px; color: #fff; background: #398d9a; /* turquoise */ font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } 
input[type="submit"], label[for] { cursor: pointer; } 
/*  search results  */ 
ul#searchresults li  { padding: 1em 0 0 0; }
ul#searchresults h4  { padding: 0; }
ul#searchresults p  { margin: 0; }
/* gallery stuff  */ 
ul.gallery  { float: left; width: 400px; margin: 0; padding: 10px 0 10px 20px; list-style-type: none; } 
ul.gallery li  { float: left; display: inline; margin: 0 20px 20px 0; } 
ul.gallery a  { display: block; width: 100px; height: 100px; border: 5px solid #e06f13; /* orange */ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } 
ul.gallery a:hover  { display: block; border: 5px solid #0945ef; /* blue */ } 
ul.gallery li img  { float: left; display: inline; margin: 0; padding: 0; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } 
/*  minor, decorative elements  */ 
#articleimage  { float: left; width: 100%; padding-bottom: 1em; } 
img  { float: left; margin: 1em 0 30px 0; padding: 5px; background: #b1aeae; /* for older browsers */ background: rgba(0, 0, 0, 0.3); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } 
#homeimage img  { float: right; margin: -30px 0 0 0; } 
.full img  { float: right; margin: -30px 0 20px 20px; } 
#map img  { margin: 0; padding: 0; background: none; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } 
#map noscript  { float: left; padding: 1em; text-align: center; } 
em, strong  { font-weight: bold; } 
cite, noscript  { font-style: italic; } 
abbr, acronym  { speak: spell-out; border-bottom: 1px dotted #000; cursor: help; } 
span.lab99  { padding-left: 25px; background: url(http://cdn1.crawleysussex.co.uk/99logo20x16.png) no-repeat 0 50%; } 
.strike  { text-decoration: line-through; } 
blockquote  { margin: 0.8em 0 0 0; padding: 0 0 0 20px; } 
.alert { padding: 0.5em 30px; text-align: center; border: 2px solid #909490; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }