/*  Information
------------------------------------------------------------------------------------------------------------------*/
/*  Styles for Chilterns countryside
    General styles for all browsers
    Created by Mez Hopking
    20th January 2009, Revised 1st April 2010
------------------------------------------------------------------------------------------------------------------*/


/* Map overview and details specific
------------------------------------------------------------------------------------------------------------------------------*/

/* Use these rules to make the site align-center. :-)
body {background:#eee; text-align:center;}
body > table {margin:0 auto; background:#fff; text-align:left;}
end center-align */

#tableMainCol {padding: 0 22px 0 24px; vertical-align: top;}
#tableSideCol {border-left: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0; background: url(images/map/mapBgSideColGrad.png) 0 0 repeat-x #f7f7f7; padding: 0px 16px 30px 16px; vertical-align: top;}

#tableSideCol.lilac{ background: url(images/map/mapBgSideColGradLilac.png) 0 0 repeat-x #D0CCF2 !important;}

#mainCol li, #sideCol li {list-style: none;}
#mainCol h2, #sideCol h2 {font-weight: bold; display: block; border-bottom-width: 3px; border-bottom-style: solid; font-size: 130%;}
#mainCol h2 {border-bottom-color: #89ae2b; color: #537400;}
#sideCol h2 {border-bottom-color: #a3a3a3; color: #313131;}
#sideCol h3.selected {color: #ad3d3d;}
#mainCol .subTitle, #sideCol .subTitle {margin-top: -8px; display: block; border-bottom-width: 2px; border-bottom-style: solid; padding: 0 0 5px 0;}
#mainCol .subTitle {border-color: #89ae2b;}
#sideCol .subTitle {border-color: #a3a3a3;}
#mainCol .subTitle span {font-weight: bold;}
#mainCol .multimapContainer#overview {float: left; position: relative; width: 506px; background: url(images/map/mapBgMultiContainer.png) 0 0 repeat-x;}
#mainCol .multimapContainer#detail {}
#mainCol .multimapContainer {margin: 0 0 20px 0;}
#mainCol .multimapContainer #theMap {border: 1px solid #a0a0a0; float: left; position: relative; width: 504px; margin: 4px 0 0 0;}
#mainCol .multimapContainer #theMap img {padding: 0px; margin: 0px;}

#mainCol {}
#mainCol .routeResult .showHide {}
#mainCol .routeResult .showHide a {padding: 7px 48px 8px 48px; float: right; background:url(images/map/bgShowHide.png) 0 0 no-repeat; margin-top: -18px;}
#mainCol .routeResult .showHide.shown a {background-position: 0 0;}
#mainCol .routeResult .showHide.shown a:hover {background-position: 0 -30px;}
#mainCol .routeResult .showHide.hidden a{background-position: 0 -15px;}
#mainCol .routeResult .showHide.hidden a:hover {background-position: 0 -45px;}
#mainCol .routeResult .showHide a span {display: none;}
#mainCol .routeResult ul.resultList {float: left; position: relative; margin: 10px 0; padding: 0px; clear: left;}
#mainCol .routeResult ul.resultList a:hover {color: #000;}
#mainCol .routeResult ul.resultList li {float: left; position: relative; width: 504px; display: block; border: 1px solid #a0a0a0; border-bottom: 3px solid #a0a0a0; margin: 0 0 15px 0;}
#mainCol .routeResult ul.resultList li.first {}
#mainCol .routeResult ul.resultList li.last {}
#mainCol .routeResult ul.resultList li.singleResult {}
#mainCol .routeResult ul.resultList li .title {display: block; position: relative; padding: 6px 10px; float: left; background: url(/images/map/bgBlockTitleGrad.png) 0 0 #dedede repeat-x; width: 484px; border-bottom: 1px solid #a0a0a0; font-weight: bold; color: #494949;}
#mainCol .routeResult ul.resultList li#contactDetails .viewOptions {height: 22px}
#mainCol .routeResult ul.resultList li .viewOptions {position: relative; float: right; width: 494px; display: block; padding: 5px; background: url(/images/map/bgPxPattern.png) 0 0 repeat; text-align: right;}
#mainCol .routeResult ul.resultList li .viewOptions .button {position: relative; float: right;}
#mainCol .routeResult ul.resultList li .viewOptions .button a {}
#mainCol .routeResult ul.resultList li .viewOptions .button a span {display: none;}
#mainCol .routeResult ul.resultList li .viewOptions .button#showOnMap a {background: url(images/map/inputButShowOnMap.png) 0 0 no-repeat; padding: 11px 45px 11px 45px; float: left;}
#mainCol .routeResult ul.resultList li .viewOptions .button#moreDetails a {background: url(images/map/inputButMoreDetails.png) 0 0 no-repeat; padding: 11px 46px 11px 41px; float: left; margin-right: 3px;}
#mainCol .routeResult ul.resultList li .viewOptions .button#backToCats a {background: url(images/map/inputButBackToCats.png) 0 0 no-repeat; padding: 11px 60px 11px 60px; float: left; margin-right: 3px;}
#mainCol .routeResult ul.resultList li .viewOptions .button#feedback a {background: url(images/map/inputButFeedback.png) 0 0 no-repeat; padding: 11px 60px 11px 60px; float: left;}

#mainCol .routeResult ul.resultList li .viewOptions .button#showOnMap a:hover {background-position: 0 -22px;}
#mainCol .routeResult ul.resultList li .viewOptions .button#moreDetails a:hover {background-position: 0 -22px;}
#mainCol .routeResult ul.resultList li .viewOptions .button#backToCats a:hover {background-position: 0 -22px;}
#mainCol .routeResult ul.resultList li .viewOptions .button#feedback a:hover {background-position: 0 -22px;}

#mainCol .routeResult ul.resultList li#photoDetails dl {}
#mainCol .routeResult ul.resultList li#photoDetails dt {width: 174px; padding: 10px;}

#mainCol .routeResult ul.resultList li#photoDetails dt a img {padding: 3px; border: 1px solid #ccc;}
#mainCol .routeResult ul.resultList li#photoDetails dt a span.zoomImage {height: 20px; width: 20px; background: url(images/map/iconZoom.png) 0 0 no-repeat; position: absolute; z-index: 255; left: 150px; top: 130px;}
#mainCol .routeResult ul.resultList li#photoDetails dt a span.zoomImage span {display: none;}
#mainCol .routeResult ul.resultList li#photoDetails dt a:hover span.zoomImage {background-position: 0 -20px; cursor: pointer;}
#mainCol .routeResult ul.resultList li#photoDetails dt a:hover img {border-color: #000;}
#mainCol .routeResult ul.resultList li#photoDetails dd {width: 289px; padding: 10px; min-height: 116px}

#mainCol .routeResult ul.resultList li#photoDetails dd ul.imgThumbs {margin: 0px; padding: 0px;}
#mainCol .routeResult ul.resultList li#photoDetails dd ul.imgThumbs li {float: left; display: inline; width: 95px; border: none; margin: 0px; float: left; margin-bottom: 5px;}
#mainCol .routeResult ul.resultList li#photoDetails dd ul.imgThumbs li a {}
#mainCol .routeResult ul.resultList li#photoDetails dd ul.imgThumbs li a img {border: 1px solid #ccc; padding: 2px; background-color: #fff; float: left;}
#mainCol .routeResult ul.resultList li#photoDetails dd ul.imgThumbs li a:hover img {border-color: #000;}
#mainCol .routeResult ul.resultList li#photoDetails dd ul.imgThumbs li.photoInfo {float: left; display: block; width: 280px; font-size: 90%; padding: 5px 0 0 0;}

#mainCol .routeResult ul.resultList li dl {float: left; position: relative; width: 504px; margin: 0; border-bottom: 1px solid #ccc; color: #494949;}
#mainCol .routeResult ul.resultList li dt {width: 153px; float: left; clear: left; border-top: 1px solid #ccc; font-weight: bold; padding: 3px 10px;}
#mainCol .routeResult ul.resultList li dd {margin: 0; float: left; border-top: 1px solid #ccc; border-left: 1px solid #ccc; width:310px;color: #333; font-weight: normal; padding: 3px 10px;}
#mainCol .routeResult ul.resultList li dl a {color: #007d43;}

#mainCol .routeResult ul.resultList li span.mapKeyValue {display:block;padding: 3px 10px 10px 10px;}

#mainCol ul.mapKeyBasic {float: left; width: 494px; padding: 10px 0 5px 10px; margin: 0px; border: 1px solid #ccc; background: url(images/map/bgPxPattern.png) top left repeat; margin-bottom: 10px;}
#mainCol ul.mapKeyBasic li .keyItem {width: 50%; float: left; height: 20px;}
#mainCol ul.mapKeyBasic li .keyItem .keyText {font-weight: bold;}
#mainCol ul.mapKeyBasic li .keyItem .keyImage {vertical-align: middle; padding-right: 4px;}
#mainCol ul.mapKeyBasic li .keyItem#promotedRoute .keyText {color: #555;}
#mainCol ul.mapKeyBasic li .keyItem#selectedRoute .keyText {color: #555;}


#mainCol .mapTools {position: relative;}
#mainCol .mapTools ul {float: right; margin-top: 0px; padding: 0px; margin-bottom: 2px;}
#mainCol .mapTools ul li {}
#mainCol .mapTools ul li.toolPrint {font-weight: bold; float: left; padding: 2px 0 4px 0;}
#mainCol .mapTools ul li.toolPrint a {background: url(/images/map/iconPrint.png) 0px 3px no-repeat; padding: 3px 0 3px 24px; color: #833a00; }
#mainCol .mapTools ul li a:hover {color: #000;}


#sideCol .sideBlock {margin: 0px; padding: 0px; float: left; width: 193px; position: relative; clear: left;}
#sideCol .sideBlock#postcodeCategories {}
#sideCol .sideBlock#searchCategories {}
#sideCol .sideBlock .blockElement { background: #efefef; width: 191px; float: left; position: relative; border: 1px solid #a0a0a0; border-bottom: 3px solid #a0a0a0; margin: 0 0 15px 0;}
#sideCol .sideBlock .blockElement#postcodeArea {}
#sideCol .sideBlock .blockElement .title {display: block; position: relative; padding: 6px 10px; width: 171px; float: left; background: url(/images/map/bgBlockTitleGrad.png) 0 0 #dedede repeat-x; border-bottom: 1px solid #a0a0a0; color: #494949; margin: 0px;}
#sideCol .sideBlock .blockElement h3 {padding: 0 14px 0 0; margin: 0px; font-size: 100%; background: url(images/map/iconDownArrowGrey.png) 100% 5px no-repeat; float: left; position: relative;}
#sideCol .sideBlock .blockElement .content {padding: 10px; background-color: #fff;}
#sideCol .sideBlock .blockElement .options {padding: 5px; background: url(/images/map/bgPxPattern.png) 0 0 repeat; float: left; position: relative; width: 181px; border-top: 1px solid #d8d8d8; text-align: right;}
#sideCol .sideBlock .blockElement .options.search {}
#sideCol .sideBlock form .blockElement input {background: url(/images/map/bgInput.png) 0 0 repeat-x; padding: 3px 5px; border: 1px solid #a0a0a0; font-size: 90%; color: #393939;}
#sideCol .sideBlock form .blockElement input.sideFull {width: 171px;}
#sideCol .sideBlock form .blockElement input.button {border: none;}
#sideCol .sideBlock form .blockElement input.search {background: url(images/map/inputSearch.png) 0 0 no-repeat; padding: 11px 39px 10px 39px; float: right; }
#sideCol .sideBlock form .blockElement input.search:hover {background-position: 0 -22px;}
#sideCol .sideBlock form .blockElement input.clearOptions {background: url(images/map/inputClearOptions.png) 0 0 no-repeat; padding: 11px 39px 10px 39px; float: right;}
#sideCol .sideBlock form .blockElement a.resetMap {background: url(images/map/inputButResetMap.png) 0 0 no-repeat; display:block; width:78px;height:22px; float: right;}
#sideCol .sideBlock form .blockElement a.resetMap span{display:none;}
#sideCol .sideBlock form .blockElement input.backToMap {background: url(images/map/inputButBackToMap.png) 0 0 no-repeat; padding: 11px 50px 10px 50px; float: right;}
#sideCol .sideBlock form .blockElement input.clearOptions:hover {background-position: 0 -22px;}
#sideCol .sideBlock form .blockElement a.resetMap:hover {background-position: 0 -22px;}
#sideCol .sideBlock form .blockElement input.backToMap:hover {background-position: 0 -22px;}
#sideCol .sideBlock form .blockElement input.categoriesCheckbox {border: 0px;}
#sideCol .sideBlock form .blockElement select {width: 171px;}

#sideCol .sideBlock .blockElement#selectCategories .content {padding: 10px 0;}
#sideCol .sideBlock .blockElement .content ul.categoriesList {margin: 0 0 0 0; float: left; position: relative; padding: 0px; width: 171px;}
#sideCol .sideBlock .blockElement .content ul.categoriesList li {float: left; position: relative; padding: 5px 10px; width: 171px; margin: 0px; border-bottom: 1px solid #ccc; background:none repeat scroll 0 0 #EFEFEF;}
#sideCol .sideBlock .blockElement .content ul.categoriesList li.last {border: none;}
#sideCol .sideBlock .blockElement .content ul.categoriesList li .catName {float: left; font-weight: bold; color: #494949;}
#sideCol .sideBlock .blockElement .content ul.categoriesList li .catName input {float: left; width: 15px;}
#sideCol .sideBlock .blockElement .content ul.categoriesList li .catName label {padding: 2px 0 0 5; float: left; width: 110px;}
#sideCol .sideBlock .blockElement .content ul.categoriesList li .catIcon {float: right; padding: 0; width: 30px;}
#sideCol .sideBlock .blockElement .content ul.categoriesList li .catIcon img {float: right; padding: 3px 0 0 0;}

#sideCol .sideBlock .blockElement .content ul.relatedList {margin: 10px 0; padding: 0px; float: left; position: relative;}
#sideCol .sideBlock .blockElement .content ul.relatedList li {float: left; padding: 0 0 8px 0;}
#sideCol .sideBlock .blockElement .content ul.relatedList li a {background: url(images/map/iconRightArrowGrey.png) 0px 3px no-repeat; padding: 0 0 0 10px; text-decoration: ; color: #494949;}
#sideCol .sideBlock .blockElement .content ul.relatedList li a:hover {color: #000;}


#pageCover {background: #fff; bottom: 0; left: 0; opacity: 0.6; position: absolute; right: 0; top: 0; z-index: 9998; height: 180%;}
#pageCoverLoading {background: url(/images/map/loading.gif) no-repeat 50% 50%; height: 30px; left: 0; position: fixed; right: 0; top: 450px; z-index: 9999; text-align: center;}
#pageCoverLoading p {background: #FFFFFF none repeat scroll 0 0; border: 1px solid #558C37; font-size: 1.2em; font-weight: bold;  margin: 45px auto 0; opacity: 0.8; padding: 20px; text-align: center; width: 50%; color: #336600}

ul.docList {position: relative; padding-left:20px;}
.docList li {padding: 0 0 7px 23px; list-style: none; background-position: 0 0; background-repeat: no-repeat;}
.docList li.pdf {background-image: url(../images/pdf_icon.gif);}
.docList li.jpg {background-image: url(../images/jpg_icon.gif);}
.docList li.doc {background-image: url(../images/doc_icon.gif);}
.docList li a:hover {color: #063B18;}

.pressList li {padding: 0 0 7px 0px; list-style: none; background-position: 0 0; background-repeat: no-repeat;}

/* Multimap InfoBox Styling
------------------------------------------------------------------------------------------------------------------------------*/

v\:* { behavior:url(#default#VML); }

/* This section changes the appearance of info boxes; please do not consider it a part of their overall style. */                                                                                                                         
div.altinfobox {overflow :visible; font-family: Arial, verdana, helvetica, sans-serif; color: #666; font-size: 0.9em;}
div.altinfobox div.MMplacer {position: absolute; bottom: 0; left: 0px;}
div.altinfobox table  {margin: 0;}
div.altinfobox td  {line-height: normal; padding-left: 0; padding-right: 0;}
div.altinfobox table, div.altinfobox table tr,  div.altinfobox table td {border: 0; border-collapse: collapse; font-size: 1em;}
div.altinfobox .MMclose {position: absolute; top: 5px; right: 3px; overflow: hidden; text-indent: -9999px; background: transparent url(/images/map/map_bubble_close.gif) top left no-repeat; width: 13px; height: 13px;}
div.altinfobox tr.MMtop td.MMcenter {background: transparent url(/images/map/map_bubble_top.gif) left top no-repeat;} 
div.altinfobox tr.MMtop td.MMcenter div.MMspacer {width: 172px; height: 5px; overflow: hidden;}                                                                   
div.altinfobox tr.MMmiddle td.MMcenter {background: transparent url(/images/map/map_bubble_mid.gif) left top repeat-y; width: 172px;}
div.altinfobox tr.MMmiddle td.MMcenter div.MMspacer {padding : 2px;}
div.altinfobox tr.MMmiddle td.MMcenter p {margin: 0 5px 5px 5px; padding: 0; font-size: 100%; color: #333;}
div.altinfobox tr.MMmiddle td.MMcenter h1 {margin: 0 5px 5px 5px; padding: 0 0 5px 0; font-size: 1.2em; font-weight: bold; border-bottom: 1px dotted #999; color: #333;}
div.altinfobox tr.MMbottom td.MMcenter {background: transparent url(/images/map/map_bubble_base.gif) left top no-repeat;}
div.altinfobox tr.MMmiddle td.MMcenter a {display:block; text-decoration:none; color: #2351A9; margin: 0 5px 5px 5px;}                                                     
div.altinfobox tr.MMbottom td.MMcenter div.MMspacer {width: 172px; height: 13px; overflow: hidden;}
div.altinfobox .MMconnector {display: none;}
div.altinfobox .mapMarker h1 {}
div.altinfobox .mapMarker p {}
div.altinfobox .mapMarker a {background: url(/images/map/iconBoxArrowBlue.png) 0 3px no-repeat; padding: 0 0 0 10px;}
div.altinfobox .mapMarker img {padding: 0 0 0 4px !important;}


/* Revised homepage specific
------------------------------------------------------------------------------------------------------------------------------*/

#sideBlocks {text-align: left; float: left;}
#sideBlocks ul {margin: 0px; padding: 0px; float: left;}
#sideBlocks ul li { float:left; list-style: none; margin: 0 0 15px 0;}
#sideBlocks ul li img {float: left; margin: -5px 10px 0 0px}
#sideBlocks ul li a img {border: none}
#sideBlocks ul li.box {width: 245px}
#sideBlocks ul li.box a {text-decoration: none; font-weight: normal;}
#sideBlocks ul li.box .moreLink {font-weight: bold; font-size: 90%;margin: 0px; padding: 0px}
#sideBlocks ul li.box .moreLink a {color: #494a07 !important; text-decoration: underline; background-image: none; margin: 0px; padding: 0px; font-weight: bold;}
#sideBlocks ul li.box .moreLink a:hover {color: #a54b00 !important;}
#sideBlocks ul li.solid {border: 1px solid #ebb688; background-color: #fff; padding: 0 10px 0 0; width: 235px;}
#sideBlocks ul li.solid .title {font-weight: bold; color: #a54b00; font-size: 120%;}
#sideBlocks ul li.solid .description {font-size: 100%; color: #494a07;}
#sideBlocks ul li.transparant .title {font-weight: bold; color: #a54b00; font-size: 130%; margin: 0 0 5px 0;}
#sideBlocks ul li.transparant .description {font-size: 120%; color: #494a07;}
#sideBlocks ul li#latestWeather {width: 245px; background: #f7eecf; border-left: none; border-right: none; padding: 0;}
#sideBlocks ul li#latestWeather div {padding: 5px 10px; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#sideBlocks ul li#latestWeather a {text-decoration: underline; font-weight: bold;}
#sideBlocks ul li#latestWeather ul li {width: 100%; margin: 0; padding: 5px 0;}
#sideBlocks ul li#latestWeather ul li img {margin: 0 10px 0 0;}



#welcome {width: 430px; float: left; position: relative; margin: 0 0 20px 0;}
#welcome #intro {position: relative; float: left; width: 205px; margin: 0 20px 0 0;}
#welcome #intro p {font-size: 130%; line-height: 1.3em; color: #808106}
#welcome #stopPress {float: right; width: 205px;}
#welcome #stopPress h2 {color: #d56300}
#welcome #stopPress .story {margin: 10px 0 0 0;}
#welcome h1 {color: #627f27; font-size: 170%; padding: 0px; margin: 0px;}
#welcome p {padding: 0px; margin: 0px;}

#features {clear: left; float: left; width: 430px;}
#features .featureItem {width: 205px; margin-bottom: 15px; }
#features .featureItem .container {min-height: 66px; padding: 6px;}
#features .featureItem img {margin-bottom: 0px; background-color: #cae37e;}
#features .left {float: left;}
#features .right {float: right;}
#features p {font-size: 100%;}
#features h3 {font-size: 105%; margin: 0px;}

#features a p, #features a h3 {text-decoration: none;}

#events, #news {clear: left;}
#events .container, #news .container {background-color: #ddeca9}
#events h2, #news h2 {color: #a54b00; font-size: 125%}
#events ul li {list-style: none; margin: 0 0 4px 0}
#events ul li.moreLink {margin: 10px 0 0 0;}
#events ul li .title {float: left; width: 90px; font-weight: bold; color: #773600;}
#events ul li .description {color: #4f4f05;}
#events ul li .description a {color: #4f4f05; text-decoration: none; font-weight: normal}
#events ul li .description a:hover {text-decoration: underline;}
#news ul, #events ul {padding: 0px; margin: 10px 0px 0 0}
#news {margin-bottom: 15px}
#news .feed {display: block; right: 10px; top: 12px; position: absolute; font-size: 70%;}
#news .feed a {color: #e15a1f; text-decoration: none; font-weight: normal; padding: 0 18px 0 0; background: url(/images/iconRss.png) 100% 0px no-repeat;}
#news .feed a:hover {text-decoration: underline;}
#news ul li {list-style: none; display: block; padding: 3px 0; border-top: 1px dotted #95c660;}
#news ul li.last {border-bottom: 1px dotted #95c660;}
#news ul li.moreLink {border: none; padding-bottom: 0px; margin-bottom: 0px;}
#news ul li.odd {background-color: #e8f2c5}
#news ul li.odd a, #news ul li.even a {color: #4f4f05; text-decoration: none; padding: 0 0 0 12px; background: url(/images/iconArrowBrown.png) 4px 5px no-repeat; display: block}
#news ul li a:hover {text-decoration: underline;}

.homeBlock {border-top: 1px solid #95c660; border-bottom: 1px solid #95c660; padding: 1px 0 1px 0;}
.homeBlock .container {background-color: #cae37e; position: relative; padding: 10px;}
.homeBlock .container h2 {padding: 0px; margin: 0px; border-bottom: 1px solid #95c660;}
.homeBlock .container h3 {padding: 0px; margin: 0 0 5px 0; color: #494a07}
.homeBlock .container p {padding: 0px; margin: 0px; color: #494a07}

.moreLink {margin: 5px 0 0 0; display: block;}
.moreLink a {color: #a54c00 !important; text-decoration: none; background: url(/images/iconArrowBrown.png) 100% 5px no-repeat; padding: 0 8px 0 0;}
.moreLink a:hover {text-decoration: underline;}

img.homeThumb {border: 1px solid #fff; float: left; margin: 0 10px 10px 0; position: relative;}

.slideshow {position:relative; height:246px;}
.slideshow a {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
.slideshow a.active {z-index:10; opacity:1.0;}
.slideshow a.last-active {z-index:9;}

.body { padding:15px 0 30px 30px; }
.basicform { margin:0; padding:5px;}
.basicform .row {float:left; clear:left; width:600px; padding:0; line-height:1.7em;}
.basicform label {float:left; width: 120px;}
.basicform input,.basicform textarea, .basicform .fieldwrap {float:left; margin-bottom:6px;}
.basicform span {float:left; color:#999; padding: 0 10px;}

table.data th {margin:0; padding:4px 4px; text-align:center; font-weight:bold; border-bottom:1px solid #ccc;}
table.data td {margin:0; padding:6px 4px;}
table.data td {background:#fcfcfc;}
table.data tr.odd td {background:#eee;}
table.data tr.odd td.alt {background:#e5e5e5;}
table.data td.alt {background:#f5f5f5;}

.pollResult {clear:left; border-top:1px solid #ccc; margin-bottom:20px;}
.pollResult ol {padding-left:16px; display:block; float:left; width:160px;}
.pollResult img {float:left;}
.pollResult .total {clear:left; font-weight:bold;}
.pollResult h3 { color: #537400; font-size:15px; }

td,th,p,ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
input {
	font-size: 14px;
}
.main {
	color: #000000;
}
.main a:link {
	font-weight: bold;
	color: #026F35;
}
.main a:visited {
	font-weight: bold;
	color: #77A121;
}
.main a:hover {
	font-weight: bold;
	color: #026F35;
}
.info {
	color: #000000;
}
.info a:link {
	font-weight: bold;
	color: #000000;
}
.info a:visited {
	font-weight: bold;
	color: #000000;
}
.info .subnav {
	list-style-type: none;
	font-size: 11px;
	margin: 0 3px 15px 0;
	background: #e9d493 url(images/subnav_bottom.gif) no-repeat bottom left; 
	width: 141px;
	padding: 3px 0;
}
.info .subnav li {
	margin-right: 2px;
	padding-right: 7px;
}
.info .subnav li a, .info .subnav li a:visited {
	color: #624d0e;
	text-decoration: none;
}
.info .subnav li a:hover {
	color: #ffffff;
}
.whitetxtb, .lilactxtb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.whitetxtb a, .lilactxtb a {
	text-decoration: none !important;
}
.whitetxtb a:visited, .lilactxtb a:visited, .lilac a:visited {
	text-decoration: none !important;
}

table.info .lilac  {
	color: #fff;
}


.blacktxtb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.blacktxtb a:link {
	color: #000000;
}
.blacktxtb a:visited {
	color: #000000;
}
.blacktxtb a:hover {
	color: #000000;
	background-color: #FFFFFF;
}
.whitetxtb a:link {
	color: #FFFFFF;
}
.whitetxtb a:visited {
	color: #FFFFFF;
}
.whitetxtb a:hover {
	color: #FFFFFF;
	background-color: #005528;
}

.lilactxtb a:hover {
	background: #663399;
}

.lightred .whitetxtb a:hover {
	color: #FFFFFF;
	background-color: #6f2b00;
}
.lightgreen {
	background-color: #77A121;
}
.vlightgreen {
	background-color: #9DC943;
}
.darkgreen {
	background-color: #026F35;
}
.vdarkgreen {
	background-color: #005528;
}
.lightred {
	background-color: #ca4e00;
}
.darkred {
	background-color: #933900;
}
.black {
	background-color: #000000;
}
.lighttan {
	background-color: #FFE690;
}
.tan {
	background-color: #DFBE59;
}
.tan.home {
	background: url(/images/bgTanHome.png) top left repeat-y;
}
.darktan {
	background-color: #AF8E2B;
}
.cream {
	background-color: #fffb9f;
}
.grey {
	background-color: #999999;
}
.lightgrey {
	background-color: #CCCCCC;
}
.lilac {
	background-color: #947EBF;
	padding: 6px; 
}

.main .h1, .main h1, h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #026F35;
}

h1 {
	font-size: 20px;
}


.main .h1pp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #225F85;
}
.ppright {
	padding-left: 15px;
}
.main .h2pp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #225F85;
}
.ppexploreh2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #123F85;
}
.ppexplorelistheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #123F85;
	padding-left:15px;
}
.ppexplorelistitem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-left:45px;
}
.ppexploreinnerbox {
	border-style: solid; 
	border-width: 1px;  
	border-color: #7585BD;
	padding-bottom:5px;

}
.ppexploreboxheader {
	height:19px;
	background-image: url(images/pp_explore_gradback.jpg);
	padding-left:0px;
	padding-top:2px;
	padding-bottom:2px;
}
.ppexploreboxheaderrhs {
	height:19px;
	background-image: url(images/pp_explore_gradback.jpg);
	padding-top:2px;
	padding-bottom:2px;
}
.ppright .h2pp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #225F85;
}
.ppscrollinglist{ 
	color: #000000; 
	overflow-y: auto; 
	height:400px; 
	width:205px; 
	overflow-x: auto;
	padding: 1px; 
	scrollbar-face-color: #cacaca; 
	scrollbar-highlight-color: #cacaca; 
	scrollbar-3dlight-color: #cacaca; 
	scrollbar-darkshadow-color: #cacaca; 
	scrollbar-shadow-color: #cacaca; 
	scrollbar-arrow-color: #000000; 
	scrollbar-track-color: #cacaca;  
}
.ppfieldlabel {
	font-weight:bold;
	float:left;
	width:130px;
	padding-right: 20px;
	padding-left: 20px;
}

.main .h3pp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #225F85;
}
.main .h1ppdark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #023F65;
}
.profileofday {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-left:5px;
	padding-top:1px;
	background-repeat: no-repeat
}
.profileofdayheading {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-repeat: no-repeat
}
.profileofdayname {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.profileofdaytext {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.profileofdaycredits
{
	color: #BBBBBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
	font-weight: normal;
}

.main .h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.main .h1_stwp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #AF8E2B;
	line-height: 18px;
	display: block;
}
.info .h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
img.left {
	border: 1px solid #000000;
	float: left;
	margin: 3px 10px 10px 3px;
}
.breadcrumbs a {
	font-weight: normal !important;
	color: #000000 !important;
}
.small {
	font-size: 11px;
}
.impaired {
	font-size: 15px;
}
#mainMenu {
	color: #FFFFFF;
}
a.actuator {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
a.actuator:hover {
  background-color: #005528;
}
.menu {
	display: none;
}

/* Classes for images aligned by XStandard */
.imageLeft {
	float: left;
	margin: 1em 1.5em 1em 0;
}	
.imageRight {
	float: right;
	margin: 1em 0.3em 1em 1.5em;
}

/* Classes for banner ads */
tr.banneradwrapper, tr.banneradwrapper td {
    background-color:#026F35;
}

img.bannerad {   float:right;  border:1px solid #000;  }

/*=Home Page Poll ----------------------------------------------------------------------------------------------------------------------------------------------*/

#sideBlocks ul li#poll { width: 225px; background: #f7eecf; border-left: none; border-right: none;padding: 5px 10px; float: left; border-top: 1px solid #EBB688; 
border-bottom: 1px solid #EBB688;  }

#sideBlocks#sideBlocks ul li#poll a { text-decoration: underline; font-weight: bold; clear: left;}

#sideBlocks#sideBlocks img { margin: 0 5px 0 0; }

#sideBlocks#sideBlocks ol li { float: none !important; clear:left !important; padding: 0 0 5px 0; margin: 0 !important; list-style: decimal; text-indent: 0 !important; margin-left: 22px;}

#sideBlocks ul li#poll ul li { float: none !important; width: 100% !important; display: block; clear:left; margin: 0; padding: 0 0 5px 0; float: none !important;}

ol.votes li { float: none !important; clear:left !important; padding: 0 0 5px 0; margin: 0 !important; list-style: decimal; text-indent: 0 !important; margin-left: 22px;}

#sideBlocks ul li#poll ol { list-style-position: inside !important; margin-left: -22px; }

#sideBlocks ul li#poll ul li img { margin: 0 10px 0 0;}

#sideBlocks ul li#poll a { display: block; margin: 15px 0 10px 0; }
#sideBlocks ul li#poll p { font-weight: bold; }		

pollresponses8, pollresponses7, #pollresponses6, pollresponses5, pollresponses4, pollresponses3, pollresponses2, pollresponses1 { 
color: #ff0000 !important; }

ol.votes li { color: #933900; padding: 1px 0 1px 0; }
ol.votes { margin: 10px 0 25px 0; }

.pollResult p { padding: 0 0 5px 0; }

#dayrides { background: #fff !important; padding: 0px !important; margin: 0px !important; }
#dayrides td { margin: 1px; padding: 5px !important; background: #efefef; font-size: 11px !important; }
#dayrides td strong { font-size: 1.2em !Important; color: #060 !important; }

.backmap { margin: 30px 0 30px 0; display: block; font-size: 1.4em !important; color: #030 !Important; }

blockquote.cycleway {background: #efefef; padding: 5px; border: 1px solid #ddd; margin: 0 !important; }
hr.cycleway { margin: 40px 0 40px 0; color: #ccc; }

ul.cycleway li { padding: 5px 0px 5px 0px !important; }

ul.cyclingrules { padding: 0 !important; background: #efefef; padding: 10px !important; border: 1px solid #ddd;}
ul.cyclingrules li { padding: 3px 0 3px 0 !important; }

ul.routemap { padding: 0 !important; background: #efefef; padding: 10px !important; border: 1px solid #ddd;}

/* Lister pages */
ul.pressures img, ul.wildlife img {float:right; margin:0px 5px 10px 10px;}
ul.pressures, ul.wildlife {list-style:none; background-color: #EEE; margin-top: 20px; overflow: auto; padding: 10px 20px;}

.casestudyimage {display:block; width:100%;}
.casestudyimage img {padding:5px; clear:both;}
.casestudyimage p {font-style:italic; clear:both;}


#sideCol img { border: none !important; }

.cwRight { float: right; margin: 20px 1px 20px 20px; }

h2.interactiveMap { width:320px !Important;}