/* ----------  MENU OVERRIDES  ---------- */
#menu li a { padding-left: 19px; padding-right: 18px; }
#menu li.active a { padding: 0 19px !important; }
#menu ul li div.right { margin-left: -131px; }
#menu ul li.active div.right { margin-left: -127px; }

/* ----------  BACKGROUNDS  ---------- */
body { background: #000 url(../../../../images/backgrounds/region-b.jpg) top center no-repeat; }
#footer-bg { background-image: url(../../../../images/global/footer-bg-2.png); }
#footer-gradient { background-image: url(../../../../images/global/footer-bg-2-gradient.png); }
.content-home { padding: 10px; clear: both; }

/* ----------  LEFT  ---------- */
#how-help { width: 170px; }
#how-help h2 { background: #252323 url(../../../../images/global/how-help-notab.png) top left no-repeat; width: 150px; color: #FFF; padding: 4px 10px; font-size: 1.4em; }
#how-help div { background: #252323; padding-top: 10px;}
#how-help p { color: #FFF; font-size: 1.1em; padding: 0 10px 1em 10px; }
#how-help div div { background: #4c4846 url(../../../../images/global/how-help-top.png) top left repeat-x; }
#how-help div div div { padding: 12px 10px; background: url(../../../../images/global/how-help-bottom.png) bottom left repeat-x; }
#how-help label { color: #FFF; font-weight: bold; font-size: 1.2em; display: block; padding-bottom: 0.3em; }
#how-help select { font-size: 1.1em; vertical-align: top; width: 117px; }

/*
#programmes { background: #FFF; padding-top: 20px; }
#programmes h2 { padding-bottom: 0.4em; font-size: 1.4em; }
#programmes h2 a { color: #373534; text-decoration: none; }
#programmes h2 a:hover { text-decoration: underline; }
#programmes div { background: url(../../../../images/global/dotted-line.gif) top left repeat-x; border-bottom: 1px solid #cfcfcf; width: 170px; overflow: hidden; padding: 10px 0; }
#programmes p { font-size: 1.1em; padding: 10px 10px 0 10px; }
#programmes a.go { float: right; color: #007836; font-size: 1.2em; font-weight: bold; text-decoration: none; background: url(../../../../images/home/programmes-go.png) center right no-repeat; padding-right: 18px; }
#programmes a.go:hover { text-decoration: underline; }

.programmes-inner div { padding: 12px 0 !important; width: 180px !important; }
.programmes-inner p { padding: 0 6px !important; }
*/

#FeatureArea { background: #FFF; width: 170px; border-bottom: 1px solid #cfcfcf; margin-top: 20px; }
#FeatureArea div { width: 150px; background: url(../../../../images/global/dotted-line.gif) top left repeat-x; padding: 12px 10px; overflow: hidden; }

h2.FeatureHeading { padding-bottom: 0.4em; font-size: 1.4em; }
h2.FeatureHeading a { color: #373534; text-decoration: none; }
h2.FeatureHeading a:hover { text-decoration: underline; }

p.FeatureText { font-size: 1.1em; }
p.FeatureLink a { float: right; color: #007836; font-size: 1.2em; font-weight: bold; text-decoration: none; background: url(../../../../images/home/programmes-go.png) center right no-repeat; padding-right: 18px; }
p.FeatureLink a:hover { text-decoration: underline; }

.feature-box h3 { background: #007836 url(../../../../images/global/how-help-notab-green2.png) top left no-repeat; }
.feature-box div { background: #007836; }
.feature-box div div { background: #009644 url(../../../../images/global/how-help-top-green2.png) top left repeat-x; }
.feature-box div div div { background: url(../../../../images/global/how-help-bottom-green2.png) bottom left repeat-x; }
.feature-box ul { padding: 0 10px 10px 10px; }
.feature-box li { font-size: 1.1em; }
.feature-box li a { color: #FFF; text-decoration: none; }
.feature-box div div div label {display:none;}



/* ----------  RIGHT  ---------- */
/*
#news-events { border-bottom: 3px solid #90d300; padding-bottom: 2px; }
#news-events h2 { color: #007836; font-size: 1.4em; }
#news-events h2 img { vertical-align: top; padding-right: 5px; }
#news-events div { background: #373534; margin-top: 5px; width: 100%; overflow: hidden; }
#news-events div img { height: 152px; }
#news-events ul { margin-top: -3px; }
#news-events li { padding: 8px; border-bottom: 1px dotted #9b9a9a; width: 154px; overflow: hidden; }
#news-events li a { color: #FFF; display: block; text-decoration: none; width: 100%; overflow: hidden; }
#news-events strong { display: block; float: left; width: 40px; background: #FFF; text-align: center; color: #373534; font-size: 1.8em; }
#news-events strong span { font-size: 0.55em; display: block; background: #90d300; padding: 1px; }
#news-events span.title { float: left; font-weight: bold; }
#news-events span.title span { padding: 4px 3px; margin-left: 4px; font-size: 1px; background: url(../../../../images/global/global-nav-bullet.png) top left no-repeat; }
#news-events li a:hover span.title { text-decoration: underline; }
*/
.news-events { border-bottom: 1px solid #CFCFCF; padding-bottom: 2px; }
.news-events h2 { color: #373534; font-size: 1.4em; width: 100%; overflow: hidden; padding: 0; }
.news-events h2 img { vertical-align: top; margin-right: 5px; }
.news-events h2 a { color: #007836; text-decoration: none; display: block; float: left; width: 149px; }
.news-events h2 a:hover { text-decoration: underline; }
.news-events h2 a.rss { width: 21px; }
.news-events div { margin-top: 5px; width: 100%; overflow: hidden; }
.news-events ul { font-size: 1em; list-style: none; padding: 0; }
.news-events li { padding: 7px 6px; background: url(../../../../images/global/dotted-line.gif) top left repeat-x; font-size:1.1em; color: #373534; }
.news-events li a { color: #007836; text-decoration: none; display: block; font-weight: bold; padding-top: 2px; }
.news-events li a:hover { text-decoration: underline; }
.news-events li a img { margin-left: 4px; margin-right: -7px; }
.news-events-events { padding-top: 15px; margin-bottom: 20px; }



/* ----------  HERO  ---------- */
#hero-container { margin-top: -40px; width: 527px; overflow: hidden; position: relative; background: #90D300; float: left; margin-bottom: 10px; z-index: 200; border-right: 1px solid #CFCFCF; }
#hero-frame { width: 528px; height: 250px; background: url(../../../../images/region-a/hero-frame.png) top left no-repeat; position: absolute; z-index: 200; }
.js #hero-frame { cursor: pointer; }

.hero { width: 528px; height: 250px; background: #333; position: absolute; display: none; }
.hero-active { display: block; }
.hero div { position: relative; z-index: 300; overflow: hidden; }

.hero h1 { margin-top: 30px; text-align: right; font-size: 3em; line-height: 135%; }
.hero h1 a { color: #FFF; font-weight: bold; margin: 0; float: none; text-decoration: none; }
.hero h1 span { background: #90d300 url(../../../../images/home/hero-h1-bg.png) top right repeat-y; padding: 2px 20px; }
.hero p { position: absolute; bottom: 20px; right: 0; padding: 5px 20px 5px 10px; font-weight: bold; color: #FFF; font-size: 1.4em; text-align: right; line-height: 130%; background: url(../../../../images/home/hero-caption-bg.png); text-shadow: #000 0 0 5px; }
.hero a.link { width: 41px; height: 40px; float: right; clear: right; margin-right: 20px; margin-top: 10px; text-indent: -10000px; }

/* hero colours */
.hero-green h1 span { background: #6FA000 url(../../../../images/home/hero-green-h1.png) top right repeat-y; }
.hero-green a.link { background: url(../../../../images/home/hero-green-button.png) top left no-repeat; }
.hero-blue h1 span { background: #065890 url(../../../../images/home/hero-blue-h1.png) top right repeat-y; }
.hero-blue a.link { background: url(../../../../images/home/hero-blue-button.png) top left no-repeat; }
.hero-red h1 span { background: #CE1010 url(../../../../images/home/hero-red-h1.png) top right repeat-y; }
.hero-red a.link { background: url(../../../../images/home/hero-red-button.png) top left no-repeat; }
.hero-pink h1 span { background: #E51E72 url(../../../../images/home/hero-pink-h1.png) top right repeat-y; }
.hero-pink a.link { background: url(../../../../images/home/hero-pink-button.png) top left no-repeat; }

#hero-items { height: 85px; min-height: 85px; margin: 0; padding-bottom: 1px; background: url(../../../../images/home/hero-bg.png) bottom left repeat-x; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; width: 10000px; }
#hero-items li { float: left; width: 174px; padding-right: 2px; background: url(../../../../images/home/hero-line.png) bottom right no-repeat; position: relative; z-index: 500; }
#hero-items li.last { background: none; width: 172px }
#hero-items li a { color: #373534; text-decoration: none; padding: 10px 15px; display: block; outline: 0;  }
#hero-items li a:hover strong { text-decoration: underline; }
#hero-items li a strong { font-size: 1.3em; display: block; height: 3em; }

#hero-controls { margin-top: 250px; }
.hero-control { width: 30px; height: 40px; top: 280px; position: absolute; z-index: 600; }
.hero-control a { display: block; height: 40px; text-align: left; text-indent: -10000px; outline: 0; }
#hero-prev { left: 203px; }
#hero-prev a { background: url(../../../../images/region-a/hero-prev-button.png) bottom left no-repeat; }
#hero-prev a.disabled { background-position: top left; }
#hero-next { position: relative; left: 512px; top: 272px; }
#hero-next a { background: url(../../../../images/region-a/hero-next-button.png) bottom right no-repeat; margin-right: 1px; }
#hero-next a.disabled { background-position: top right; }

#hero-item-active { width: 174px; height: 85px; background: #fee900 url(../../../../images/region-a/hero-active.png) bottom left no-repeat; position: absolute; z-index: 500; margin: 0; left: 1px; top: 251px; }

/* ----------  IN YOUR AREA  ---------- */
/*
#in-your-area { float: right; width: 418px; overflow: hidden; }
#in-your-area h2 { font-size: 1.8em; color: #373534; border-bottom: 1px solid #bdbdbd; padding: 0 0 0.1em 0; margin: 0 0 1em 0; }
#in-your-area p { font-size: 1.1em; }
#in-your-area img { float: left; }
#in-your-area ul { float: left; margin-left: 20px; margin-top: 10px; }
#in-your-area li a { display: block; font-size: 1.2em; font-weight: bold; background: url(../../../../images/bullets/small-grey-white.png) left 4px no-repeat; padding: 0 0 5px 10px; color: #373534; text-decoration: none; }
#in-your-area li a:hover { color: #007836; text-decoration: underline; }
#in-your-area { width: 170px; overflow: hidden; border-bottom: 1px solid #cfcfcf; }
#in-your-area h2 { font-size: 1.4em; color: #373534; background: url(../../../../images/global/dotted-line.gif) bottom left repeat-x; padding: 0 0 0.4em 0; margin: 0 0 0.8em 0; }
#in-your-area p { font-size: 1.1em; color: #373534; }
#in-your-area ul { float: left; margin-top: 10px; }
#in-your-area li a { display: block; font-size: 1.1em; font-weight: bold; background: url(../../../../images/bullets/small-dark-white.png) left 4px no-repeat; padding: 0 0 5px 10px; color: #007836; text-decoration: none; }
#in-your-area li a:hover { text-decoration: underline; }
*/
#in-your-area { width: 170px; }
#in-your-area a { color: #007836; }
#in-your-area h2 { background: url(../../../../images/region-b/inyourareatop.png) no-repeat top left; padding: 5px 10px 3px; margin: 0; font-size: 1.2em; color: #007836; }
#in-your-area .content { background: url(../../../../images/region-b/inyourareacontent.png) repeat-x bottom left; border: 1px solid #d5d5d5; padding: 1em 8px 0; }
#in-your-area .content p, #in-your-area .content ul { font-size: 1.1em; }

#footer-inner ul li a { color: #373534; }
#footer-inner ul li.twitter a { background: url(../../../../images/global/footer-twitter-dark.png) left 2px no-repeat; }
#footer-inner ul li.youtube a { background: url(../../../../images/global/footer-youtube-dark.png) left 2px no-repeat; }
#footer-inner ul li.facebook a { background: url(../../../../images/global/footer-facebook-dark.png) left 2px no-repeat; }
#footer-inner ul li.share a { background: url(../../../../images/global/footer-share-dark.png) left center no-repeat; }

.capsule-light { background: url(../../../../images/global/capsule-interior-1-middle.png) top left repeat-y; }
.capsule-light span { background: url(../../../../images/global/capsule-interior-1-top.png) top left no-repeat; }
.capsule-light span span { background: url(../../../../images/global/capsule-interior-1-bottom.png) bottom left no-repeat; }

.capsule-medium { background: url(../../../../images/global/capsule-interior-2-middle.png) top left repeat-y; }
.capsule-medium span { background: url(../../../../images/global/capsule-interior-2-top.png) top left no-repeat; }
.capsule-medium span span { background: url(../../../../images/global/capsule-interior-2-bottom.png) bottom left no-repeat; }

.capsule-dark { background: url(../../../../images/global/capsule-interior-3-middle.png) top left repeat-y; }
.capsule-dark span { background: url(../../../../images/global/capsule-interior-3-top.png) top left no-repeat; }
.capsule-dark span span { background: url(../../../../images/global/capsule-interior-3-bottom.png) bottom left no-repeat; }