BODY{font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#000000; margin:auto; line-height:140%;}
img{border:none;}
#container{width:779px; margin:auto; padding:10px 0 0 0; border-top:none; border-bottom:none;}
.screen-reader{position:absolute; left:-9999px;}
.prop{float:right; width:1px; background-color:#ff0000; height:50px;}
hr{display:none;}
.hr{height:1px; border-bottom:1px dashed #000000; margin:15px 0 15px 0; clear:both;}
.hr-bold-green{height:4px; margin:10px 0 10px 0; background-color:#557e0e; clear:both; float:left; width:100%}
.divider{height:0; line-height:0; font-size:0px; clear:both; visibility:hidden; width:100%}
ul li{list-style-image:url('../images/li_icon.gif'); padding-left:5px;}

/* Clear fix on www.positioniseverything.net/easyclearing.html */
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

/* TEXT STYLES  */
p{margin:0 0 19px 0;}
.dark-green{color:#0c5a24;}
.light-green{color:#557e0e;}
.small{font-size:80%; color:#666666;}
.larger{font-size:120%;}
a{color:#000000;}
a:hover{text-decoration:underline;}
.bold{font-weight:bold;}
.white, .white a{color:#ffffff;}
.arrow-link, .right-box-link a{background-image:url('../images/arrow_link.gif'); background-position:left; background-repeat:no-repeat; padding:0 0 0 19px; float:left; color:#FFFFFF;}
.arrow-link-black, .ResultTitle a{background:url('../images/arrow_link.gif') left no-repeat; padding:0 0 0 19px; float:left; font-weight:bold;}
.bullet-link{background:url('../images/arrow_link.gif') left no-repeat; padding:0 0 0 19px; font-weight:bold;}
.red{color:#FF0000;}

/* HEADINGS */
h1{font-size:1.3em; font-weight:bold; color:#003711;}
.gallery h4{margin:10px 4px 0 0; clear:both; color:#000000; background:#e5ebe7 url('../images/arrow_menu.gif') 5px no-repeat; font-size:1.0em; padding:3px 3px 3px 25px;}
h4{font-size:1.0em;}
h2{font-size:1.4em; font-weight:bold; color:#003711; margin:0 0 19px 0; border-bottom:1px dotted #003711; padding:0 0 5px 0;}
h3{color:#003711; font-size:1.1em;}

/* HEADER */
#header, #header-admin{width:779px; float:left; background:url('../images/header_bg.gif') repeat-y left;}
#header{height:260px; position:relative;}
.header-logo{display:none;}
#header h1, #header-admin h1{background:url('../images/logo.gif') no-repeat top left; width:210px; height:48px; /*float:left;*/ margin:0; position:absolute; z-index:3;}
#header h1 a, #header-admin h1 a{text-decoration:none;}
#header h1 span, #header-admin h1 span{display:none;}
#header h2{background:url('../images/header_map.gif') no-repeat top left; width:141px; height:117px; font-weight:normal; border:none; font-size:1.0em; position:absolute; z-index:3; right:5px;}
#header h2 a{font-weight:bold;}
#header ul{margin:0; position:absolute; z-index:3; top:220px; right:10px;}
#header li, #header-admin li{float:left; list-style:none; margin:0; border-right:1px solid #000000; padding:0 7px 0 7px}
#header li a, #header-admin li a{color:#000000; float:left; text-decoration:underline;}
.fifty-years-logo{width:230px; height:86px; position:absolute; z-index:10; top:10px; left:48px;}

/* FOOTER */
#footer{width:779px; float:left; background:url('../images/footer_bg.gif') no-repeat; margin:20px 0 20px 0;}
#footer ul{float:left; margin:44px 0 20px 210px; padding:0 8px 0 0; list-style:none; display:inline;}
#footer li{border-left:1px solid #000000; border-right:1px solid #000000; float:left; padding:0 7px 0 7px; margin:0 -1px 0 0; list-style-image:none;}
#footer li a{color:#000000; text-decoration:none;}
#footer span{float:left; width:100%; clear:both; vertical-align:top;}
#footer span a{color:#a3a3a3;}
#footer img{display:none;}

/* ADMIN */
#header-admin .header-content{background:url('../images/header_admin.gif') no-repeat 0 40px; float:left; width:779px;}
#header-admin ul{float:right; margin:70px 70px 20px 0; display:inline;}

/* CONTENT */
#content{width:779px; float:left;}
.columnleft{width:271px; float:left; padding-right:10px; overflow:hidden;}
.columnright{width:271px; float:right; padding-left:10px; overflow:hidden;}

/* TEXT SIZER */
#sizer{display:none; margin:0; background:url('../images/menu_footer.gif') no-repeat bottom #e5ebe7; padding:8px 12px 24px 12px; float:left; width:146px;}
#sizer a{text-decoration:none; display:block; padding:3px 0 3px 0; background-color:#557e0e; font-weight:bold; color:#FFFFFF; margin:2px 0 2px 0; border:2px solid #FFFFFF; text-align:center; width:100%;}
#sizer a:hover{color:#000000; background-color:#FFFFFF; border:2px solid #003711;}

/* LEFT CONTENT */
#left-content{width:170px; float:left; padding:0 0 0 7px; overflow:hidden; min-height:10px;}
.left-box{margin:0 0 5px 0; background:#e5ebe7; padding:8px 12px 10px 12px; float:left; width:146px;}
.left-box h1, #sizer h1{margin-bottom:6px;}
.left-column-input{width:143px;}
.left-box form{background:#333399;}
.left-box label{display:none;}

/* RIGHT CONTENT */
#right-content{width:221px; float:right; margin:-10px -20px 0 0; display:inline; overflow:hidden;}
#right-images{margin:0 0 6px 0; float:left;}
#right-images img{float:left;}
#right-news-1{float:left; background-color:#02591d; color:#FFFFFF; padding:15px; width:191px; margin:0 0 6px 0;}
#right-news-1 h1, #right-news-2 h1{color:#FFFFFF;}
#right-news-1 img{float:left; margin:0 10px 0 0; max-width:190px;}
#right-news-1 a{color:#FFFFFF;}
#right-news-1 p{clear:both; margin:0; padding:10px 0 0 0;}
#right-news-1 span{display:none;}
#right-news-2{float:left; background:#557e0e url('../images/bg_right_news_2.gif') no-repeat bottom; min-height:148px; padding:15px; width:191px; color:#FFFFFF;}
#right-news-2 img{max-width:190px; }

/* MAIN CONTENT */
#main-content{width:562px; float:left; padding:20px; overflow:hidden;}
#middle-content{width:341px; float:left; overflow:hidden;}

/* NEWS BOXES */
.news-box{float:left; width:100%;}
.news-box h1{width:100%; height:25px; display:block; background-repeat:no-repeat; margin:0;}
.news-box h1 span{display:none; line-height:10px; margin:0; padding:0; background:none;}
.news-box span{background:url('../images/news_box_corner.gif') no-repeat bottom right #e5ebe7; margin:0px 0 0 0; padding:12px 12px 12px 12px; display:block;}
.news-box a{background-repeat:no-repeat; background-position:left; padding:0 0 0 12px; margin:0 20px 0 -12px; display:block; clear:both;}
.latest-news, .upcoming-events, .rss-feed{margin:0 0 10px 0;}
.latest-news h1{background-image:url('../images/heading_latest_news.gif'); border-bottom:4px solid #003711;}
.latest-news a{/* background-image:url('../images/arrow_green_dk.gif'); */ color:#003711;}
.upcoming-events h1{background-image:url('../images/heading_upcoming_events.gif'); border-bottom:4px solid #557e0e;}
.upcoming-events a{/* background-image:url('../images/arrow_green_lt.gif'); */  color:#557e0e;}
.rss-feed h1{background-image:url('../images/heading_rss_feed.gif'); border-bottom:4px solid #985900;}
.rss-feed a{background-image:url('../images/icon_rss.gif'); color:#985900; margin:0; padding:0 0 0 20px;}
.rss-feed-headings a{background:none; float:none; margin:0; padding:0; display:inline;}

/* INSPIRING VIEWS BOX */
#inspiring-views{color:#FFFFFF; float:left; margin:20px 0 0 0;}
#inspiring-views h1{height:18px; width:183px; display:block; background:url('../images/heading_inspiring_views.gif') no-repeat; margin:0 0 3px 0;}
.inspiring-views-content{background:url('../images/views_box_corner.gif') no-repeat bottom right #003711; padding:12px 12px 12px 116px; width:209px; display:block; float:left;}
.inspiring-views-content img{float:left; display:block; margin:-12px 16px -12px -116px; display:inline}
.inspiring-views-content a{padding:0 0 0 18px; display:block; margin:15px 0 0 0; background:url('../images/arrow_menu.gif') no-repeat left; color:#cccccc;}
.inspiring-views-content p{margin:0;}

/* GREEN BOX */
.green-box{margin-bottom:10px; background:url('../images/views_box_corner.gif') no-repeat bottom right #003711; padding:12px 12px 12px 12px; width:315px; display:block; float:left;}
.green-box a{padding:0 0 0 18px; color:#fff; display:block; margin:15px 0 0 0; background:url('../images/arrow_menu.gif') no-repeat left; color:#cccccc;}
.green-box h1,
.green-box h2{margin:0; color:#fff}
.green-box p{margin:0 0 10px 0; color:#fff}

/* WALKING ROUTES PAGES */
#map{float:left;}
.walking-routes-map{height:350px; width:559px; margin:0}
.admin-map{height:400px; width:562px;}
#results, #admin-results{overflow:auto; background:#FFFFFF; border:1px solid #557e0e; padding:0;}
#results{width:273px; height:150px; float:left; margin:6px 0 0 0;}
#admin-results{height:50px; padding:10px; overflow:auto; margin:5px 0 0 0;}
#results a{padding:5px 5px 7px 22px; background:url('../images/arrow_menu.gif') no-repeat 5px 7px; margin:0; font-weight:bold; display:block; border-bottom:1px solid #b3b3b3;}
#results a:hover{color:#557e0e;}

/* MENU */
#menu{width:170px; float:left; padding:0 0 18px 0; margin:0 0 5px 0; background:#e5ebe7;}

/* top level */
#menu ul{list-style:none; margin:0; padding:0;}
#menu li{padding:2px 0 3px 0; margin:0; list-style-image:none;}
#menu li a{background:url('../images/arrow_menu.gif') no-repeat 12px 3px; padding:1px 0 2px 30px; display:block; text-decoration:none;}
#menu li a:hover{color:#557e0e;}
#menu .MainCMSListMenuLinkHighlighted{font-weight:bold;}

/* 2nd level */
#menu ul ul {list-style:none; padding:0 0 1px 0; margin:5px 0 0 0; border:3px solid #668c25; border-left:none; border-right:none;}
#menu li li{margin:1px 0 0 0; padding:0;}
#menu li li a{background:url('../images/arrow_green_dk.gif') no-repeat #b3ce84; background-position: 18px 6px; padding:2px 5px 3px 31px; color:#003711; text-decoration:none; display:block; width:134px;}
#menu li li a:hover{background-color:#d1f689; color:#003711;}
#menu .SubMenuCMSListMenuLinkHighlighted{font-weight:bold; background-position:22px 6px;}

/* 3rd level */
#menu ul ul ul{padding:2px 0 2px 0; margin:0; background:none; border:none;}
#menu li li li a{background:url('../images/arrow_green_lt.gif') no-repeat #d1e3b0; background-position:28px 6px; padding:2px 5px 3px 42px; color:#003711; display:block; width:127px;}
#menu li li li a:hover{background-color:#d4f1a3;}
#menu .SubSubMenuCMSListMenuLinkHighlighted{font-weight:bold; background-position:32px 6px;}

/* SEARCH RESULTS */
.SearchResultGrey{background:#e5ebe7; margin:10px 0 0 0; padding:10px;}
.SearchResult{background:#e1edcc; margin:10px 0 0 0; padding:10px;}
.ResultPath{clear:both; margin:10px 0 0 20px;}

/* IMAGE GALLERY */
.gallery{}
.gallery ul{margin:0 0 20px 0; padding:0; list-style:none; width:100%; float:left; overflow:hidden;}
.gallery li{margin:2px 2px 2px 0; padding:6px 3px 3px 3px; float:left; width:132px; height:175px; text-align:center; background:#e1edcc; list-style-image:none;}
.gallery img{padding:3px; margin:0 0 5px 0; border:1px dashed #b3ce84; background:#FFFFFF;}
.gallery img:hover{border:1px solid #557e0e;}
.gallery p{margin-top:20px;}

/* WALKING ROUTES PAGES */
.map-popup{width:300px;}
.map-popup img{float:left; clear:both; margin:0 20px 0 0; width:100px;}
.walk{}
.walk img{float:right; padding:3px; border:1px dashed #b3ce84; margin:0 0 10px 10px;}
.walk ol{padding:10px 0 10px 0; clear:both;}
.walk ol li{margin:0 0 10px 0;}

/* REVIEWS PAGE */
.review{background:#e5ebe7; padding:10px; margin:0 0 10px 0; border-bottom:4px solid #557e0e;}

/* CONTENT SLIDER */
#right-content .contentslide{float:left;}
.contentslide .opacitylayer{width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity:1; opacity:1;}
#header .opacitylayer{width:100%; height:100%; /*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity:1; opacity:1;*/}
#right-content .contentslide a{margin:284px 0 0 16px;}
#right-content .contentslide .contentdiv{display:none; width:221px; height:310px;}
.pagination{background:#003711; float:left; width:217px; padding:2px;}
.pagination a{text-decoration:none; background:#557e0e; font-weight:bold; color:#FFFFFF; padding:4px 6px 4px 6px; float:left; margin:0 2px 0 0;}
.pagination a:hover, .pagination a.selected{background:#02591d;}

/* SURREY HILLS MAP */
#map-surrey-hills{border:3px solid #e5ebe7; padding:15px;}
#map-surrey-hills-key{background:#e5ebe7; padding:15px; margin:20px 0 0 0; }

/* A-Z PAGE */
.a-z-item{background:#e1edcc; float:left; margin:20px 0 0 0;}
.a-z-item .title{background:#557e0e; padding:3px 15px 3px 15px; border-bottom:4px solid #FFFFFF; float:left; width:532px; color:#FFFFFF; margin:0; font-size:14px; font-weight:bold;}
.a-z-item .text{float:left; margin:0; padding:15px;}
.a-z-item img{margin:0 0 15px 15px; border:1px dashed #b3ce84; background:#FFFFFF; padding:3px;}
.alpha-bar {margin:0;padding:0;list-style-type:none;clear:both}
.alpha-bar li{display:inline;padding:0 2px 0 3px;border-left: 1px solid #ccc}
.alpha-bar li.first{padding-left:0;border:0}

/* INSPIRING VIEW VIDEO */
#video-container{background:#e1edcc; float:left; padding:6px 5px 6px 3px;width:300px; height:343px;}
#video-container h1{color:#FFFFFF; background:#557e0e; font-size:120%; padding:6px 3px 6px 6px; margin:0 0 5px 0;}
#video-container h2{font-size:100%; margin:0 0 10px 0;}

/*
#video-container{background:#e1edcc; float:left; padding:0px 0px 0px 3px; width:300px; height:330px;}
#video-container h1{color:#FFFFFF; background:#557e0e; font-size:120%; padding:0px 0px 0px 0px; margin:0 0 0px 0;}
#video-container h2{font-size:100%; margin:0 0 10px 0;}
*/
/* FORM TAGS */
input{border:1px solid #003711;}
textarea{height:100px; width:290px; font:11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #557e0e;}
.form-search{margin:0; padding:0 9px 0 9px; display:inline; width:152px;}
.form-search label{font-weight:bold; margin:0 0 3px 0; display:block;}
.form-search input{width:142px; font-size:0.9em;}
.form-search input.btn-search{width:54px; height:13px; border:none; padding:0; margin:3px 0 5px 0; float:right;}
.basic-form{width:480px; margin:10px 0 40px 10px; display:inline;}
.basic-form label, .basic-form-label{float:left; width:150px; padding:5px 0 0 0; /*font-weight:bold;*/ color:#003711;}
.basic-form input{width:200px; font:11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #557e0e; padding:3px;}
.basic-form .browse{width:289px;}
.basic-form select{width:206px; border:1px solid #557e0e;}
.basic-form .button{float:left; margin:20 0 0 0; width:auto; font-weight:bold;}
.basic-form .button-left{width:auto; font-weight:bold; padding:2px 2px 1px 2px;}
.basic-form .label-checkbox, .label-checkbox input{width:auto; text-align:left; border:none; float:left;}
.label-checkbox label{width:500px; float:left;}
.basic-form .nofields {padding:0 0 0 150px; margin:3px 0 15px 0;}
.walking-form{margin:6px 6px 0 0; padding:6px; float:left; width:266px; height:140px; background:#e5ebe7;}
.walking-form select{width:240px;}
.walking-form label{color:#5f6c77;}
.map-pointer{background:url('../images/map_pointer.gif') no-repeat 10px 7px #FFFFFF; padding:18px 20px 0 40px; margin:10px 0 5px 0; height:34px; display:block; border:1px solid #557e0e; font-weight:bold; color:#003711; float:left;}
.table td, .table th{background:#e1edcc; padding:3px; vertical-align:top;}
#ctl00_MainContent_rbContactBy{float:left; width:100%; margin:0 0 30px 0;}

.survey-form{width:562px; overflow:hidden;}
.survey-form .radio-checkbox{width:auto; border:none;}
.survey-form table{font-size:11px;}

/* data tables */
.standard-data{border:none;border-spacing:0;border-collapse:collapse}
.standard-data td, .standard-data th {padding:5px; border:2px solid #ffffff; background:#e5ebe7;}
.standard-data th{background:#e1edcc;text-align:center; border-bottom:5px solid #ffffff; font-weight:normal;}
.standard-data td{text-align:center;vertical-align:center;}
.standard-data tbody tr:hover{background:#cc0000;}
.standard-data tbody tr:hover th{background:#cc0000; color:#cc0000;}
.standard-data h2{font-size:medium}
.standard-data input:focus{background:#fff5e9}
.standard-data .left-column{text-align:left; background:#e1edcc; border-right:5px solid #ffffff;}

.standard-data a{background:url('../images/arrow_red.gif') left no-repeat; padding:0 0 0 13px; color:#424242;}