 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1.4; background: #fff; margin:1.5em 0}
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
 blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
a img {border: none}
strong {font-weight: bold}
 body {margin: 0 !important; padding: 0 !important; background-color: #FFF}
  .lift-1 {margin-top: -1.5em; margin-bottom:1.5em}
.lift-2 {margin-top: -3em; margin-bottom:3em}
.lift-3 {margin-top: -4.5em; margin-bottom:4.5em}
.lift-4 {margin-top: -6em; margin-bottom:6em}
.lift-5 {margin-top: -7.5em; margin-bottom:7.5em}
 .drop-1 {margin-bottom:-1.5em; margin-top:1.5em}
.drop-2 {margin-bottom:-3em; margin-top:3em}
.drop-3 {margin-bottom:-4.5em; margin-top:4.5em}
.drop-4 {margin-bottom:-6em; margin-top:6em}
.drop-5 {margin-bottom:-7.5em; margin-top:7.5em}
  .box {padding: 1.5em; margin-bottom: 1.5em; background: #eee}
 hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.4em; border: none}
hr.space {background: #fff; color: #fff}
 .clearfix:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix, .container {display: inline-block;}
.clearfix, .container {display: block;}
 .clear {clear:both}
  .container {width: 945px; margin: 0 auto}
 .showgrid {background: url(src/grid.png)}
 body {margin:1.5em 0}
  div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 15px;}
 div.last {margin-right: 0}
 .span-1 {width: 65px;}
.span-2 {width: 145px;}
.span-3 {width: 225px;}
.span-4 {width: 305px;}
.span-5 {width: 385px;}
.span-6 {width: 465px;}
.span-7 {width: 545px;}
.span-8 {width: 625px;}
.span-9 {width: 705px;}
.span-10 {width: 785px;}
.span-11 {width: 865px;}
.span-12, div.span-12 {width: 945px; margin: 0}
 .append-1 {padding-right: 80px;}
.append-2 {padding-right: 160px;}
.append-3 {padding-right: 240px;}
.append-4 {padding-right: 320px;}
.append-5 {padding-right: 400px;}
.append-6 {padding-right: 480px;}
.append-7 {padding-right: 560px;}
.append-8 {padding-right: 640px;}
.append-9 {padding-right: 720px;}
.append-10 {padding-right: 800px;}
.append-11 {padding-right: 880px;}
 .prepend-1 {padding-left: 80px;}
.prepend-2 {padding-left: 160px;}
.prepend-3 {padding-left: 240px;}
.prepend-4 {padding-left: 320px;}
.prepend-5 {padding-left: 400px;}
.prepend-6 {padding-left: 480px;}
.prepend-7 {padding-left: 560px;}
.prepend-8 {padding-left: 640px;}
.prepend-9 {padding-left: 720px;}
.prepend-10 {padding-left: 800px;}
.prepend-11 {padding-left: 880px;}
 div.border {padding-right:6.5px; margin-right:7.5px; border-right: 1px solid #eee}
 div.colborder {padding-right:60.5px; margin-right:57.5px; border-right: 1px solid #eee}
 .pull-1 {margin-left: -80px;}
.pull-2 {margin-left: -160px;}
.pull-3 {margin-left: -240px;}
.pull-4 {margin-left: -320px;}
.pull-5 {margin-left: -400px;}
.pull-6 {margin-left: -480px;}
.pull-7 {margin-left: -560px;}
.pull-8 {margin-left: -640px;}
.pull-9 {margin-left: -720px;}
.pull-10 {margin-left: -800px;}
.pull-11 {margin-left: -880px;}
.pull-12 {margin-left: -960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {float:left;position:relative;}
.push-1 {margin: 0 -80px 1.5em 80px;}
.push-2 {margin: 0 -160px 1.5em 160px;}
.push-3 {margin: 0 -240px 1.5em 240px;}
.push-4 {margin: 0 -320px 1.5em 320px;}
.push-5 {margin: 0 -400px 1.5em 400px;}
.push-6 {margin: 0 -480px 1.5em 480px;}
.push-7 {margin: 0 -560px 1.5em 560px;}
.push-8 {margin: 0 -640px 1.5em 640px;}
.push-9 {margin: 0 -720px 1.5em 720px;}
.push-10 {margin: 0 -800px 1.5em 800px;}
.push-11 {margin: 0 -880px 1.5em 880px;}
.push-12 {margin: 0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {float:right;position:relative;}
  .box {padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9}
 hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none}
hr.space {background: #fff; color: #fff}
 .clearfix:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix, .container {display: inline-block;}
* html .clearfix, * html .container {height: 1%;}
.clearfix, .container {display: block;}
 .clear {clear:both}
  body {font-size: 75%; color: #666; font-family: Helvetica, Arial, sans-serif}
 h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #111}
h1 {font-size: 2em; margin-bottom: 0.5em; color: #003C74; font-weight: bold; line-height: 1.2; letter-spacing: -0px;}
h2 {font-size: 1.5em; line-height: 1.125; margin-bottom: 1em; color: #008FCE}
h3 {font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 0.25em; color:#008FCE}
h4 {font-size: 1em; font-weight: bold; margin-bottom: 0.25em; color:#008FCE;}
h5 {font-size: 1em; font-weight: bold}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
 p {margin: 0 0 1.5em}
p.last {margin-bottom: 0}
p img, p img.left {float: left; margin: 0 1.0em 0.5em 0; padding: 0}
p img.right {float: right; margin: 0 0 0.5em 1.0em; padding: 0}
p img.center{ float: none; margin: 0 auto 0.5em auto; padding: 0; display: block;}
img {margin: 0}
a:focus, a:hover {color: #008FCE; text-decoration: none}
a {color: #008fce; text-decoration: none}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666; color:#333; cursor:help}
address {margin: 0 0 1.5em; font-style: italic}
 pre,code {margin: 1.5em 0; white-space: pre}
tt {display: block; margin: 1.5em 0; line-height: 1.5}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
 li ul, li ol {margin:0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em}
ul {list-style-type: disc}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
 table {margin-bottom: 1.4em}
th {border-bottom: 2px solid #ccc; font-weight: bold; background: #eee}
td {border-bottom: 1px solid #ddd}
th,td {padding: 4px 10px 4px 5px}
tr.even td {background: #eef}
tfoot {font-style: italic}
caption {background: #ffc}
 table .last {padding-right: 0}
 .small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
del.diffdel {text-decoration: line-through; background-color: #FB8287}
del.diffmod {text-decoration: line-through; background-color: #FFBF00}
del.diffdel img {border: 2px solid #D75357}
ins.diffins {text-decoration: none; background-color: #A3E78D}
ins.diffmod {text-decoration: none; background-color: #FFBF00}
ins.diffins img {border: 2px solid #6BC451}
ins.diffmod img, del.diffmod img {border: 2px solid #FF9000}
 .article h1{ color:#666; font-size:1.3em}
.quote {color: #666; display: block; padding: 12px 15px; margin-top: 1em; font-size: 125%; line-height: 1.3; font-weight:bold;  font-style: italic;  }
.callout-left {display: block; float: left; width: 32%; padding: 1%; margin-right: 2%; background-color: #ECECEC; clear: right; font-weight: bold}
.callout-right {display: block; float: right; width: 32%; padding: 1%; margin-left: 2%; background-color: #ECECEC; clear: both; font-weight: bold}
img.right {margin-left: 10px; margin-bottom: 10px}
img.left {margin-right: 10px; margin-bottom: 10px}
p.date {margin: 0 0 0.5em 0; color: #999; font-weight: bold}
p.return {  margin: 1em 0 1em 0; padding: 0 0 0 15px; font-size: 100%; background:url('/images/blue_arrow_back.png') center left no-repeat; clear: both; text-transform: uppercase; font-weight:bold; color:#008FCE}
p.commenting_closed {font-weight: bold; font-size: 92%}
p.tags {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 2em 0 2em 0; padding: 3px 6px; font-size: 92%; background-color: #F7F7F7; clear: both}
  ul#top_menu{ margin:10px 10px 0 0; list-style:none; float:right; line-height:1; font-size:105%}
ul#top_menu li{ float:left; font-weight:bold; padding-right:7px; margin-right:7px; border-right:1px solid #666}
ul#top_menu li.last{ float:left; font-weight:bold; padding-right:0; margin-right:0; border:0}
ul#top_menu li a{ float:left; color:#666}
 #menu_wrapper{ width:975px; margin:0 auto; background:#003c74; height:auto}
#menu {list-style-type: none; float: left; clear: both; position:relative; z-index: 300; margin:5px 0 5px 10px;   line-height:1}
#menu li {position: relative; z-index: 500; display: block; float: left; width: auto; font-size: 100%; margin: 0 0px 0 0px; min-height:25px; height:auto !important; height:25px;   }
#menu li:hover{ background:url('/images/submenu_bg.png') 0 -5px repeat-x}
#menu li a.main_top, #menu li span.main_top a {font-family:verdana, arial; padding: 7px 18px 4px 19px}
#menu li a {display: block; float:left; padding: 0 12px; line-height: 1; text-decoration: none; color: #fff; text-transform:uppercase; font-weight:bold; padding: 7px 18px 4px 19px; height:auto; background:url('/images/menu_sep.gif') center left no-repeat}
#menu li#s_home a{ background:none}
#menu li.active{ background:transparent url(/images/subnav_menu_bg_bottom.png) repeat-x scroll left top}
#menu li span.active, #menu li ul li span.active, #menu li span.active, #menu li ul li span.active_parent{ background:transparent url(/images/subnav_menu_bg_bottom.png) repeat-x scroll left bottom; display:block}
#menu li span.active a.active{ background: transparent url(/images/blue_arrow.png) no-repeat scroll 3px 7px}
#menu li a.active, #menu li#s_home a.active {background:url('/images/subnav_menu_bg.png') top center repeat-x !important}
#menu li a:hover {color: #0072a6}
 #menu li a.active, #menu li.main li a.active {color: #0072a6}
#menu li.active_parent span.active_parent a.active_parent {color: #0072a6; background:url('/images/subnav_menu_bg.png') top center repeat-x !important}
#menu li.main li a.active_parent{ background:transparent}
#menu li.main li a.active{ background:#fff}
   #menu li ul {position: absolute; left: -999em; top: 25px; padding: 2px 5px 5px 5px; margin: 0; z-index: 2000; width: auto; border-top: none; width: auto; background-color: #ddd;  border-top: 1px solid #ddd}
#menu li ul li {float: none; padding: 0; margin: 0; font-size: 100%; border: none; width: 100%}
#menu li ul li a {display: block; padding: 7px 3px 5px 15px; width: 14em; border-right: none; border-bottom: 1px solid #CCC; text-transform:none; background:url('/images/blue_arrow.png') 0px 8px no-repeat; color:#666; text-align:left; float:none}
 #menu li ul ul {margin: -35px 0 0 100%}
#menu li:hover ul ul, #menu li.hover ul ul {left: -999em}
#menu li:hover ul, #menu li.hover ul, #menu li li:hover ul, #menu li li.hover ul {left: 0}
 #menu li ul li a:hover {background-color: #EEEEEE}
 #menu li:hover ul, #menu li.hover ul {left: 0}
#menu li#s_caravans:hover ul, #menu li#s_caravans.hover ul {left: -85px}
 div.submenu{ background:url('/images/submenu_bg.png') top left no-repeat; padding:8px 5px; width:215px; margin-bottom:15px}
div.submenu h2 {font-size: 110%; color: #333; margin: 0; padding: 6px 5px; background:url('/images/subnav_menu_bg.png') top center repeat-x; text-transform:uppercase; font-weight:bold}
div.submenu h2 a {color: #003c74}
div.submenu h2 a:hover {text-decoration: none; color: #0072A6}
div.submenu ul {list-style: none; margin: 0 0 0px 0; border-bottom: 1px dotted #CCC}
div.submenu li {border-bottom: 1px solid #bbb; line-height: 1}
div.submenu li a {display: block; padding: 6px 12px 6px 20px; font-size: 108%; color: #666; font-weight:bold;  margin: 0; background:url('/images/blue_arrow.png') 3px 7px no-repeat}
div.submenu li a:hover {text-decoration: none; color: #0072A6}
div.submenu li span.active{ background:url('/images/subnav_menu_bg_bottom.png') bottom left repeat-x; display:block}
div.submenu li.active{ background:url('/images/subnav_menu_bg_bottom.png') top left repeat-x}
div.submenu li a.active {color: #0072A6;   font-weight: bold}
div.submenu li.active_branch{ background:url('/images/submenu_list_bg.png') top left no-repeat}
div.submenu li.active_branch a.active {color: #0072A6;   }
div.submenu li a.active_parent {color: #0072A6;  }
div.submenu li a.active_parent ul {color: #0072A6; background:#fff}
 div.submenu ul ul {margin-bottom: 0; border-bottom: none; border-top: 1px dotted #CCC; background:#fff}
div.submenu ul ul li {margin-bottom: 0}
div.submenu ul ul li.first {border-top: none}
div.submenu ul ul li a {color: #555; padding-left: 28px; background:none; font-weight:normal}
div.submenu ul li ul li a.active {background:none; font-weight:normal}
div.submenu ul ul ul li a {color: #555; padding-left: 36px; background-position: 36px 9px; background-color: #FcFcFC}
div.submenu ul ul ul ul li a {padding-left: 44px; background-position: 44px 9px}
#related {}
div.related{ margin-bottom:15px}
#related h3, .related h3 {background:url('/images/related_top.png'); color:#fff; text-transform:uppercase; padding:7px 7px 5px; margin:0; clear: both; font-size:110%; font-family:verdana, arial; font-weight: normal}
#related ul, .related ul {background:#fff; margin:0; list-style:none; padding:5px 0; float:left; width:100%}
#related ul li.last, .related ul li.last{ border:0 !important}
#related ul.signposts {border-top: none}
#related ul li {line-height: 1.2; font-size: 100%; padding: 5px 0; border-bottom: 1px solid #EFEFEF}
#related ul li.mini {float: left}
#related ul li.more {border-bottom: none}
#related ul li img.article_image {float: left; margin-right: 6px}
#related ul li a, .related ul li a {display: block; padding: 0px 6px 0px 20px; color: #666; margin: 0 0 0 5px; background:url('/images/blue_arrow.png') 3px 3px no-repeat; font-weight: bold; text-decoration:none}
#related ul li a:hover, .related ul li a:hover {color:#008FCE}
#related ul li.active {background-color: #F9F9F9}
#related ul li.active a {color: #9D060B}
#related ul li span.date {color: #008FCE; font-size: 100%; font-weight:normal}
#facts{ margin-bottom:15px}
#facts ul li a{ padding:0; margin:0; background:0}
 #crumb_list {padding: 5px 5px; color: #003c74;  }
#crumb_list a {text-decoration: none;  }
#crumb_list a:hover {}
#crumb_list span {  }
#skip_to_content {display: none}
  div.pagination {margin: 0 0 18px 0;  font-size: 92%; width:100%; text-align: left; font-weight: bold; float: left; line-height: 1; clear:both}
div.pagination a {padding: 3px 4px 0 4px; border: 1px solid #EEE; text-decoration: none; background-color: #EEE}
div.pagination a:hover {background-color: #003C74; border-color: #003C74; color: #FFF; text-decoration: none}
div.pagination .current {padding: 3px 4px 0 4px; background-color: #999; border: 1px solid #999; color: #FFF}
div.pagination .item_count {float: left; width: auto; text-align: left}
div.pagination .prev_next {float: right; width: auto; text-align: right}
div.pagination .total_entries {padding-right: 2em; text-align: right}
div.pagination span.disabled {visibility: hidden}
  body{ background:#e3e2e0 url('/images/circles_bg.jpg') top center no-repeat}
#wrapper{ width:1000px; margin:0 auto; position:relative}
 #header {position: relative}
#header #logo {font-size: 2.2em; line-height: 1; margin: 24px 0 ; font-weight: bold}
#header #logo a {display: block; color: #999; text-decoration: none; width: 221px; height: 60px; background: url("/images/logo.gif") no-repeat 0 0; text-indent: -5000px; overflow: hidden}
#header #logo a:hover {color: #666}
#cymru{ text-align:right;  float:right}
#cymru a{ padding-right:25px; padding:10px 25px 10px 10px; margin:0px 10px 0 0; background:url('/images/cymru_icon.gif') center right no-repeat; display:block; color:#666}
#my_profile{ text-align:right; float:right; display:block}
#my_profile a{ padding-right:25px; padding:10px 25px 10px 10px; margin:0px 10px 0 0;  display:block; font-weight:bold; color:#666}
div#logos{ margin-top:10px}
#search_box ul{ width:215px; margin:0 0 0 10px; position:relative; list-style:none}
#search_box ul li form{ display:none}
#search_box ul li.active form{ display:block}
#search_box ul li{ float:left}
#search_box ul li form{ position:absolute; top:30px; left:0}
#search_box form#site_search{ top:40px}
#site_search_field{ border:0; background:none; padding:0;margin:0; width:170px}
#member_login input[type=text], #member_login input[type=password]{ width:80px; padding:0;margin:0; margin-bottom:5px}
#member_login label{ margin-top:0}
#search_box ul li a{ text-transform:uppercase; font-weight:bold; color:#666; display:block; margin-right:7px; padding:8px 9px 5px 0; background:url('/images/arrow_up_off.png') center right no-repeat}
#search_box ul li.active a{ color:#008FCE; background:url('/images/arrow_dn.png') center right no-repeat}
#benefits li a{ font-weight:normal; padding: 2px 6px 2px 20px; background:url('/images/blue_arrow.png') 3px 6px no-repeat}
 #banner {background-color: #EEEEEE; margin-bottom: 12px; height: 150px}
#banner .inner {background-position: top left; background-repeat: no-repeat; background-color: transparent}
 div.alt {display: none}
 #body {min-height: 400px; position:relative}
div.content {background:#fff; padding:10px; margin-bottom:20px}
.section_image{ float:right; margin:0px 0px 10px 10px}
.section_image img{ display:block}
 span.buttons{ background:#fff; padding:0 8px 8px; clear:both}
span.button1 {float:left; background:url('/images/button_1_main.gif') top left no-repeat; padding-left:3px}
span.button1 a{ background:url('/images/button_1_arrow.gif') top right no-repeat; float:left; font-weight:bold; padding-right:25px; padding-left:5px; padding-top:4px; padding-bottom:3px; color:#fff; line-height:1}
a.read_more{ text-transform:uppercase !important; font-weight:normal !important; color:#008FCE !important; padding-right:15px !important; background:url('/images/blue_arrow.png') center right no-repeat}
.rss_btn{ width:16px; height:16px; cursor:pointer; text-indent:-5000px; display:block; float:right; position:absolute; top:5px; right:10px; border:0; background:url('/images/rss_logo.png') 0 0 no-repeat; z-index:500}
 li.last{ border-bottom:0 !important}
ul.items {list-style: none; margin: 0 0 20px 0; padding: 0; float: left; width:100%}
ul.items li {clear: both; padding: 10px 0 10px 0; float: left; border-bottom:1px solid #f4f4f4; display:block; width:100%}
ul.items li.last {background-image: none}
ul.items li img {float: left; margin-right: 10px; margin-bottom: 7px}
ul.items li a { }
ul.items li a.read_more{ font-size:100%}
.article_image{ width:215px; height:120px; overflow:auto; position:relative; float:left; margin-right:15px; display:block}
.article_image .listing_date{ position:absolute; left:0; bottom:0}
 .listing_body{ float:left; width:370px}
.listing_body_main{ float:left; width:200px}
.listing_title a{ font-size:1.2em; font-weight:bold; color:#666}
.listing_title a:hover{ color:#008FCE}
.listing_date{ width:51px; float:left; background:url('/images/event_date.png') top left repeat-x; margin-right:15px}
.listing_day{ width:51px; color:#fff; float:left; text-align:center; font-size:23px; line-height:1; font-weight:bold; padding:10px 0 0}
.listing_month{ width:51px; float:left; background:#003C74; color:#008FCE; text-align:center; text-transform:uppercase; font-weight:bold; font-size:1.2em}
 .column {float: left; margin-right: 10px}
 .last {margin-right: 0}
 #footer_wrapper{ width:100%; background:url('/images/footer_bg.png') 0 0 repeat-y}
#footer {clear: both; padding: 10px 0 10px 0; margin-top: 5px; position: relative; color: #555; margin-bottom: 0}
#footer .vcard {font-style: normal; display: inline; float: left}
div.footer_section{ width:154px; margin-right:15px; float:left; padding:0 10px}
#footer .double{ width:323px}
div.footer_section ul{ float:left; width:144px;  }
div.footer_section ul.last{ margin-right:0}
div.footer_section h4{ color:#008FCE; font-size:1.2em}
div.footer_section a{ color:#666}
div.footer_section a:hover{ color:#008FCE}
#footer ul {margin: 0 10px 0 0; list-style:none}
#footer ul.last{ margin-right:0}
#footer li {padding-left:10px; background:url('/images/list_arrow.gif') center left no-repeat}
a#tictoc {position:absolute; right:10px; bottom:0}
#footer a#tictoc{  }
#footer a {text-decoration: none}
#footer a:hover {}
#footer p.info {text-align: center; color: #999; font-size: 93%; margin: 10px 0 0 0; padding-bottom: 10px; line-height: 1.2; clear: both}
#footer_dark{ background:url('/images/footer_dark.png') top center no-repeat; height:87px; width:100%; color:#ccc}
#footer_dark_inside{ position:relative; padding-top:15px; width:920px}
#footer_dark p{ margin-bottom:0}
#footer_dark a{ color:#fff}
span.footer_contact{ font-size:1.3em; font-weight:bold}
#siteurl {display: none}
#page_bottom{ border-top:1px solid #ccc; padding-top:10px}
#last_update{ width:40%; float:left}
#back_to_top{ width:40%; float:right; text-align:right}
#fav{ float:left; margin-right:10px; font-weight:bold}
#fav:visited{ color:#008FCE}
  #home_banner{ position:relative}
 #home #benefits{ background:#fff url('/images/related_top_long.gif') top left repeat-x; margin-bottom:15px; height:275px}
#home #benefits ul{ list-style:none; margin-left:15px}
#home #benefits h3{ color:#fff; text-transform:uppercase; padding:7px 7px 3px; font-size:110%; font-family:verdana, arial}
#home #benefits h4{ padding-left:15px; margin-top:60px; font-size:1.4em}
#home #benefits ul{ margin-bottom:10px}
#home #benefits ul li a{ font-size:1.1em; color:#666; background:url('/images/blue_arrow.png') center left no-repeat}
#home #benefit_details{ position:relative}
#home #benefit_details h4{ padding-left:0; margin-top:10px; margin-bottom:0}
#benefit_details .buttons{ padding-left:0}
#benefit_details div{ width:215px; display:none; position:absolute; top:0; left:0}
#benefit_details div.active{  display:block}
#home #benefit_details p{ margin:0 0 10px 0}
#home #benefit_details ul{ margin:0 0 10px 0}
#benefit_details ul li{ background:url('/images/blue_arrow.png') center left no-repeat; padding-left:15px}
#home ul#latest_content{ margin-bottom:15px}
#home #information_for li{ padding:4px 0px; margin:0px 10px; border-bottom:1px solid #d6d6d6; float:left; display:inline; width:205px}
div.scrollable { position:relative; overflow:hidden; width: 205px; height:412px; margin:0 10px; top:30px;  }
div.scrollable div.items { width:20000em; position:absolute;     }
div.scrollable div.items ul {float:left; width:205px}
.related .items li a{ padding:0; margin:0; background:transparent}
div.items div.active {border:1px inset #ccc; background-color:#fff}
a.browse{ width:15px; height:15px; display:block; cursor:pointer; text-indent:-5000px; z-index:300}
a.prevPage{ background:url('/images/scroll_btn_l.gif') 0 0 no-repeat; position:absolute; top:8px; left:8px}
a.prevPage.disabled{ background:url('/images/scroll_btn_l_off.gif') 0 0 no-repeat}
a.nextPage{ background:url('/images/scroll_btn_r.gif') 0 0 no-repeat; position:absolute; top:8px; right:8px}
a.nextPage.disabled{ background:url('/images/scroll_btn_r_off.gif') 0 0 no-repeat}
ul.projects span.project_title{ font-weight:bold; font-size:1.1em;  }
ul.projects li{ border-bottom:1px solid #d6d6d6; padding-bottom:8px; margin-bottom:8px}
 h3.region_latest{ margin-top:15px; padding:4px 4px 3px; color:#fff}
h3.north_east_england{ background:#f033a3}
h3.scotland{ background:#00bce4}
h3.northern_ireland{ background:#006d90}
h3.north_west_england{ background:#f6ef3e; color:#666}
h3.wales{ background:#ef4036}
h3.west_midlands{ background:#97b372}
h3.east_midlands{ background:#388b8b}
h3.east_of_england{ background:#f79a2b}
h3.south_west_england{ background:#52487a}
h3.south_east_england{ background:#1277bd}
h3.yorkshire_and_the_humber{ background-color:#95cb4f}
h3.london{ background-color:#004569}
div.latest{ position:relative}
ul#latest_content{ width:100%; margin:15px 0 0 0; padding:0; list-style:none; background:#fff url('/images/related_top_long.gif') top left repeat-x; position:relative; height:275px; margin-bottom:30px}
#home ul#latest_content{ margin-top:0}
ul#latest_content li{ float:left;  }
ul#latest_content li a{ border-top:1px solid #99b1c7; border-left:1px solid #99b1c7; border-right:1px solid #99b1c7; color:#99b1c7; margin:5px 0px 0 5px; padding:2px 5px; font-weight:bold; text-transform:uppercase; float:left}
ul#latest_content li a.latest_tab:hover{ color:#fff; text-decoration:none}
ul#latest_content li a.active{ border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; color:#008FCE !important; background:#fff; margin:5px 0px 0 5px; padding:2px 5px; font-weight:bold; text-transform:uppercase; float:left}
ul#latest_content li ul{ position:absolute; background:#fff; list-style:none; margin:0; display:none; width:100%; top:25px; left:0}
ul#latest_content li ul.active{ display:block}
ul#latest_content li ul li{ padding:10px 10px 0}
ul#latest_content li ul li.more{ padding:10px 10px}
ul#latest_content li ul li span.date{ color:#008FCE}
ul#latest_content li ul li a{ border:0; color:#666; margin:0; padding:0; text-transform:none; float:none}
ul#latest_content li ul li a:hover{ color:#008FCE !important}
ul#latest_content li ul.latest_full li{ padding:10px; width:445px}
ul#latest_content li ul.latest_left{ top:25px; left:0; width:240px}
ul#latest_content li ul.latest_right{ top:25px; left:240px; width:225px}
ul#latest_content li ul.latest_right li{ width:195px;  }
ul#latest_content li .tweet a{ font-weight:normal}
span.latest_image{ float:left; margin-bottom:10px}
span.latest_image img{ display:block; float:left}
a.latest_title{ font-size:1.2em}
div.sector_section{ width:215px; float:left; margin-right:15px}
div.sector_section.last{ margin-right:0}
div.sector_section h3{ background:url('/images/gray_head.gif') 0 0 repeat-x; padding-top:4px}
div.sector_section h3 span{ background:url('/images/grey_head_bottom.gif') bottom left repeat-x; padding:0 4px 4px; display:block}
div.sector_section h3 a{ color:#003C74}
 ul#news_menu{ background:#fff url('/images/related_top_long.gif') top left repeat-x; margin:0; padding:0; list-style:none}
ul#news_menu li{ float:left}
ul#news_menu li a{ border-top:1px solid #99b1c7; border-left:1px solid #99b1c7; border-right:1px solid #99b1c7; color:#99b1c7; margin:5px 0px 0 5px; padding:2px 5px; font-weight:bold; text-transform:uppercase; float:left}
ul#news_menu li a:hover{ color:#fff; text-decoration:none}
ul#news_menu li a.active{ border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; color:#008FCE; background:#fff; margin:5px 0px 0 5px; padding:2px 5px; font-weight:bold; text-transform:uppercase; float:left}
#news_search{ width:100%; background:url('/images/gray_head.gif') top left repeat-x; height:25px; margin-bottom:10px}
#news_search label{  margin:5px 10px 0 5px; padding:0; color:#003C74; float:left}
#news_search_field{ float:left; background-color:transparent; border:0; line-height:1; padding:0 20px 0 0; margin:0; width:200px}
#news_search .content_search_box{ margin-top:3px}
 div.filters{ margin-bottom:15px}
 #content_map{ background:#fff; padding-bottom:10px}
#content_map p{ padding:10px 10px 0 10px; margin-bottom:5px}
#content_map img{ display:block}
 div.profile h3{ background:url('/images/gray_head.gif') 0 0 repeat-x; padding:4px; color:#003C74}
ul#favourites_list li{ margin-bottom:10px}
ul#favourites_list li a{ background:transparent url(/images/blue_arrow.png) no-repeat scroll 3px 3px; font-weight:bold; padding:2px 0px 2px 20px}
 div.event_header_content {background:#fff; padding:10px; margin-bottom:8px}
.calendar_view_switch {position: absolute; top: 5px; right: 5px; width: 48px}
.calendar_view_switch a {display: block; float: left; width: 16px; height: 16px; margin-right: 8px; text-indent: -9999px; overflow: hidden}
.calendar_view_switch a#list_view {background: url("/images/icon_list.gif") no-repeat 0 0}
.calendar_view_switch a#calendar_view {background: url("/images/icon_calendar.gif") no-repeat 0 0}
.calendar_month_switch {float: right; padding-top: 2px; color: #008FCE; font-size: 1.1em}
.calendar_month_switch a {display: block; float: left; width: 13px; height: 16px; margin: 0 3px; overflow: hidden; text-indent: -9999px; background: url("/images/icon_prev.gif") no-repeat 0 1px}
.calendar_month_switch a.next {float: right; background-image: url("/images/icon_next.gif")}
ul#events{ margin:0; list-style:none}
ul#events li{ margin:15px 0; padding-bottom:15px; border-bottom:1px solid #d1d1d1}
div#event{ border-top:1px solid #d1d1d1; padding-top:15px}
.event_details{ float:left; width:225px}
.event_title{ font-size:1.2em}
.event_info{ width:375px; float:left}
ul#events .buttons, div#event .buttons{ padding-left:0}
.calendar_add{ display:none}
#events_search{ width:100%; background:url('/images/gray_head.gif') top left repeat-x; height:25px}
#events_search label{  margin:5px 10px 0 5px; padding:0; color:#003C74; float:left}
#events_search_field{ float:left; background-color:transparent; border:0; line-height:1; padding:0 20px 0 0; margin:0; width:200px}
#events_search .content_search_box{ margin-top:3px}
 .blog_image{ width:445px; height:300px; overflow:hidden; position:relative; float:left; margin-right:15px; margin:5px 0}
.blog_image .listing_date{ position:absolute; left:0; bottom:0}
.blog_title a{ font-size:1.3em; font-weight:bold; color:#666}
ul.blogs .listing_body_main{ width:100%}
ul#most_commented li a .comments{ color:#008FCE}
div.topic {}
div.topic h2 {margin-bottom: 0}
h1.title {margin-bottom: 0}
h2.title {margin-top: 1em; margin-bottom: 0}
p.topic_by {margin-bottom: 0.5em; color: #999; font-size: 92%; font-weight: bold}
div.preview {padding-bottom: 10px; border-bottom: 2px solid #AAA; margin-bottom: 10px}
#comments h3{ background:transparent url(/images/gray_head.gif) repeat-x scroll 0 0; padding:4px; color:#003C74}
#replies {margin: 0; padding-top: 5px;  list-style: none; clear: both; width: 100%}
#replies li div.by {color: #999; font-size: 92%; font-weight: normal}
#replies li {margin: 0 0 10px 0; padding-top: 0; border-bottom: 1px solid #f4f4f4; clear: both; float: left; width: 100%}
#replies li p {margin-bottom: 0.7em}
#replies li.preview div.by {color: #DB7B2C}
#replies li.preview {background-color: #FCFCFC; padding: 5px 5px 0 5px; width: 408px}
#replies img.avatar {float: left; margin: 0 5px 5px 0}
#replies dt.avatar {width: auto; clear: left}
#replies dd.avatar {min-height: 70px}
 #content {padding: 0 12px; position: relative}
 ol#search_results {margin: 0 0 1em 0; padding-bottom: 1em; list-style: none}
ol#search_results li {padding: 0 0 0.5em 0; margin-bottom: 0.5em; line-height: 1.3}
ol#search_results .highlight {color: #0b4755; font-weight: bold}
ol#search_results em {color: #AAA; font-style: normal; font-size: 95%}
 ul.documents{ list-style:none; margin-left:0;  }
ul.documents li{ margin-bottom:1em}
ul.documents a{ font-weight:bold; font-size:1.2em}
ul.documents a.read_more{ font-weight:bold; font-size: 100%}
 #sitemap {line-height: 1.6}
#sitemap ul {list-style: none; margin-left: 0}
#sitemap ul ul {margin-left: 20px; list-style: none}
#sitemap li {}
#sitemap li li {font-size: 100%}
#sitemap li.main {font-weight: bold}
#sitemap li.main li {font-weight: normal}
 ul.signposts {list-style: none; margin: 0px 0 0 0; padding:0}
ul.signposts li {margin: 0 ; padding:0; line-height: 1.3}
ul.signposts li strong {color: #666}
ul.signposts li p {margin: 0}
ul.signposts li a {text-decoration: none; font-size: 115%}
ul.signposts li.banner {border-bottom: none !important}
ul#main_signposts{ margin:0; padding:0; background:transparent}
ul#main_signposts li{ margin:0 0 10px 0; padding:0; background:#fff}
ul#main_signposts li a{ margin:0; padding:0; background:transparent; color:#008FCE}
ul#main_signposts li a img{ display:block; margin-bottom:5px}
ul#main_signposts li .sp_inner{ padding:10px 10px 10px 10px; width:205px; display:block}
 div#facts li{ padding:8px 10px 8px 25px; background:url('/images/blue_arrow.png') 10px 8px no-repeat}
div#facts span.fact_title{ color:#008FCE; font-weight:bold; font-size:1.5em; line-height:1}
div#logos div.logo_sp{ width:205px; height:70px; padding:10px; float:left; display:inline}
div#logos div.logo_sp a{ width:205px; height:70px; display:block; text-indent:-5000px}
div#logos div.bg_1{ background:url('/images/logo_bg_1.png') 0 0 no-repeat}
div#logos div.bg_2{ background:url('/images/logo_bg_1.png') 0 0 no-repeat}
div#logos div.bg_3{ background:url('/images/logo_bg_1.png') 0 0 no-repeat}
 fieldset {border: none; padding: 0}
fieldset ul {list-style: none; padding: 0 0 10px 0; margin: 0 !important}
fieldset ul li {padding-bottom: 0}
fieldset input[type=text], fieldset input[type=password], fieldset select, fieldset textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; border: 2px solid #EEE; padding: 2px; margin: 2px 0 0 0; color: #333333;  font-size: 100%}
fieldset textarea {overflow: auto}
fieldset input[type=text]:focus, fieldset input[type=password]:focus, fieldset select:focus, fieldset textarea:focus {border-color: #AAA}
fieldset select {padding: 1px; padding: 2px 1px 2px 0}
fieldset select option {padding: 0 1em 0 2px}
fieldset label {margin-right: 5px; font-weight: bold; display: block; margin-top: 10px; line-height: 1.3}
fieldset span.note {font-weight: normal; color: #AAA; margin: 0 1em 0 0; font-size: 92%}
.required {color: #000 !important}
fieldset label.checkbox_note {font-weight: normal; display: inline; float: none}
.tiny {width: 10% }
input.small, label.small {width: 20%}
.third {width: 31%}
.half {width: 48%}
.two_thirds {width: 67%}
.full {width: 98%}
li.full {width: 100%; clear: both;}
label.tiny, label.small, label.third, label.half, label.two_thirds, label.full {float: left}
fieldset p {margin-bottom: 0.5em !important}
#ensure_ham_field {display: none}
 #post_comment input.post_reply {font-weight: bold; float: right; margin-right: 0}
 input[type=submit]{ background:url('/images/button_1_arrow.gif') top right no-repeat; float:left; font-weight:bold; padding-right:25px; padding-left:0px; padding-top:1px; padding-bottom:3px; color:#fff; line-height:1; border:0; margin:0; text-transform:uppercase}
fieldset.buttons { }
fieldset.buttons input { }
fieldset.buttons input:hover { }
 #fstabs {height: 25px; clear: right; border-bottom: 2px solid #DEDEDE; margin-top: 5px}
#fstabs a {background-color: #F0F0F0; background-repeat: no-repeat; padding: 4px 10px 0 10px; margin-right: 1px; height: 21px; font-weight: bold; float: left; width: auto; font-size: 11px}
#fstabs a:hover {text-decoration: none; background-color: #DEDEDE}
#fstabs a.active {background-color: #DEDEDE; color: #484848}
 #search_form {   }
#search_form label {display: inline; font-weight: normal; margin: 0; cursor: pointer}
#search_field { }
#search_field:focus { }
#search_button {cursor: pointer; margin: 0}
.content_search_box{ background:#f4f4f4; float:left; border:1px solid #666; position:relative; font-size:95%; padding:1px}
#search_button_small{ position:absolute; top:2px; right:3px; width:11px;height:11px; background:url('/images/search_button_small.gif') top right no-repeat; border:0; line-height:0; cursor:pointer; font-size:0; color:#f4f4f4}
#search_results{ margin-top:10px; font-size:1.3em; color:#003C74}
 .content form div.left{ width:49%; float:left}
.content form div.right{ width:49%; float:left}
.content form fieldset{  margin-bottom:15px}
.form_box{ margin-bottom:15px}
.content form fieldset.buttons{ width:100%; border-top:1px solid #f4f4f4; clear:both; padding-top:15px}
 #news_filter{  }
#news_filter label{ font-weight:normal}
#news_filter select{ width:120px}
 #profile_form_left{ width:455px; float:left; margin-right:15px}
#profile_form_right{ width:215px; float:left}
#profile_form_right p{ border-bottom:1px solid #f4f4f4; padding-bottom:10px}
 form span.label_wrap label{ display:inline}
.no_bold label{ font-weight:normal}
 #notice {background-color: #bae68f; padding: 7px 14px; margin: 10px 0}
#notice p {font-weight: bold; margin: 5px 0; font-size: 100%}
.error {font-weight: bold; color: #DF226A}
em.field_error input, em.field_error textarea, em.field_error select {background-color: #F3E9E9; border-color: #B72222; font-style: normal}
 .fieldWithErrors {display: inline}
.fieldWithErrors input, .fieldWithErrors textarea {border: 1px solid #DF226A; background-image: url("/images/alert.gif"); background-repeat: no-repeat; background-position: 100% 3px}
#errorExplanation, #error {padding: 9px; margin: 9px 0; background-color: #B72222; color: #FFFFFF}
#errorExplanation h2 {color: #FFF; font-size: 13px; font-weight: bold; display: none}
#errorExplanation p , #error p {font-size: 100%; margin-bottom: 0; font-weight: bold; color: #FFCD38}
#errorExplanation ul {margin: 0}
#errorExplanation ul li {font-size: 100%; list-style: square; margin-left: 1em}
#gallery {min-height: 400px;  float: left; margin-right: 0}
 #albums {list-style: none; list-style: none; margin: 0 0 30px 0; padding: 0; float: left}
#albums li {float: left; display: block; width: 303px; margin-right: 13px; line-height: 1.2}
#albums li.acol3 {margin-right: 0; clear: right}
#albums li a {font-size: 117%; background-color: #FFF}
#albums li a img {float: left; margin-right: 10px; border: 2px solid #ccc; padding: 1px}
#albums li.active a {color: #9D060B}
#albums li.active a img {border-color: #000}
#photos {list-style: none; margin: 0}
#photos li {width: 145px; float: left; margin-right: 13px; margin-bottom: 13px}
#photos li a {background-color: #FFF; display: block; width: 145px; float: left}
#photos li a img {border: 1px solid #CCC; padding: 2px; float: left}
#photos li.pcol6 {margin-right: 0}
   #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#jquery-lightbox a img {border: none}
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#lightbox-container-image {padding: 10px}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#lightbox-container-image-box > #lightbox-nav {left: 0}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; display: block}
#lightbox-nav-btnPrev {left: 0; float: left}
#lightbox-nav-btnNext {right: 0; float: right}
#lightbox-container-image-data-box {font: 11px Helvetica, Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0}
#lightbox-container-image-data {padding: 0 10px; color: #666}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left}
#lightbox-image-details-caption {font-weight: bold}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em}
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em}
#google_map {height: 216px; clear: both}
 table.calendar {width: 100%; border-spacing: 2px}
table.calendar .monthName th {font-weight: normal; text-align: right; padding-top: 1em; padding-bottom: 0.7em}
table.calendar .dayName th {padding-top: 0.6em; padding-bottom: 0.3em; background: #003c74; color: white; font-size: 92%; text-align: center; border: 0}
table.calendar .otherMonth, table.calendar .day, table.calendar .specialDay {padding: 3px; border: 0; width: 14%; font-size: 93%; text-align: left; height: 7em}
table.calendar .otherMonth span, table.calendar .day span, table.calendar .specialDay span {display: block; font-weight: bold; text-align: right}
table.calendar .otherMonth span {font-weight: normal}
table.calendar .otherMonth a, table.calendar .day a, table.calendar .specialDay a {display: block; line-height: 1.1; margin-bottom: 2px; padding: 2px; color: #4f4e50}
table.calendar .otherMonth a:hover, table.calendar .day a:hover, table.calendar .specialDay a:hover { text-decoration: none}
table.calendar .otherMonth {color: #d5d5d6; background-color: #F4F4F4}
table.calendar .day, table.calendar .specialDay {text-align: left; background-color: #f4f4f4}
table.calendar .specialDay {background-color: #003355; color: white}
table.calendar .specialDay a, table.calendar .specialDay a:visited, table.calendar .specialDay a:hover {color: white; text-decoration: none; padding: 1em}
table.calendar .specialDay a:hover {color: white; background-color: black}
table.calendar .events {background-color: #eaeaea}
table.calendar .weekendDay {background-color: #b2ddf0; color: #74c2e5; width: 14%}
table.calendar .weekendDay span.num {color: #008fce}
table.calendar .today {background-color: #B6C7D7; color: #FFF; font-weight: bold}
table.calendar .today a {color: #000}
table.calendar abbr {border-bottom: none}
table.calendar th.monthName {text-align: center; padding-right: 80px}
table.calendar th.prevMonthText {text-align: left}
table.calendar th.nextMonthText {text-align: right}
table.calendar th.prevMonthText a, table.calendar th.nextMonthText a {text-decoration: none}