﻿/* amended styles are commented thus */
/* AMENDED */

/* =============================================================================
   HTML5 element display
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   General
   ========================================================================== */
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
img { border: 0; -ms-interpolation-mode: bicubic; }


/* =============================================================================
   Links
   ========================================================================== */
a { color: #00e; text-decoration:none; }

/* AMENDED */
/*a:visited { color: #551a8b; }*/
a:hover, a:active { outline: 0; }


/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 30px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }

/* AMENDED */
/*fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }*/
label { cursor: pointer; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }


/* =============================================================================
   Tables
   ========================================================================== */
/*table { border-collapse: collapse; border-spacing: 0; width:100%; margin-bottom:20px; }*/
/* AMENDED */
table { border-collapse: collapse; border-spacing: 0;}

/* grey */
table.tbl-grey-a { border:1px solid #ccc; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-grey-a th { border:1px solid #ccc; padding:5px; background-color:#fff; color:#999; font-weight:bold; }
table.tbl-grey-a td { border:1px solid #ccc; padding:5px; background-color:#fff; color:#999; }

table.tbl-grey-b { border:1px solid #ddd; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-grey-b th { border:1px solid #ddd; padding:5px; background-color:#eee; color:#666; font-weight:bold; }
table.tbl-grey-b td { border:1px solid #ddd; padding:5px; background-color:#fff; color:#aaa; }

table.tbl-grey-c { border:1px solid #fff; border-spacing:0px; border-collapse:collapse; background-color:#eee; width:100%; margin-bottom:20px; }
table.tbl-grey-c th { border:1px solid #fff; padding:5px; background-color:#eee; color:#333; font-weight:bold; }
table.tbl-grey-c td { border:1px solid #fff; padding:5px; background-color:#eee; color:#666; }

table.tbl-grey-d { border:1px solid #999; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-grey-d th { border:1px solid #999; padding:8px; background-color:#ccc; color:#333; font-weight:bold; }
table.tbl-grey-d td { border:1px solid #999; padding:8px; background-color:#fff; color:#666; }

table.tbl-grey-e { border:1px solid #999; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-grey-e th { border:1px solid #999; padding:2px; background-color:#ccc; color:#333; font-weight:bold; }
table.tbl-grey-e td { border:1px solid #999; padding:2px; background-color:#fff; color:#666; }

/* blue */
table.tbl-blue-a { border:1px solid #99CCFF; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-blue-a th { border:1px solid #99CCFF; padding:5px; background-color:#fff; color:#51A8FF; font-weight:bold; }
table.tbl-blue-a td { border:1px solid #99CCFF; padding:5px; background-color:#fff; color:#51A8FF; }

table.tbl-blue-b { border:1px solid #99CCFF; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-blue-b th { border:1px solid #99CCFF; padding:5px; background-color:#CAE4FF; color:#006DD9; font-weight:bold; }
table.tbl-blue-b td { border:1px solid #99CCFF; padding:5px; background-color:#fff; color:#99CCFF; }

table.tbl-blue-c { border:1px solid #fff; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-blue-c th { border:1px solid #fff; padding:5px; background-color:#CAE4FF; color:#006DD9; font-weight:bold; }
table.tbl-blue-c td { border:1px solid #fff; padding:5px; background-color:#CAE4FF; color:#006DD9; }

table.tbl-blue-d { border:1px solid #001A66; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-blue-d th { border:1px solid #001A66; padding:8px; background-color:#0059B2; color:#fff; font-weight:bold; }
table.tbl-blue-d td { border:1px solid #001A66; padding:8px; background-color:#fff; color:#0059B2; }

table.tbl-blue-e { border:1px solid #001A66; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-blue-e th { border:1px solid #001A66; padding:2px; background-color:#0059B2; color:#fff; font-weight:bold; }
table.tbl-blue-e td { border:1px solid #001A66; padding:2px; background-color:#fff; color:#0059B2; }

/* orange */
table.tbl-orange-a { border:1px solid #FFA64D; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-orange-a th { border:1px solid #FFA64D; padding:5px; background-color:#fff; color:#FFA64D; font-weight:bold; }
table.tbl-orange-a td { border:1px solid #FFA64D; padding:5px; background-color:#fff; color:#FFA64D; }

table.tbl-orange-b { border:1px solid #FFA64D; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-orange-b th { border:1px solid #FFA64D; padding:5px; background-color:#FFDFBF; color:#D96D00; font-weight:bold; }
table.tbl-orange-b td { border:1px solid #FFA64D; padding:5px; background-color:#fff; color:#FFA64D; }

table.tbl-orange-c { border:1px solid #fff; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-orange-c th { border:1px solid #fff; padding:5px; background-color:#FFDFBF; color:#D96D00; font-weight:bold; }
table.tbl-orange-c td { border:1px solid #fff; padding:5px; background-color:#FFDFBF; color:#D96D00; }

table.tbl-orange-d { border:1px solid #D96D00; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-orange-d th { border:1px solid #D96D00; padding:8px; background-color:#FF8000; color:#fff; font-weight:bold; }
table.tbl-orange-d td { border:1px solid #D96D00; padding:8px; background-color:#fff; color:#FF8000; }

table.tbl-orange-e { border:1px solid #D96D00; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-orange-e th { border:1px solid #D96D00; padding:2px; background-color:#FF8000; color:#fff; font-weight:bold; }
table.tbl-orange-e td { border:1px solid #D96D00; padding:2px; background-color:#fff; color:#FF8000; }

/* green */
table.tbl-green-a { border:1px solid #CBEBCE; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-green-a th { border:1px solid #CBEBCE; padding:5px; background-color:#fff; color:#2B8838; font-weight:bold; }
table.tbl-green-a td { border:1px solid #CBEBCE; padding:5px; background-color:#fff; color:#2B8838; }

table.tbl-green-b { border:1px solid #5ECC6F; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-green-b th { border:1px solid #5ECC6F; padding:5px; background-color:#CBEBCE; color:#2B8838; font-weight:bold; }
table.tbl-green-b td { border:1px solid #5ECC6F; padding:5px; background-color:#fff; color:#2B8838; }

table.tbl-green-c { border:1px solid #fff; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-green-c th { border:1px solid #fff; padding:5px; background-color:#CBEBCE; color:#2B8838; font-weight:bold; }
table.tbl-green-c td { border:1px solid #fff; padding:5px; background-color:#CBEBCE; color:#2B8838; }

table.tbl-green-d { border:1px solid #1C4A1F; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-green-d th { border:1px solid #1C4A1F; padding:8px; background-color:#2B8838; color:#fff; font-weight:bold; }
table.tbl-green-d td { border:1px solid #1C4A1F; padding:8px; background-color:#fff; color:#2B8838; }

table.tbl-green-e { border:1px solid #1C4A1F; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-green-e th { border:1px solid #1C4A1F; padding:2px; background-color:#2B8838; color:#fff; font-weight:bold; }
table.tbl-green-e td { border:1px solid #1C4A1F; padding:2px; background-color:#fff; color:#2B8838; }

/* purple */
table.tbl-purple-a { border:1px solid #AD96E2; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-purple-a th { border:1px solid #AD96E2; padding:5px; background-color:#fff; color:#AD96E2; font-weight:bold; }
table.tbl-purple-a td { border:1px solid #AD96E2; padding:5px; background-color:#fff; color:#AD96E2; }

table.tbl-purple-b { border:1px solid #AD96E2; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-purple-b th { border:1px solid #AD96E2; padding:5px; background-color:#E0D7F4; color:#5B3EA8; font-weight:bold; }
table.tbl-purple-b td { border:1px solid #AD96E2; padding:5px; background-color:#fff; color:#AD96E2; }

table.tbl-purple-c { border:1px solid #fff; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-purple-c th { border:1px solid #fff; padding:5px; background-color:#E0D7F4; color:#5B3EA8; font-weight:bold; }
table.tbl-purple-c td { border:1px solid #fff; padding:5px; background-color:#E0D7F4; color:#5B3EA8; }

table.tbl-purple-d { border:1px solid #412484; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-purple-d th { border:1px solid #412484; padding:8px; background-color:#5B3EA8; color:#fff; font-weight:bold; }
table.tbl-purple-d td { border:1px solid #412484; padding:8px; background-color:#fff; color:#5B3EA8; }

table.tbl-purple-e { border:1px solid #412484; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-purple-e th { border:1px solid #412484; padding:2px; background-color:#5B3EA8; color:#fff; font-weight:bold; }
table.tbl-purple-e td { border:1px solid #412484; padding:2px; background-color:#fff; color:#5B3EA8; }

/* brown */
table.tbl-brown-a { border:1px solid #D2AD7B; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-brown-a th { border:1px solid #D2AD7B; padding:5px; background-color:#fff; color:#D2AD7B; font-weight:bold; }
table.tbl-brown-a td { border:1px solid #D2AD7B; padding:5px; background-color:#fff; color:#D2AD7B; }

table.tbl-brown-b { border:1px solid #D2AD7B; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-brown-b th { border:1px solid #D2AD7B; padding:5px; background-color:#F0E3D2; color:#A97938; font-weight:bold; }
table.tbl-brown-b td { border:1px solid #D2AD7B; padding:5px; background-color:#fff; color:#D2AD7B; }

table.tbl-brown-c { border:1px solid #fff; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-brown-c th { border:1px solid #fff; padding:5px; background-color:#F0E3D2; color:#A97938; font-weight:bold; }
table.tbl-brown-c td { border:1px solid #fff; padding:5px; background-color:#F0E3D2; color:#A97938; }

table.tbl-brown-d { border:1px solid #725125; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-brown-d th { border:1px solid #725125; padding:8px; background-color:#986C32; color:#fff; font-weight:bold; }
table.tbl-brown-d td { border:1px solid #725125; padding:8px; background-color:#fff; color:#986C32; }

table.tbl-brown-e { border:1px solid #725125; border-spacing:0px; border-collapse:collapse; background-color:#fff; width:100%; margin-bottom:20px; }
table.tbl-brown-e th { border:1px solid #725125; padding:2px; background-color:#986C32; color:#fff; font-weight:bold; }
table.tbl-brown-e td { border:1px solid #725125; padding:2px; background-color:#fff; color:#986C32; }


/* =============================================================================
   Fonts
   ========================================================================== */
@font-face {
    font-family: 'BitterRegular';
    src: url('../fonts/Bitter-Regular-webfont.eot');
    src: url('../fonts/Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Bitter-Regular-webfont.woff') format('woff'),
         url('../fonts/Bitter-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Bitter-Regular-webfont.svg#BitterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitterItalic';
    src: url('../fonts/Bitter-Italic-webfont.eot');
    src: url('../fonts/Bitter-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Bitter-Italic-webfont.woff') format('woff'),
         url('../fonts/Bitter-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Bitter-Italic-webfont.svg#BitterItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitterBold';
    src: url('../fonts/Bitter-Bold-webfont.eot');
    src: url('../fonts/Bitter-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Bitter-Bold-webfont.woff') format('woff'),
         url('../fonts/Bitter-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Bitter-Bold-webfont.svg#BitterBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =============================================================================
   Primary styles 
   ========================================================================== */
   
/*#wrapper{ width:940px; padding:0 10px; margin:0 auto; }*/
/* AMENDED */
#wrapper{ width:100%; padding:0 0; margin:0 auto; }

/*#page-body{ width:100%; float:left; padding:20px 0; }*/
/* AMENDED */
#page-body{ width:100%; float:left; padding:10px 0 0 0; }

footer{ clear:both; }
header{ float:left; width:100%; background:#017C8B; color:#FFF; }

h1, h2, h3, h4, h5, h6{ margin-top:0; color:#333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#782327; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ text-decoration:underline; }

h1{ font-size:22px; }

.body-header{ overflow:hidden; margin: 0 0 10px; }

.language-link{ float:right; width:100px; text-align:right; }
.language-link a{ background:url("images/bul-grey.png") left no-repeat; padding:2px 0 2px 15px; }

.body-content ul li,
.body-content ol li{ padding:4px 0; }
.body-content ul { padding:0 0 0 15px; }
.body-content ul li{ padding:4px 0 4px 15px; list-style:none; background:url("images/bull-green.png") 0px 6px no-repeat; }

/*p{ margin:0 0 15px 0; }*/
/* AMENDED */
p{ margin:0 0 0 0; }


/* AMENDED */
/*a, a:visited{ color:#782327; }*/
a { color:#782327; }
a:hover{ text-decoration:underline; }

/*.round{ -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; behavior: url(http://62.233.76.242/resources/css/pie/PIE.htc); position:relative; }
.round-small{ -webkit-border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; behavior: url(http://62.233.76.242/resources/css/pie/PIE.htc); position:relative; }
.round-top{ -webkit-border-radius:6px 6px 0 0;	-moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; behavior: url(http://62.233.76.242/resources/css/pie/PIE.htc); position:relative; }
.round-bottom{ -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; behavior: url(http://62.233.76.242/resources/css/pie/PIE.htc); position:relative; }*/
/* AMENDED */
.round{ -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; position:relative; }
.round-small{ -webkit-border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; position:relative; }
.round-top{ -webkit-border-radius:6px 6px 0 0;	-moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; position:relative; }
.round-bottom{ -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; position:relative; }

.right-column{ width:240px; float:right; margin:0 0 0 20px; }
.home .right-column{ width:300px; float:right; }
.body-content{ width:760px; float:left; }
.inner-left{ float:left; width:500px; }
.ad-column{ width:160px; float:right; }

.home-body{ width:620px; float:left; margin:0; }
/* AMENDED */
/*.wide{ width:940px; float:left; margin:0; }*/

.wide{ width:100%; float:left; margin:0; }

.header-inner{ width:940px; margin:0 auto; }
.header-inner .main-logo{ float:left; margin:15px 0 0 0; }
.header-toolbar{ float:right; background:#00606E; width:750px; overflow:hidden; }
.header-toolbar a:hover{ color:#D7A900; }
.region-menu{ float:left; list-style:none; padding:8px 0 8px 10px; margin:0; }
.region-menu li{ list-style:none; float:left; padding:0 10px; border-right:1px solid #fff; }
.region-menu li.last { border:none; }
.region-menu li a{ color:#fff; float:left; font-size:15px; font-weight:bold; }
.region-menu li a.active{ color:#D7A900; }
.login-menu{ float:right; list-style:none; padding:8px 0 8px 30px; margin:0; }
.login-menu li{ list-style:none; float:left; padding:0 10px; border-right:1px solid #fff; }
.login-menu li.last, .login-menu li:last-child { border:none; }
.login-menu li a{ color:#fff; font-size:13px; font-weight:bold; }
.search-box{ float:right; width:150px; height:22px; background:#fff; margin:5px 5px 0 0; }
.search-box .txt-search{ border:none; background:#fff; width:100px; float:left; margin:2px 0 0 4px; vertical-align:middle; color:#666; }
.search-box .but-search{ float:right; margin-right:4px; vertical-align:middle; margin-top:4px; }

.header-caption{ float:left; margin-left:30px; padding-top:26px; }
.header-caption em{ font-family: 'BitterBold', sans-serif; font-size:30px; color:#fff; font-style:normal; }
.header-caption em span{ color:#fff; }

.header-buttons{ float:right; width:420px; height:60px; padding-top:30px; }
.header-buttons ul{ list-style:none; text-align:right; margin:0; padding:0; }
.header-buttons ul li{ display:inline; padding:9px 0 5px 35px; margin-left:25px; }
.header-buttons a{ color:#fff; font-size:18px; }
.header-buttons a:hover{ color:#D7A900; }
.header-buttons .btn-members{ background:url("images/icon-members.png") no-repeat left; }
.header-buttons .btn-volunteer{ background:url("images/icon-volunteer.png") no-repeat left; }


.top-nav{ float:right; background:#00606E; width:750px; z-index:101; }
/* AMENDED */
/*.top-nav ul{ list-style:none; margin:0; float:left; z-index:101; */
.top-nav ul{ list-style:none; margin:0; float:right; z-index:101; }

.top-nav ul li{ float:left; }
.top-nav ul li a{ display:block; background:url("images/top-nav-divider.png") right no-repeat; padding:10px 14px; font-family: 'BitterBold', sans-serif; font-size:17px; color:#fff; }
.top-nav ul li a:hover,
.top-nav ul li a.active{ color:#D7A900; }
.top-nav ul li.last a{ background:none; }
.top-nav ul li .panel{ float:left; position:absolute; left:-999em; text-align:left; padding:10px; z-index:101; top:auto; width:730px; background:#fff; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.top-nav ul li:hover .panel { left:0px; }

.top-nav ul li:last-child a
{
    background-image:none;
}

.top-nav ul li .panel .panel-box{ float:left; width:230px; margin:0 10px 10px 0; }
.top-nav ul li .panel .panel-box a{ font-family:sans-serif; }
.top-nav ul li .panel .panel-box h3 { margin:0; }
.top-nav ul li .panel .panel-box h3 a{ color:#333; float:none; margin:0; font-size:15px; padding:0 0 0 20px; background:url("images/bull-green.png") 3px 6px no-repeat; }
.top-nav ul li .panel .panel-box h3 a:hover{ color:#666; }
.top-nav ul li .panel .panel-box ul{ float:none; }
.top-nav ul li .panel .panel-box ul li{ float:none; }
.top-nav ul li .panel .panel-box ul li a{ color:#333; font-size:14px; font-weight:normal; padding:2px 0 2px 20px; }
.top-nav ul li .panel .panel-box ul li a:hover{ color:#666; }

.home-lower{ background:#eee; border-top:1px solid #ddd; float: left; width: 100%; padding:20px 0 10px 0; }
.home-lower .home-lower-inner{ width:940px; margin:0 auto; }
.home-lower .lower-left{ float:left; width:610px;  background:url("images/dot-darkgrey-vert.png") top right repeat-y; padding-right:10px; }
.home-lower .lower-right{ float:right; width:300px; }

.home-lower .lower-right h4{ margin:0 0 10px 0; font-size:15px; }
.home-lower .lower-right ul{ list-style:none; margin:0; padding:0; }
.home-lower .lower-right ul li{ float:left; width:120px; margin-bottom: 20px; }
.home-lower .lower-right ul li.alt{ float:right; width:120px; }

.home-lower .lower-left h3{ margin:0; font-size:19px; color:#333; background:url("images/icon-twitter.gif") right no-repeat; padding:10px 40px 10px 0; }
.home-lower .lower-left h3 a{ color:#007A87; }

.home-two-col{ float:left; width:100%; margin-bottom:20px; }
.home-two-col .home-inner-left{ float:left; width:300px; }
.home-two-col .home-inner-right{ float:right; width:300px; }

footer .footer-header{ height:120px; background:url("images/footer-bg.png") no-repeat top; }
.home footer .footer-header{ height:120px; background:url("images/footer-bg.png") no-repeat top #eee; }
footer .footer-inner{ background:#017C8B; }
footer .footer-inner .footer-content{ width:940px; margin:0 auto; color:#fff; overflow:hidden; }

.footer-col{ float:left; width:270px; }
.footer-col h4{ font-size:22px; color:#fff; background:url("images/dot-white-hor.png") bottom left repeat-x; padding:20px 0 10px 0; margin:0; }
.footer-col ul{ list-style:none; padding:0; }
.footer-col ul li{ padding:5px 20px 5px 0; }
.footer-col a{ color:#fff;}
.footer-col a:hover{ color:#D7A900; }

.footer-col .social-icon img{ margin-right:10px; vertical-align:middle; }
.footer-col .social-icon{ padding:3px 20px 3px 0; }

.footer-base{ float:left; width:100%; padding:10px 0; background:url("images/dot-white-hor.png") top left repeat-x; }
.footer-base .copyright{ width:700px; float:left; }
.footer-base .unified-link{ width:200px; float:right; text-align:right; }
.footer-base .unified-link a{ color:#D7A900; }

.slider-container{ background:#eee; border-bottom:1px solid #ddd; float:left; width:100%; }
.slider-container .sc-inner{ margin:0 auto; width:940px; }
.bx-wrapper{ float:left; width:100%; }
.slider{ width:100%; height:300px; overflow:hidden;  }
.slider div, .slider div img{ float:left; }
.bx-pager{ position:absolute; bottom:20px; left:20px; z-index:100; }
.bx-pager .pager-link{ display:block; float:left; width:25px; height:24px; background:url(../images/slider-but.png) top left no-repeat; text-indent:-99999px; margin-right:6px; }
.bx-pager .pager-active{ background:url(../images/slider-but-active.png) top left no-repeat; }
.bx-pager a:focus{ outline:none; }

.home-news-feature{ float:left; width:100%; margin-bottom:20px; }
.home-news-feature img{ float:left; width:300px; height:225px; }
.home-news-feature .home-feature-content{ margin-left:310px; }

.home .testimonial{ width:280px; }
.testimonial{ float:left; background:#eee; margin:10px 0 30px 0; padding:10px 10px 15px 10px; width:220px; }
.testimonial .quote-start{ background:url("images/quote-start.png") no-repeat top left; width:58px; height:43px; position:absolute; top:-10px; left:20px; }
.testimonial .quote-end{ background:url("images/quote-end.png") no-repeat top left; width:58px; height:43px; position:absolute; bottom:-10px; right:20px; }
.testimonial h3{ margin:30px 0 8px 0; font-size:18px; line-height: 18px; }
.testimonial img{ float:right; margin-left:10px; }
.testimonial p{ font-size:14px; margin:0 0 10px 0; }

.right-column .testimonial .quote-start{ background:url("images/quote-small-start.png") no-repeat top left; width:45px; height:33px; position:absolute; top:-10px; left:10px; }
.right-column .testimonial .quote-end{ background:url("images/quote-small-end.png") no-repeat top left; width:45px; height:33px; position:absolute; bottom:-10px; right:10px; }
.right-column .testimonial p{ font-size:13px; }

.ui-tabs .ui-tabs-hide { display: none !important; }
.home .ui-tabs { float:right; width:300px; }
ul.ui-tabs-nav{ list-style:none; float:left; width:100%; padding:0; margin:0 0 10px 0; }
ul.ui-tabs-nav li{ text-align:center; float:left; background:url("images/dot-darkgrey-vert.png") top right repeat-y; width:80px; padding:0 10px; }
ul.ui-tabs-nav li.last{ background:none; }
ul.ui-tabs-nav li a{ display:block; width:65px; height:23px; float:left; font-size:18px; padding:4px 5px 3px 5px; color:#333; }
ul.ui-tabs-nav li.ui-state-active a,
ul.ui-tabs-nav li a:hover{ background:url("images/bg-tabber.png") no-repeat; color:#fff; }
.ui-tabs-panel{ float:left; width:100%; }
.ui-tabs-panel ul{ list-style:none; padding:0; margin:0; }
.ui-tabs-panel ul li{ padding:5px; background:url("images/dot-darkgrey-hor.png") bottom left repeat-x; color:#999; }
.ui-tabs-panel ul li a{ display:block; font-size:14px; font-weight:bold; }

.home .icon-box{ margin:0 0 20px 0; }
.icon-box{ padding:15px; }
.icon-box-orange{ background:url("images/icon-supportus.png") 190px 10px no-repeat #C75B12; color:#fff; }
.icon-box-blue{ background:url("images/icon-gowalking.png") 190px 10px no-repeat #007A87; color:#fff; }
.icon-box-green{ background:url("images/icon-getinvolved.png") 190px 10px no-repeat #206C49; color:#fff; }

.home .icon-box-orange{ background:url("images/icon-supportus.png") 250px 10px no-repeat #C75B12; color:#fff; }
.home .icon-box-blue{ background:url("images/icon-gowalking.png") 250px 10px no-repeat #007A87; color:#fff; }
.home .icon-box-green{ background:url("images/icon-getinvolved.png") 250px 10px no-repeat #206C49; color:#fff; }

div.icon-box-relatedlinks{ background:#6D9A89; color:#fff; margin-bottom:0; }
div.icon-box-relatedlinks h2{ font-size:20px; }
div.icon-box-relatedlinks ul li a{ font-size:15px; }

.icon-box h2{ margin:0; color:#fff; font-size:20px; padding:0 40px 0 0; }
.icon-box h2 a {color:#fff;}
.icon-box ul{ padding:0; list-style:none; margin:5px 0 0 0; }
.icon-box ul li{ padding:5px 0; background:url("images/dot-white-hor.png") bottom left repeat-x; }
.icon-box ul li.last{ background:none; }
.icon-box ul li a{ display: block; color:#fff; font-size:16px; padding:0 0 0 25px; background:url("images/bull-white-trans.png") left 5px no-repeat; }

.icon-box-route{ background:url("images/icon-findroute.png") 190px 8px no-repeat #fff; border:1px solid #999; }
.icon-box-route h2{ color:#333; margin-bottom:15px; font-size:18px; }

.icon-box-facebook{ background:url("images/icon-facebook-pebble.png") 190px 10px no-repeat #3C5A9A; color:#fff; }
.icon-box-twitter{ background:url("images/icon-twitter-pebble.png") 190px 10px no-repeat #00ACED; color:#fff; }
.icon-box-facebook h2{ font-size:16px; }
.icon-box-twitter h2{ font-size:16px; }

/* AMENDED */
/*.cta-button{ margin:0 0 20px 0; float:left; width:100%; color:#fff; padding:7px 0; }
.cta-button a{ display:block; padding:5px 16px 5px 35px; font-size:16px; font-weight:bold; color:#fff; }
.cta-button a.petition-link{ display:block; font-family: arial,sans-serif; padding:5px 16px 5px 35px; font-size:17px; color:#fff;float:right }
.cta-button p{ padding:0 15px; }*/
.cta-button{ margin:0px 6px 0px 0px; color:#fff; padding:7px 0; }
a.cta-button{ display:inline-block; padding:5px 10px 5px 25px; font-weight:bold; color:#fff !important; }
a.cta-grey { background:url("images/bul-large-green.png") 10px center no-repeat #333; }
a.cta-red { background:url("images/bull-white-trans.png") 10px center no-repeat #C60C30; }
a.cta-orange { background:url("images/bull-white-trans.png") 10px center no-repeat #C75B12; }
a.cta-green { background:url("images/bull-white-trans.png") 10px center no-repeat #206C49; }
a.cta-blue { background:url("images/bull-white-trans.png") 10px center no-repeat #007A87; }
a.cta-darkred { background:url("images/bull-white-trans.png") 10px center no-repeat #782327; }

a.cta-back
{
   background-image:url("images/bull-reversed-white-trans.png");
}
a.cta-grey-back
{
   background-image:url("images/bull-large-reversed-green.png");
}

#menubar .cta-button{float:left;}

.find-button{ margin:0 0 20px 0; float:right; width:90px; color:#fff; padding:7px 0; }
.find-button a{ display:block; padding:5px 16px 5px 35px; font-size:16px; font-weight:bold; color:#fff; }
.find-button a.petition-link{ display:block; padding:5px 16px 5px 35px; font-size:16px; color:#fff;float:right }
.find-button p{ padding:0 15px; }
.right-col-section .find-button{ margin:0; }

.find-dropdown{ margin:0 0 20px 0; float:right; width:90px; color:#fff; padding:7px 0; }
.find-dropdown{ display:block; padding:5px 16px 5px 35px; font-size:16px; font-weight:bold; color:#fff; }
.find-dropdown a.petition-link{ display:block; padding:5px 16px 5px 35px; font-size:16px; color:#fff;float:right }
.find-dropdown p{ padding:0 15px; }
.right-col-section .find-dropdown{ margin:0; }


.cta-grey { background:#333; }
.cta-orange { background:#C75B12; }
.cta-red { background:#C60C30; }
.cta-blue { background:#007A87; }
.cta-darkred { background:#782327; }
.cta-green { background:#206C49; }
.cta-rss { background:#C75B12; }


.cta-grey a.campaign-link{ background:none 15px 10px no-repeat #333; padding-left:15px }
.cta-orange a.campaign-link{ background:none 15px 10px no-repeat #C75B12; padding-left:15px }
.cta-red a.campaign-link{ background:none 15px 10px no-repeat #C60C30; padding-left:15px }
.cta-blue a.campaign-link{ background:none 15px 10px no-repeat #007A87; padding-left:15px }

.cta-darkred INPUT.{ background:url("images/bull-white-trans.png") 15px 10px no-repeat #782327; }

.cta-darkred a.campaign-link{ background:none 15px 10px no-repeat #782327; padding-left:15px }
.cta-green a.campaign-link{ background:none 15px 10px no-repeat #206C49; padding-left:15px }
.cta-rss a{ background:url("images/icon-rss.png") 12px 4px no-repeat #C75B12; padding-left:40px; }

.ad-box{ float:left; margin:0 0 20px 0; }

.breadcrumbs{ float:left; width: 840px; }
.breadcrumbs ul{ list-style:none; padding:0; margin:0; }
.breadcrumbs ul li{ float:left; background:url("images/bul-breadcrumb.gif") no-repeat right; padding-right:12px; margin-right:5px; }
.breadcrumbs ul li a{ display:block; float:left; }
.breadcrumbs ul li.last{ background:none; }

.article-list{ float:left; width:100%; margin:0 0 20px 0; }
.article-list h2{ margin:0 0 10px 0; font-size:18px; }
.article-list .article-item{ float:left; width:100%; background:url("images/dot-darkgrey-hor.png") top left repeat-x; padding:10px 0; }
.article-list .thumbnail .article-content{ margin-left:170px; }
.article-list .article-item img{ float:left; width:160px; height:120px; }
.article-list .article-item .article-content ul{ list-style:none; padding:0; margin:5px 0 0 0; }
.article-list .article-item .article-content ul li{ background:url("images/bul-grey.png") left no-repeat; padding:2px 0 2px 15px; }
.article-list .article-item .article-content p{ margin-bottom:5px; }

.small .thumbnail .article-content{ margin-left:140px; }
.small .article-item img{ width:120px; height:90px; }

.right-col-section{ float:left; width:100%; background:url("images/dot-darkgrey-hor.png") top left repeat-x; padding:20px 0 0 0; margin:0 0 20px 0; }

.right-col-section .message-box p{ margin:0; }
.right-col-section .message-box h3{ margin:0 0 5px 0; font-size: 16px; }

.fact-box{ font-size:17px; font-weight:bold; color:#007A87; }
.fact-box img{ float:right; padding:0 0 10px 10px; }
.fact-box p{ margin:0; }

.c3{ float:left; width:100%; margin-bottom:20px; }
.c3 .box-img{ float:left; width:240px; margin-right:20px; }
.c3 .last{ margin-right:0px; }
.c3 .box-img img{ width:240px; height:180px; }
.c3 .box-img .box-link{ background:url("images/bul-grey.png") no-repeat left; padding:0 0 0 15px; font-size:16px; font-weight:bold; color:#782226; *display:block; }
.c3 p{ margin:0; }

.c2{ float:left; width:100%; margin-bottom:20px; }
.c2 .box-img{ float:left; width:370px; margin-right:20px; }
.c2 .last{ margin-right:0px; }
.c2 .box-img img{ width:370px; height:170px; }
.c2 .box-img .box-link{ background:url("images/bul-grey.png") no-repeat left; padding:0 0 0 15px; font-size:16px; font-weight:bold; color:#782226; *display:block; }
.c2 p{ margin:0; }

.c1{ float:left; width:100%; margin-bottom:20px; background:url("images/dot-darkgrey-hor.png") top left repeat-x; padding:20px 0 0 0; }
.c1 .box-img{ float:left; width:500px; margin-right:20px; }
.c1 .last{ margin-right:0px; }
.c1 .box-img img{ width:500px; }
.c1 .box-img .box-link{ background:url("images/bul-grey.png") no-repeat left; padding:0 0 0 15px; font-size:16px; font-weight:bold; color:#782226; }
.c1 p{ margin:0; }

.right-column .c1 .box-img{ width:240px; }
.right-column .c1 .box-img img{ width:240px; }

.walking-search{ float:left; width:100%; height:185px; background:url("images/bg-walking-search.jpg") no-repeat top left; margin-bottom:20px; padding:15px 0; }
.walking-search .txt-walking-search{ width:457px; padding:10px; font-size:16px; color:#333; float:right; border:none; margin-right:15px; }
.walking-search .walking-search-buttons{ float:right; width:477px; margin:15px 15px 0 0; }
.walking-search .btn-walking-search{ float:left; width:210px; height:110px; padding:10px; margin:0 15px 0 0; background:#333; color:#fff; }
.walking-search .btn-walking-search.last{ margin-right:0; }
.walking-search .btn-walking-search a{ background:url("images/bul-large-green.png") no-repeat left; display:block; padding:0 0 0 18px; font-size:18px; font-weight:bold; color:#FFF; margin-bottom:5px; }

.accordion{ clear:both; }
.accordion h3{ margin-bottom:10px; }
.accordion h3 a{ display:block; background:url("images/icon-accordion-plus.png") no-repeat right #eee; padding:10px 40px 10px 10px; color:#333; }
.accordion h3 a:hover{ text-decoration:none; background:url("images/icon-accordion-plus.png") no-repeat right #ddd; }
.accordion h3.ui-state-active a{ background:url("images/icon-accordion-minus.png") no-repeat right #eee; }
.accordion h3:active,
.accordion h3:focus { outline:none; border:none; }
.accordion .ui-accordion-content{ padding:0 10px; overflow:hidden; }
.accordion .ui-accordion-content p{ margin:10px 0; }
.accordion .ui-accordion-content ul{ list-style:none; padding:0; margin:0 0 10px 0; }
.accordion .ui-accordion-content ul li{ padding:0 0 10px 0; margin:10px 0 0 0; background:url("images/dot-darkgrey-hor.png") bottom left repeat-x; }
.accordion .ui-accordion-content ul li a{ display:block; font-size:14px; font-weight:bold; }
.accordion .view-all{ display:block; float:right; margin:0 2px 10px 0; background:url("images/bul-grey.png") no-repeat scroll left; padding:0 0 0 15px; font-weight:bold; }

.link-list{ float:left; width:100%; }
.link-list h2{ margin-bottom:10px; }
.link-list ul{ list-style:none; padding:0; margin:0; }
.link-list ul li{ padding:5px 0; background:url("images/dot-darkgrey-hor.png") bottom left repeat-x; color:#999; }
.link-list ul li a{ display:block; font-size:14px; font-weight:bold; }
.link-list .more-link{ display:block; float:right; background:url("images/bul-grey.png") no-repeat left; padding:0 0 0 15px; margin-top:6px; font-weight:bold; }

.campaign-feature{ margin:0 0 15px 0; overflow:hidden; }
.campaign-feature .feature-image{ float:left; }
.campaign-feature .feature-content{ margin-left:375px; }
.campaign-feature .feature-content h2{ font-size:22px; font-weight:bold; margin-bottom:10px; }
.campaign-feature .feature-content p{ font-size:14px; }
.campaign-feature .cta-button{ width:auto; }

.mos{ margin-top:15px; }

.check-list{ background:#eee; padding:10px; margin-bottom:20px; }
.right-col-section .check-list{ margin-bottom:0; }
.check-list h3{ font-size:18px; font-weight:bold; margin-bottom:0; }
.check-list ul{ list-style:none; padding:0; margin:0; }
.check-list ul li{ font-size:14px; background:url("images/dot-darkgrey-hor.png") repeat-x bottom left; }
.check-list ul li span{ display:block; padding:10px 0 10px 30px; background:url("images/icon-green-tick.png") no-repeat left; }
.check-list ul li.last{ background:none; }

.membership-grades{ background:url("images/dot-darkgrey-hor.png") top left repeat-x; padding-top:15px; }
.membership-grades h2{ font-size:18px; }

.membership-grades .tabs{ margin-bottom:15px; overflow:hidden; }
.membership-grades .ui-tabs-nav li.ui-state-active a,
.membership-grades .ui-tabs-nav li a:hover{ background:url("images/bg-tabber-large.png") no-repeat; color:#fff; }
.membership-grades .ui-tabs-nav li{ background:url("images/dot-darkgrey-vert.png") top right repeat-y; width:auto; }
.membership-grades .ui-tabs-nav li a{ width:95px; font-size:17px; }

.membership-grades table{ border-collapse:collapse; width:100%; }
.membership-grades table tr{  }
.membership-grades table td{ padding:7px 10px; border:1px solid #fff; background:#F8F4F4; }
.membership-grades table td.tbl-price{ width:30%; text-align:center; background:#F1E8E9; font-weight:bold; color:#781F26; }

.news-feature{ margin:0 0 15px 0; overflow:hidden; }
.news-feature .feature-image{ float:left; }
.news-feature .feature-image img{ width:160px; height:120px; }
.news-feature .feature-content{ margin-left:180px; }
.news-feature .feature-content h2{ font-size:20px; font-weight:bold; margin-bottom:10px; }
.news-feature .feature-content p{ font-size:14px; }

.nav-box{ background:#6D9A89; padding:10px; margin-bottom:20px; color:#FFF; }
.nav-box h3{ font-size:18px; margin-bottom:0; color:#FFF; }
.nav-box ul{ list-style:none; padding:0; margin:0; }
.nav-box ul li{ font-size:14px; background:url("images/dot-darkgrey-hor.png") repeat-x bottom left; padding:0; }
.nav-box ul li a{ display:block; 
                  padding:8px 0 8px 26px; 
                  color:#FFF;
                  background:url("images/bull-white-trans.png") 10px center no-repeat #6D9A89;}
.nav-box ul li.last{ background:none; }
.nav-box ul li a.active{ color:#FFF; font-weight:bold; }

.pagination{ padding:10px 0 0 0; background:url("images/dot-darkgrey-hor.png") repeat-x top left; float:left; width:100%; margin:0 0 20px 0; }
.pagination ul{ list-style:none; float:left; padding:0; margin:0; }
.pagination ul li{ float:left; display:block; padding:0 3px; background:none; }
.pagination ul li a{ display:block; float:left; font-size:14px; padding:0 5px; }
.pagination ul li a.page-prev,
.pagination ul li a.page-next{ text-indent:-99999em; width:10px; height:10px; margin-top:4px; padding:0; }
.pagination ul li a.page-prev{ background:url("images/pagination-prev.png") no-repeat; }
.pagination ul li a.page-next{ background:url("images/pagination-next.png") no-repeat; }
.pagination ul li span.active{ display:block; color:#fff; background:url("images/bg-pagination.gif") no-repeat; padding:1px 6px; }
.pagination .link-all{ display:block; float:right; }
.pagination ul li a.page-prev,
.pagination ul li a.page-next{ text-indent:-99999em; width:10px; height:10px; margin-top:4px; }
.pagination ul li a.page-prev{ background:url("images/pagination-prev.png") no-repeat; }
.pagination ul li a.page-next{ background:url("images/pagination-next.png") no-repeat; }
.pagination ul li a.active{ color:#fff; background:url("images/bg-pagination.gif") no-repeat; padding:0px 5px; }
.pagination .view-all{ display:block; text-align:right; margin:0 2px 5px 0; }


.poll h3{ font-size:18px; margin-bottom:5px; }
.poll .poll-option{ padding:3px 10px; }
.poll .poll-option input[type="radio"]{ margin-right:5px; }
.poll .cta-button{ float:right; width:auto; margin-top:10px; }
.poll .cta-button a{ padding: 0px 12px 0px 30px; font-size:16px; background-position: 10px 6px; }

.event-calendar{ float:left; width:100%; margin:0 0 20px 0; }
.event-calendar .event-months{ list-style:none; padding:0; margin:0; float:left; margin-bottom:20px; }
.event-calendar .event-months li{ float:left; margin-right:7px; background:none; padding:0; }
.event-calendar .event-months li.last{ margin-right:0; }
.event-calendar .event-months li a{ display:block; width:35px; height:35px; padding-top:5px; float:left; background:url("images/bg-event-cal.png") top no-repeat; color:#fff; text-align:center; font-weight:bold; }
.event-calendar .event-months li a.active,
.event-calendar .event-months li a:hover{ display:block; float:left;  background:url("images/bg-event-cal.png") center -90px no-repeat; color:#000; }
.event-calendar .event-months li a span{ display:block; font-size:12px; font-weight:normal; }
.event-calendar .event-months li span.disabled{ display:block; width:35px; height:35px; padding-top:5px; float:left; background:url("images/bg-event-cal.png") center -180px no-repeat; color:#999; text-align:center; font-weight:bold; }

.event-calendar .event-calendar-clear-link {
	
	padding-bottom:10px;
	display:block;
	clear:both;
	width:100%;
}

.event-calendar .event-calendar-clear-link a {float:right;font-weight:bold;}

.article-content .event-details p{ font-weight:bold; }

.form-container{ float:left; background:#eee; padding:10px 0; margin-bottom:20px; }
.form-container .form-row{ float:left; width:100%; padding:4px 0; }
.form-container .form-row .lbl-r-align{ float:left; width:180px; text-align:right; padding:6px 0; }
.form-container .form-row .form-controls{ width:280px; float:right; }
.form-container p {margin:10px;clear:both;}

.sbHolder{ background-color: #fff; border: solid 1px #ccc; height: 30px; position: relative; width: 210px; float:left; }
.sbSelector{ display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 170px; }
.sbSelector:link, 
.sbSelector:visited, 
.sbSelector:hover{ color: #333; outline: none; text-decoration: none; }
.sbToggle{ background: url(../images/select-icons.png) 0 -116px no-repeat; display: block; height: 30px; outline: none; position: absolute; right: 0; top: 0; width: 30px; }
.sbToggle:hover{ background: url(../images/select-icons.png) 0 -166px no-repeat; }
.sbToggleOpen{ background: url(../images/select-icons.png) 0 -16px no-repeat; }
.sbToggleOpen:hover{ background: url(../images/select-icons.png) 0 -66px no-repeat; }

ul.sbOptions{ background-color: #fff; border: solid 1px #ccc; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 250px; z-index: 1; overflow-y: auto; }
ul.sbOptions li{ padding: 0 7px; background:none; }
ul.sbOptions a{ border-bottom: dotted 1px #ccc; display: block; outline: none; padding: 7px 0 7px 3px; }
ul.sbOptions a:link, .sbOptions a:visited{ color: #333; text-decoration: none; }
ul.sbOptions a:hover,
ul.sbOptions a:focus,
ul.sbOptions a.sbFocus{ color: #782327; }
ul.sbOptions li.last a{ border-bottom: none; }


.report-comment-form .sbHolder {width:350px;margin-bottom:10px;}
.report-comment-form .sbSelector {width: 270px;}
.report-comment-form ul.sbOptions {width: 350px;}

.align-center{ text-align:center; }

.form-section{ float:left; width:100%; margin-bottom:15px; padding-bottom:10px; background:url("images/dot-darkgrey-hor.png") bottom left repeat-x; }
.form-section h2{ font-size:18px; }
.form-section h3{ font-size:14px; }

.val-error-container{ color:Red; }
.val-error-container span{ display:block; margin:10px 0; }

.radio-but-large{ width:100%; }
.radio-but-large input{ position:absolute; left:-9999px; }
.radio-but-large label{ display:block; float:left; width:220px; height:80px; padding:10px; background:url("images/but-radio-large.gif") no-repeat; }
.radio-but-large label.ui-state-active{ background:url("images/but-radio-large-active.gif") no-repeat; }
.radio-but-large h3{ font-size:18px; margin-bottom:5px; }

.radio-but-small{ width:100%; }
.radio-but-small-thin{ width:50%; float:left;}
.radio-but-small input,.radio-but-small-thin input{ position:absolute; left:-9999px; }
.radio-but-small label,.radio-but-small-thin label{ display:block; padding:4px 10px 10px 30px; background:url("images/but-radio.png") no-repeat 0px 0px; }
.radio-but-small label.ui-state-active,.radio-but-small-thin label.ui-state-active{ background:url("images/but-radio-active.png") no-repeat 0px 0px; }

.checkbox-group input{ position:absolute; left:-9999px; }
.checkbox-group label{ display:block; padding:4px 10px 5px 30px; background:url("images/but-checkbox.png") no-repeat 3px 0px; }
.checkbox-group label.ui-state-active{ background:url("images/but-checkbox-active.png") no-repeat 3px 0px; }
.checkbox-group label.ui-button{ text-align:left; width:auto; padding:2px 0px 0px 25px;}

.checkbox input{ position:absolute; left:-9999px; }
.checkbox label{ display:block; padding:4px 10px 5px 30px; background:url("images/but-checkbox.png") no-repeat 3px 0px; }
.checkbox label.ui-state-active{ background:url("images/but-checkbox-active.png") no-repeat 3px 0px; }
.checkbox label.ui-button{ text-align:left; width:auto; padding:2px 0px 0px 25px;}
table.checkbox {margin-bottom:0px;}

.txt-box-mid{ width:200px; padding:5px; border:1px solid #ccc; }
.txt-box-two-char{ width:25px; padding:5px; border:1px solid #ccc; }

.ju-footer{ background:#eee; padding:10px; float:left; width:100%; }
.ju-footer p{ float:left; width:300px; margin:0; font-size:15px; padding:4px 0 0 0; font-weight:bold; }
.ju-footer p span{ color:#782327; }
.ju-footer .but-next{ float:right; background:url("images/bull-green.png") no-repeat 48px 10px #333; color:#fff; border:none; padding:3px 25px 3px 8px; font-size:14px; font-weight:bold; }
.ju-footer .but-back{ float:left; background:url("images/bull-reversed-green.png") no-repeat 8px 10px #333; color:#fff; border:none; padding:3px 8px 3px 25px; font-size:14px; font-weight:bold; }

.ju-header{ background:#333; color:#fff; margin:0 0 20px 0; overflow:hidden; clear:left; }
.ju-header ul { padding:0; list-style:none; margin:0; }
.ju-header ul li{ color:#fff; float:left; padding:5px 0 5px 10px; background:none; }
.ju-header ul li span{ padding:5px 15px 5px 5px; background:url("images/dot-white-vert.png") top right repeat-y; font-weight:bold; display: block; }
.ju-header ul li.active{ color:#D7A900; background:url("images/ju-bg-active.png") bottom no-repeat; }
.ju-header ul li.last span{ background:none; }

.member-list{ margin:10px 0 10px 0; overflow:hidden; }
.member-list a{ font-size:14px; font-weight:bold; padding:5px 10px; background:#fff; float:left; display:block; }
.member-list a.active{ background:#782327; color:#fff; }

.form-row{ float:left; width:100%; padding:5px 0; }
.form-row .form-controls{ float:right; width:280px; }
.form-row label{ float:left; width:180px; text-align:right; padding:6px 0;}

.tweet ul{ padding:0; margin:0; list-style:none; }
.tweet ul li{ background:url("images/dot-darkgrey-hor.png") top left repeat-x; padding:10px 0; }
.tweet ul li a{ color:#007A87; }
.tweet ul li a img{ display:none; }
.tweet .tweet_time{ display:block; }
.tweet_join {display:none;}

.vol-item{ background:#eee; overflow:hidden; padding:15px; margin-bottom:20px; float:left; width:470px; }
.vol-item img{ float:left; }
.vol-item-detail{ margin-left:120px; }
.vol-item-detail h3{ margin-bottom:5px; }
.vol-item .morelink{ float:right; background:url("images/bul-grey.png") left no-repeat; padding:2px 0 2px 15px; font-weight:bold; }
.vol-item-detail .vol-role{ margin:0; }

.event-toolkit-item { background:url("images/dot-darkgrey-hor.png") top left repeat-x; padding:15px 0; float:left; width:100%; }
.event-toolkit-item .event-download{ float:right; width:80px; text-align:center; }
.event-toolkit-item .event-download a{ display:block; }
.event-toolkit-item h3{ margin-bottom:5px; font-size:16px; }
.event-toolkit-item h3 span{ font-size:13px; }
.event-toolkit-item  .morelink{ float:right; background:url("images/bul-grey.png") left no-repeat; padding:2px 0 2px 15px; font-weight:bold; }
.event-toolkit-item .event-toolkit-detail{ margin-right:100px; }
.event-toolkit-item .event-toolkit-detail p{ margin:0; }

.atoz{ margin-bottom:20px; float:left; width:100%; background:url("images/dot-darkgrey-hor.png") top left repeat-x; padding:10px 0 0 0; }
.atoz ul{ float:left; list-style:none; width:100%; padding:0; margin:0; background:url("images/dot-darkgrey-hor.png") bottom left repeat-x; padding:0 0 10px 0; }
.atoz ul li{ float:left; display:block; margin:0 3px 0 0; background:none; padding:0; width:15px; height:18px; text-align: center; font-size:15px; }
.atoz ul li.last{ margin:0; }
.atoz ul li.active{ background:url("images/bg-atoz.gif") no-repeat; color:#fff; }

.atoz-section{ background:url("images/dot-darkgrey-hor.png") bottom left repeat-x; padding:10px 0; float:left; width:100%; }
.atoz-section.last{ background:none; padding:10px 0; float:left; width:100%; }
.atoz-section h3{ margin-bottom:5px; float:left; }
.atoz-section span{ display:block; margin-bottom:5px; float:right; color:#666; }
.atoz-section ul { clear:both; padding:0; list-style:none; margin:5px 0; width:100%; }
.atoz-section p{ clear:both; }
.atoz-section ul li{ background:none; display:inline; color:#666; margin-right:5px; padding:0 5px 0 0; border-right:1px solid #aaa; }
.atoz-section ul li.last{ border-right:0; }
.atoz-section .morelink{ float:right; background:url("images/bul-grey.png") left no-repeat; padding:2px 0 2px 15px; font-weight:bold; }

.atoz-search{ background:#eee; padding:15px; overflow:hidden; margin:0 0 20px 0; }
.atoz-search .txt-box{ float:left; display:block; width:310px; margin:0; padding:7px; border:1px solid #ccc; }
.atoz-search .cta-button{ width:auto; float:right; margin:0; padding: 6px 0; }
.atoz-search .cta-button a{ padding:0 16px 0 30px; background-position:12px 5px; font-size:15px; }

.comments-form{ background:#eee; padding:15px; overflow:hidden; margin:0 0 10px 0;margin-top:20px; }
.comments-form h2{ font-size:18px; }
.comments-form .com-txt{ display:block; width:447px; margin:0 0 10px 0; padding:8px; border:1px solid #ccc; }
.comments-form .cta-button{ width:auto; float:right; margin:0; padding: 5px 0; }
.comments-form .cta-button a{ padding:0 16px 0 30px; background-position:12px 5px; font-size:16px; }

.comment{ background:url("images/dot-darkgrey-hor.png") bottom left repeat-x; padding:10px 0; overflow:hidden; }
.comment h4{ font-size:15px; font-weight:bold; margin:0 0 5px 0; }
.comment .report-link{ color:#782327; font-size:11px; display:block; float:right; }

.content-footer{ clear:both; padding-top:20px; }
.content-header{ float:left; width:100%; margin-bottom:20px; }

.val-error-container  { clear:both; }
.article-image{ float:right; padding:0 0 10px 10px; }
.article-info{ background:#eee; overflow:hidden; padding:10px; margin-bottom:20px; float:left; width:480px; }
.article-info .article-info-row{ float:left; width:100%; padding:8px 0; background:url("images/dot-darkgrey-hor.png") bottom left repeat-x; font-size:14px; }
.article-info .last{ background:none; }

.cookie-notice{ padding:20px; background:#eee; color:#666; }
.cookie-notice p{ width:940px; margin:0 auto; font-size:14px; }
.cookie-notice a{ color:#782226; text-decoration:underline; }
.cookie-notice .cookie-button{ float:right; color:#fff; margin:0; text-decoration:none; padding:6px 8px 8px 24px; width:auto; background:url("images/bull-white-trans.png") 9px 10px no-repeat #C60C30; font-size:14px; font-weight:bold; }

/*************** event detail styles ********************/
#event-detail-container .form-container{ float:left; background:#eee; padding:10px 0; margin-bottom:20px; }
#event-detail-container .form-container .event-detail-row{ float:left; width:400px; padding: 10px 0 10px 30px; margin: 0 20px 0 20px;  background: url("images/dot-darkgrey-hor.png") repeat-x scroll left bottom transparent;}
#event-detail-container .form-container .event-detail-row .event-detail-label{ float:left; text-align:left; font-size:16px; padding:3px 0;   font-weight: bold;}
#event-detail-container .form-container .event-detail-row .event-detail-content{ width:280px; float:right;  font-size:16px; padding:3px 0;}
  
.ui-tabs-panel .more-link { background: url("images/bul-grey.png") no-repeat scroll left center transparent; display: block; float: right; font-weight: bold; margin-top: 6px; padding: 5px 0 10px 15px; }
.other-events h2{ margin-bottom:5px; font-size:18px; }
.other-events ul { margin: 0; padding: 0; }
.other-events ul li{ background: url("images/dot-darkgrey-hor.png") repeat-x scroll left bottom transparent; color:#333; padding: 5px 0;}
.other-events ul li.last{ background:none; }
.other-events ul li a{ display: block; font-weight:bold; }
.article-image-container{ float:right; width:220px; padding:0 0 10px 10px; }
.article-image-container p{ margin:2px 0 0 0; color:#666; font-size:12px; }
.report-comment-form {border:3px solid #ccc;height:360px;}
.report-reasons {width:400px;margin-bottom:20px;}
/************** form styles ***************/
.but-grey{ background-color:#333; color:#fff; border:none; padding:3px 8px 3px 8px; font-size:14px; font-weight:bold; }
.margin-top{ margin-top:8px; }
.margin-bottom{ margin-bottom:8px; }
.but-internal-form-left{ margin-left:10px; float:left; }
.but-internal-form-right{ margin-right:10px; float:right; }
.order-summary .form-container .form-row .form-controls{ width:280px; padding:5px 5px 5px 20px; float:left; }
.order-summary .form-container{ padding:10px 5px; }
.order-summary .form-container .form-row .lbl-r-align{ font-weight:bold; }
.error{ color:Red; }
span.required { font-weight:bold; font-size:18px; margin-left: 5px; }
p.help-text {clear:both; margin:5px 0; font-size:10px;}
.large-text-box {width:100%;}
.val-summary {padding-bottom:10px;}
.val-summary ul {display:none;}
.gift-aid-it {float:right;padding-left:10px;}
.form-row-other {display:none;}
/************* direct debits **************/
.dd-header{ width:100%; float:left; margin-bottom:20px; }
.dd-header-row{ float:left; text-align:left; margin-bottom:10px; width : 100%; }
.dd-header-left, .dd-content-left{ float:left; width:355px; }
.dd-header-right, .dd-content-right{ float:right; width:355px; }
.dd-content{ width:100%; float:left; }
.dd-content-box{ display:block; float:left; border:1px solid #ccc; padding:2px; }
.dd-wide{ width : 349px; }
span.dd-label{ font-weight:bold; display:block; margin-bottom:3px; font-size:11px; width:100%;}
div.sun-number{ float:left; border:solid 1px #ccc; padding:2px 0 2px 0; clear:both; }
div.reference-number{ float:left; border:solid 1px #ccc; padding:2px 0 2px 0; clear:both; margin-bottom:4px; display:block; }
div.sun-number span.sun-part{ display:block; float:left; padding:5px 7px 5px 7px; margin:2px 0 2px 0; height:16px; border-right:1px solid #ccc; text-align:center; }
div.reference-number span.sun-part{ display:block; float:left; padding:5px 8px 5px 8px; margin:3px 0 3px 0; height:16px; border-right:1px solid #ccc; text-align:center; }
div.reference-number span.sun-part-last{ display:block; float:left; padding:5px 8px 5px 8px; margin:3px 0 3px 0; height:16px; border:none; text-align:center; }
span.dd-date-element{ border-bottom:1px solid #ccc; padding:5px; margin-left:3px; display:block; float:left; width:15px; }
table#dd-date-layout{ margin-top:47px; margin-left:40px;width: 240px; }
div.sun-number span.sun-part-last{ display:block; float:left; padding:5px 8px 5px 8px; margin:3px 0 3px 0; height:16px; }
span.dd-element{ display:block; float:left; padding:5px 8px 5px 8px; margin:3px 0 3px 0; height:16px; }
.dd-inner-label{ font-size:11px; margin-right: 3px; }
.dd-address-line-label{ width:100%; height:25px; }
.dd-address-line{ width:100%; height:25px; border-bottom:1px solid #ccc; display:block; margin-bottom:2px; }
.dd-border-right{ border-right:1px solid #ccc; }
.last-element{ border:none; }
.pf-button{ cursor:hand; }
.dd-guarantee{ width : 100%; float:left; padding-left:10px; }
.dd-guarantee ul{ list-style-type:none; }
.dd-guarantee ul li{ background:none; }
.dd-postcode-label{ float:right;margin-right:75px; }
.dd-postcode-field{ float:right;margin-right:65px; }
div.dd-header-left{ padding-top:50px; }

.success {font-weight:bold; color:Green;}
.error {font-weight:bold; color:red;}

.selectbox{ width:212px; }
a.ui-selectmenu { padding:0; color:#333; display:block; position:relative; text-decoration:none; overflow:hidden; background:#fff; border:1px solid #ccc; float:left; }
a.ui-selectmenu:hover { background:#f8f8f8; }
.ui-selectmenu-icon { position:absolute; right:12px; width:7px; height:6px; top: 15px; background:url("images/dropdown-arrow.png") no-repeat !important; }
a.ui-state-active .ui-selectmenu-icon { background:url("images/dropdown-arrow.png") 0px -30px no-repeat; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-dropdown { background:#fff; border:1px solid #ddd; margin-top: -2px; width:220px; max-height:280px;  z-index: 9999;}
.ui-selectmenu-menu li { text-align:left; padding:0; margin:0; display:block; border-bottom:1px dotted #bbb; border-right-width:0 !important; border-left-width:0 !important; font-weight:normal !important; }
.ui-selectmenu-menu li a,
.ui-selectmenu-status { display:block; padding:4px 0; outline:none; text-decoration:none; color:#333; }
.ui-selectmenu-menu li a{ padding:5px 8px; }
.ui-selectmenu-menu li a:hover{ color:#782327; background:#f8f8f8; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, 
.ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { padding:8px; }
.ui-selectmenu-menu li span,
.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
.ui-selectmenu-menu li.ui-corner-bottom{ border:none; }


 /* jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	background-color : #fff;
	text-align:left;
	border : solid 1px #ccc;
}

.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	/*margin: -1px;*/
}


a.report-reasons {margin-bottom:10px; }

.body-content ul li.sitemap_level_1,
.body-content ul li.sitemap_level_2,
.body-content ul li.sitemap_level_3,
.body-content ul li.sitemap_level_4,
.body-content ul li.sitemap_level_5{ background:url("images/bul-grey.png") 0px 6px no-repeat; }

.body-content ul li.sitemap_level_1 a{ font-weight:bold; font-size:14px; }
.body-content ul li.sitemap_level_2 a,
.body-content ul li.sitemap_level_3 a,
.body-content ul li.sitemap_level_4 a,
.body-content ul li.sitemap_level_5 a{ font-weight:normal; font-size:13px; }

.right-column .form-container .form-row{ padding:4px 15px; width:210px; }
.right-column .form-container .form-row .form-controls{ width:210px; float:left; }
.right-column .form-container h3{ font-size:16px; margin-bottom:5px; }
.right-column .form-container .more-details{ float:left; padding:8px 15px; }
.right-column .form-container .more-details { margin:0; font-size:12px; }
.right-column .form-container .form-row .but-internal-form-left,
.right-column .form-container .form-row .but-internal-form-right{ margin:0; padding:5px 8px 5px 20px; background:url("images/bull-green.png") no-repeat 8px 10px #333333; }

.delimiter {float:left;}

/* =============================================================================
   IE FIXES
   ========================================================================== */
.ie7 .top-nav ul li a{ padding:10px; }
.ie7 .testimonial h3{ margin:35px 0 5px 0; }
.ie7 .top-nav ul li a{ font-size:18px; }
.ie7 .report-comment-form {height:350px;}
.ie7 .selectbox{ width:214px; }

.ie8 .top-nav ul li a{ font-size:18px; }
.ie8 .top-nav ul li a{ padding:10px; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}

/* =============================================================================
   NO CSS BELOW HERE PLEASE. ADD ABOVE *IE FIXES*
   ========================================================================== */