html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
 :focus {outline: 0}
 ins {text-decoration: none}
del {text-decoration: line-through}
 table {border-collapse: collapse; border-spacing: 0}
 button {position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible;  }
button::-moz-focus-inner {border: none;  }
button span {position: relative; display: block; white-space: nowrap}
@media screen and (-webkit-min-device-pixel-ratio:0) { button span {margin-top: -1px}
}
 body {min-width: 964px}
#page {width: 964px; margin: 0 auto; position: relative; padding: 0 12px;  overflow: visible;  }
#page-wrapper {overflow-x: hidden;  width: 100%}
#header {height: 160px; position: absolute; left: 0; top: 0; width: 960px}
#content {padding: 160px 0 0 0; min-height: 400px}
#footer {clear: both; margin-left: -12px;  }
 #left-page-pattern, #right-page-pattern {background: transparent url(/images/StripeTile_400x230.png) repeat-x 0 0; position: absolute; top: 225px; height: 230px; width: 800px;  }
#left-page-pattern {left: -800px;  background-position:-119px 0}
#right-page-pattern {left: 964px;  background-position: 129px 0}
 #primary {width: 450px; float: left; margin-left: 220px;  margin-bottom: 80px; padding: 0 20px 0 0}
#secondary {width: 200px; float: left; margin-left: -690px;  margin-right: 20px; margin-bottom: 80px}
#tertiary {float: left; width: 250px; margin-bottom: 80px}
#tertiary #tertiary-inner {background: transparent url(/images/backgrounds/WIDGET_White_250x100.png) repeat-y 0 0; padding: 0 10px 10px 10px}
 .layout-3-col-mini-tert #primary {width: 540px}
.layout-3-col-mini-tert #secondary {margin-left: -780px;  }
.layout-3-col-mini-tert #tertiary {float: left; width: 110px; margin-bottom: 80px; margin-left: 30px}
.layout-3-col-mini-tert form.primary .text.long, .layout-3-col-mini-tert #primary form .text.long {width: 570px}
 .layout-2-col #primary {width: 640px;  margin-right: 0}
.layout-2-col #secondary {margin-left: -880px;  }
 .wide-form-layout #primary {width: 670px; margin-left: 0}
.wide-form-layout.pages form li {width: 610px}
.wide-form-layout form.primary .text.long, .wide-form-layout #primary form .text.long {width: 570px}
.wide-form-layout.pages h2.page_title {background: transparent url(/images/wide-horizontal-bar.png) no-repeat 0 100%}
 .content-layout #primary {width: 640px;  margin-right: 0; margin-left: 0}
.content-layout #secondary {width: 250px; float: left; margin-left: 0; margin-top: 50px}
 .carousel-layout #primary {margin: 0 0 0 -12px;  float: none; width: 964px; height: 315px}
.no-breadcrumbs.carousel-layout #primary {}
.carousel-layout #primary {background: transparent url(/images/backgrounds/homepage-bg.png) no-repeat 0 -20px}
.carousel-layout #primary h2 {text-indent: -9999px; background: transparent url(/images/headings/stories.png) no-repeat 0 0; height: 32px; width: 134px}
.carousel-layout #secondary {width: 690px; margin-left: -12px;  margin-right: 0; padding-left: 10px}
.carousel-layout #tertiary {width: 250px; float: left; margin-left: 0}
 .no-breadcrumbs #primary {margin-top: 20px}
 .show-12-col-grid #page { background: #FFFFFF url(/images/test/12_col.gif) repeat-y scroll 2px 0}
.show-3-col-grid #page {background: #FFFFFF url(/images/test/NowWhat_3ColumnGrid_964px.png) repeat-y scroll 0 0}
.show-2-col-grid #page {background: #FFFFFF url(/images/test/NowWhat_2ColumnGrid_964px.png) repeat-y scroll 0 0}
  html {font-size:100.01%}
body {font-size: 75%; color: #444444; background: #fff; font-family: Verdana, Geneva, sans-serif}
 h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #666666}
h1 {font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; font-weight: bold}
 h2 {font-size: 2em; margin-bottom: 5px}
 h3 {font-size: 1.5em; line-height: 1; margin-bottom: 5px}
 h4 {font-size: 1.33333em; line-height: 1.25; margin-bottom: 5px}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em}
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 10px; line-height: 1.5em}
p img.left {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em}
a:focus, a:hover {color: #4DC5E2}
a {color: #3c99b0; text-decoration: none}
a:active {color: #9c9c9c}
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}
address {margin: 0 0 1.5em; font-style: italic}
del {color:#666}
pre {margin: 1.5em 0; white-space: pre}
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; width:100%}
th {font-weight: bold}
thead th {background: #c3d9ff}
th,td,caption {padding: 4px 10px 4px 5px}
tr.even td {background: #e5ecf9}
tfoot {font-style: italic}
caption {background: #eee}
 .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}
.first {margin-left:0; padding-left:0}
.last {margin-right:0; padding-right:0}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
 #primary .action-form, .action-form {background-color: #DBF4F9; padding: 20px 20px 5px}
form.primary li, #primary form li {list-style: none outside; padding-left: 0; background-color: #F2F1EB}
#primary .action-form form li, .action-form form li {background-color: transparent}
form.primary > fieldset > ol, #primary form > fieldset > ol {margin: 0}
#primary form > fieldset > ol > li { margin-bottom: 10px; padding: 20px 20px}
#primary .action-form form > fieldset > ol > li, .action-form form > fieldset > ol > li {padding: 0; margin-bottom: 5px}
form.primary input, #primary form input {color: #333}
form.primary fieldset legend, #primary form fieldset legend { line-height: 2em; font-weight: bold}
form.primary label, #primary form label { line-height: 2em; font-weight: bold; display: block}
form.primary .radios label, form.primary .check label, #primary form .radios label, #primary form .check label {display: inline; line-height: 1.5em;  }
form.primary .radios, form.primary .checkboxes, #primary form .radios, #primary form .checkboxes {margin: 0 0 0 1.5em}
form.primary .radios label, form.primary .check label, #primary form .radios label, #primary form .check label {font-weight: normal; padding-left: 3px}
form.primary .multiselect, #primary form .multiselect {height: 120px;  }
form.primary .multiselect select, #primary form .multiselect select {width: 340px; height: 95px}
form.primary .multiselect label, form.primary .textarea label, #primary form .multiselect label, #primary form .textarea label {display: block}
form.primary ol.clarify, #primary form ol.clarify {margin-left: 20px; margin-bottom: 0; width: 100%}
form.primary .clarify label, #primary form .clarify label {color: #666; padding-left: 5px; font-size: 0.9em; line-height: 1.5em; font-weight: normal}
form.primary .field-error.check .clarify label, #primary form .field-error.check .clarify label {clear: left; color: #666666;  }
form.primary .clarify input, #primary form .clarify input {margin-left: 5px; display: block; margin-top: 3px}
form.primary .field-tip, #primary form .field-tip {color: #666; margin-bottom: 5px}
form.primary .required, #primary form .required {color: #c70c2b; font-weight: bold}
 form.primary span.field-question, #primary form span.field-question {background: transparent url('/images/icons/Icon_Info_12x12.gif') no-repeat 0 3px; padding-left: 16px; cursor: pointer; font-weight: normal; height: 21px}
form.primary .more-info, #primary form .more-info {color: #ffffff; background-color: #3C99B0; padding: 10px; width: 350px; z-index: 2000; font-size: 0.9em; line-height: 1.4em; margin-bottom: 5px; position: relative}
form.primary .more-info h3, #primary form .more-info h3 {margin: 0; font-size: 1.1em; line-height: 1.5em; color: #fff; font-weight: bold}
.js form.primary form .more-info h3, .js #primary form .more-info h3 {margin-top: 5px}
form.primary .more-info p, #primary form .more-info p {margin-bottom: 0}
form.primary .more-info a.close-this, form.primary .more-info a.cancel-link, #primary form .more-info a.close-this, #primary form .more-info a.cancel-link {color: #ffffff; padding-right: 12px; background: #3C99B0 url('/images/icons/Icon_Close.gif') no-repeat 100% 5px; position: absolute; top: 2px; right: 5px}
 form.primary .text.short, #primary form .text.short {width: 50px}
form.primary .text.medium, #primary form .text.medium {width: 150px}
form.primary .text.long, #primary form .text.long {width: 290px}
form.primary .textarea textarea, #primary form .textarea textarea {width: 340px; color: #444444; font-family: Georgia, serif; font-size: 1.16667em}
form.primary .textarea textarea.short, #primary form .textarea textarea.short {height: 90px}
form.primary .textarea textarea.long, #primary form .textarea textarea.long {height: 350px}
 form.primary .field-error.textarea .error-msg, form.primary .field-error.wysiwyg-field .error-msg, #primary form .field-error.textarea .error-msg, #primary form .field-error.wysiwyg-field .error-msg {color: #c70c2b; background: none; border-bottom: 10px solid #c70c2b; margin: 0 0 0 0; padding: 10px; display: block; width: 322px}
form.primary .field-error.wysiwyg-field .error-msg, #primary form .field-error.wysiwyg-field .error-msg {width: 391px}
 form.primary .button-holder, #primary form .button-holder {padding: 10px 0}
form.primary .button-holder button, #primary form .button-holder button, a.button {border: none; color: #ffffff; font-weight: bold; font-size: 1.2em; line-height: 1em; cursor: pointer; height: 27px;  background: transparent url(/images/buttons-flexible.png) no-repeat 100% 0;  }
a.button {display: inline-block}
form.primary .button-holder button span, #primary form .button-holder button span, a.button span {background: transparent url(/images/buttons-flexible.png) no-repeat scroll 0 -50px;  padding: 2px 8px 0 14px; margin: 0 4px 0 0; height: 27px; line-height: 1.5em}
a.button span {display: block; padding: 2px 9px 0 13px}
form.primary .button-holder button:hover, #primary form .button-holder button:hover, a.button:hover {background-position: 100% -100px}
form.primary .button-holder button:hover span, #primary form .button-holder button:hover span, a.button:hover span {background-position: 0 -150px}
form.primary .button-holder button:active, #primary form .button-holder button:active, a.button:active, a.button.active {background-position: 100% -200px}
form.primary .button-holder button:active span, #primary form .button-holder button:active span, a.button:active span, a.button.active span {background-position: 0 -250px}
form.primary .button-holder a, #primary form .button-holder a {margin-left: 10px}
 form.primary .field-error.radio_set .error-msg, form.primary .field-error.check .error-msg, form.primary .field-error.checkbox_set .error-msg, form.primary .field-error.multiselect .error-msg, #primary form .field-error.radio_set .error-msg, #primary form .field-error.check .error-msg, #primary form .field-error.checkbox_set .error-msg, #primary form .field-error.multiselect .error-msg {color: #c70c2b; background: none; border-right: 10px solid #c70c2b; display: block; padding: 10px; text-align: right}
form.primary .field-error.radio_set .error-msg, #primary form .field-error.radio_set .error-msg {margin-left: 230px}
form.primary .field-error.check .error-msg, #primary form .field-error.check .error-msg {float:left; margin-bottom:0; margin-left:27px; width:150px}
form.primary .checkboxes .field-error.check .error-msg, #primary form .checkboxes .field-error.check .error-msg {margin-bottom: 10px; margin-left: 9px}
form.primary .checkboxes .field-error.check .clarify .error-msg, #primary form .checkboxes .field-error.check .clarify .error-msg {margin-left: 22px; margin-bottom: 0}
form.primary .field-error.checkbox_set .error-msg, #primary form .field-error.checkbox_set .error-msg {margin-left:230px}
form.primary .field-error.multiselect .error-msg, #primary form .field-error.multiselect .error-msg {margin:0 0 0 230px}
 form.primary .fieldWithErrors, #primary .fieldWithErrors {display:inline}
form.primary .validation-msg, form.primary .comment-form .validation-msg, #primary form .validation-msg, #primary form #errorExplanation, #primary .blog .comment-form .validation-msg {margin-bottom: 10px; padding: 5px 10px 5px 10px; color: #000000; border-top: 10px solid #c70c2b}
form.primary .validation-msg h3, form.primary .validation-msg h6, #primary form .validation-msg h3, #primary form #errorExplanation h2 {color: #c70c2b; font-size: 1.3em; line-height: 1.5em; font-weight: normal}
form.primary .validation-msg p, form.primary .comment-form .validation-msg p, #primary form .validation-msg p, #primary .blog .comment-form .validation-msg p { }
form.primary .error-msg, #primary form .error-msg {color: #c70c2b; display: inline; font-size: 0.9em; line-height: 1em; background: transparent url('/images/icons/error-arrow-small-left.png') no-repeat scroll 0 2px; padding-left: 10px; margin-left: 7px}
form.primary .field-error fieldset .error-msg, #primary form .field-error fieldset .error-msg {margin-left: 7px}
form.primary .field-error input, #primary form .field-error input {padding: 3px; border-left:3px solid #C70C2B}
form.primary .radios input, form.primary .check input, form.primary .checkboxes input #primary form .radios input, #primary form .check input, #primary form .checkboxes input {border: none}
form.primary .radios .fieldWithErrors input, form.primary .checkboxes .fieldWithErrors input, #primary form .radios .fieldWithErrors input, #primary form .checkboxes .fieldWithErrors input {border-left: none}
form.primary .field-error .checkboxes label, #primary form .field-error .checkboxes label {color: #c70c2b}
 form.primary .field-error .checkboxes, #primary form .field-error .checkboxes {width: 200px;  float: left}
form.primary .field-error .radios label, form.primary .field-error.check label, #primary form .field-error .radios label, #primary form .field-error.check label {color: #c70c2b}
 form.primary .field-error .radios, #primary form .field-error .radios {width: 200px;  float: left}
 form.primary .check, #primary form .check {clear: left}
form.primary .field-error.check label, #primary form .field-error.check label {width: 177px;  display: block; float: left}
form.primary .field-error.check input, #primary form .field-error.check input {float: left; margin-right: 0.5em; clear: left; border-left: none}
form.primary .field-error .clarify .error-msg, #primary form .field-error .clarify .error-msg {width: 150px}
form.primary .field-error.multiselect select, #primary form .field-error.multiselect select {width: 200px; float: left}
form.primary .clarify .field-error input, #primary form .clarify .field-error input {float: left; width: 150px}
form.primary .clarify .field-error .error-msg, #primary form .clarify .field-error .error-msg {display: block; margin-top: 8px; margin-left: 180px;  margin-bottom: 10px; background-position: 0 0}
 form.primary .field-error .radios .clarify label, #primary form .field-error .radios .clarify label {color: #666; background-color: transparent}
 form.primary .field-error .radios .clarify input, #primary form .field-error .radios .clarify input {color: #333; background-color: #fff}
 form.primary input:focus, #primary form input:focus {background-color: #e6e6e6}
 form .text.long {width:300px}
form .textarea.smaller {width:400px; height:100px; font-size:1em; font-family: Verdana, Geneva, sans-serif}
form .textarea.larger {width:400px; height:350px}
 #header {background: #fff url(/images/chrome-border.png) no-repeat 0 bottom}
#header h1 a { width: 195px; height: 110px; z-index: 200; margin-top: 10px; display: block; margin-bottom: 0}
 #header #main-navbar {position: absolute; top: 110px; left: 220px; height: 30px; width: 744px; overflow: hidden; z-index: 300; list-style: none; margin: 0}
#header #main-navbar li {float: left}
#header #main-navbar li a {background-image: url('/images/topnav.png'); text-indent: -9999px; display: block; height: 30px; color: #666666; font-weight: bold; text-transform: uppercase}
#header #main-navbar li.active {background-color: #fff}
#header #main-navbar li.active a {color: #fff}
 #header #main-navbar li .nav-home {margin: 0 0 0 0; width: 69px; background-position: 0px 0px}
#header #main-navbar li .nav-home:hover {background-position: 0px -40px}
#header #main-navbar li.active .nav-home {background-position: 0px -80px}
#header #main-navbar li .nav-stories {width: 90px; background-position: -69px 0}
#header #main-navbar li .nav-stories:hover {background-position: -69px -40px}
#header #main-navbar li.active .nav-stories {background-position: -69px -80px}
#header #main-navbar li .nav-info {width: 135px; background-position: -159px 0}
#header #main-navbar li .nav-info:hover {background-position: -159px -40px}
#header #main-navbar li.active .nav-info {background-position: -159px -80px}
#header #main-navbar li .nav-community {width: 121px; background-position: -294px 0}
#header #main-navbar li .nav-community:hover {background-position: -294px -40px}
#header #main-navbar li.active .nav-community {background-position: -294px -80px}
#header #main-navbar li .nav-about {width: 104px; background-position: -415px 0}
#header #main-navbar li .nav-about:hover {background-position: -415px -40px}
#header #main-navbar li.active .nav-about {background-position: -415px -80px}
 #header #main-navbar li .nav-my-account, #header #main-navbar li .nav-logout, #header #main-navbar li .nav-login, #header #main-navbar li .nav-join {color: #3c99b0}
#header #main-navbar li .nav-my-account {width: 117px; margin-left: 104px; background-position: -943px 0; display: block}
.js #header #main-navbar li .nav-my-account {display: none}
.js.logged-in #header #main-navbar li .nav-my-account {width: 118px; margin-left: 11px; display: block}
#header #main-navbar li .nav-my-account:hover {background-position: -943px -40px}
#header #main-navbar li.active .nav-my-account {background-position: -943px -80px}
#header #main-navbar li .nav-logout {width: 92px; background-position: -1061px 0; display: none}
.js #header #main-navbar li .nav-logout {display: none}
.js.logged-in #header #main-navbar li .nav-logout {display: block}
#header #main-navbar li .nav-logout:hover {background-position: -1061px -40px}
#header #main-navbar li.active .nav-logout {background-position: -1061px -80px}
#header #main-navbar li .nav-login {width: 75px; background-position: -838px 0; display: none}
.js #header #main-navbar li .nav-login {display: block}
.js.logged-in #header #main-navbar li .nav-login {display: none}
#header #main-navbar li .nav-login:hover {background-position: -838px -40px}
#header #main-navbar li.active .nav-login {  margin-left: -1px; width: 76px; background-position: -837px -80px}
#header #main-navbar li .nav-join {width: 61px; margin-left: 85px; background-position: -777px 0; display: none}
.js #header #main-navbar li .nav-join {display: block}
.js.logged-in #header #main-navbar li .nav-join {display: none}
#header #main-navbar li .nav-join:hover {background-position: -777px -40px}
#header #main-navbar li.active .nav-join {background-position: -777px -80px}
 #search {position: absolute; top: 0; left: 563px; padding-top: 20px}
#search label {font-size: 1em; padding: 8px 0 0 0; width: 130px; float: left; display: inline}
 .js #search label {text-indent: -9999px}
#search #search-box {height: 18px; width: 230px; padding: 6px 0 5px 6px; font-size: 1.1em; border: none; background-color: #f2f1eb; color: #666666; float: left; display: inline}
#search .button {background: transparent url('/images/icons/search-icon.png') no-repeat 0 0; width: 31px; height: 30px; display: block; text-indent: -9999px; margin-left: 0px; border: none; cursor: pointer; float: left; display: inline}
 #footer {padding-top: 27px; background: #fff url(/images/chrome-border.png) no-repeat -980px 0; position: relative}
#footer .footer-links {margin-left: 10px; font-size: 0.9em; line-height: 1.1em}
#footer .footer-links li {padding: 0 4px 0 0; list-style: none; float: left}
#footer .footer-links li .separator {color: #c9c6b5; font-weight: bold; margin-left: 4px}
#footer #copyright-footer-links {clear: left; padding-top: 15px}
#footer #copyright-footer-links li {margin-right: 7px}
#footer #site-cred {position: absolute; top: 40px; right: 0}
#footer #site-cred a {background: #fff url(/images/branding/canteen-credit.jpg) no-repeat 0 0; width: 173px; height: 29px; display: block; text-indent: -9999px; margin: -10px 20px 0 0}
   .cat-index #primary #personalise-form {margin-top: 515px}
.js.cat-index #primary #personalise-form {margin-top: 0}
  .sub-cat-page h2 { font-weight: bold; background: transparent url(/images/horizontal-bars.png) no-repeat scroll 0 120%; padding-bottom: 15px; margin-top: 20px}
.sub-cat-page h3 { font-size: 1.66667em;  line-height: 1.25em; font-weight: bold; margin-top: 30px}
.sub-cat-page .factsheets {background: transparent url(/images/horizontal-bars.png) no-repeat 0 0; padding: 15px 0 0 0; margin: 0}
.sub-cat-page .factsheets h4 {font-size: 1.35em; line-height: 1.5em; font-weight: bold}
.sub-cat-page #primary .factsheets li {padding: 10px 0 10px; background: transparent url(/images/horizontal-bars.png) no-repeat scroll -500px -14px; list-style: none outside}
.sub-cat-page #primary .factsheets li:first-child, .js.sub-cat-page #primary .factsheets .page-top {background: none; padding-top: 0}
.sub-cat-page .factsheets .body {margin:1em 0 1.5em 0}
.sub-cat-page .factsheets .continue {margin: 0.5em 0 0; font-weight: bold}
.sub-cat-page .factsheets .back-to-top {text-align: right; margin: -1.5em 0 0}
.sub-cat-page .pagination {background:transparent url(/images/horizontal-bars.png) no-repeat scroll -500px -14px; margin-top: 0}
.sub-cat-page .page-num {float:left}
.sub-cat-page .page-num.primary {margin-top: -57px}
.sub-cat-page .page-num.secondary {margin-top: -24px; position: absolute; right: 306px}
.sub-cat-page .secondary-toolbar {margin-top: 30px}
 .factsheet-page .article {margin-bottom: 20px}
.factsheet-page #primary h2 {background: transparent url(/images/horizontal-bars.png) no-repeat scroll 0 100%; padding-bottom: 19px; font-weight: bold; font-size: 1.66667em; line-height: 1.35em; font-weight: bold; margin: 22px 0 0}
.factsheet-page #primary h2.sub-cat {background:transparent url(/images/horizontal-bars.png) no-repeat scroll 0 120%; font-weight:bold; padding-bottom:15px}
.factsheet-page .description {color:#666666; font-weight: normal}
.factsheet-page .image {float: right; background: transparent url(/images/backgrounds/image-bg-232x177.png) no-repeat 0 0; padding: 5px; margin-left: 5px}
.factsheet-page .body {margin-top: 10px; clear: both; color: #444444}
.factsheet-page #primary .body h2 {background: transparent url(/images/horizontal-bars-light.png) no-repeat scroll 0 110%; padding-bottom: 15px; font-weight: bold; font-size: 1.5em; line-height: 1.35em; font-weight: bold; margin: 20px 0 0}
.factsheet-page .body h3 {font-size: 1.33333em; line-height: 1.35em; font-weight: bold; margin: 20px 0 5px}
.factsheet-page .body h4 {font-size: 1.16667em; line-height: 1.35em; font-weight: bold; margin: 20px 0 5px}
.factsheet-page .body h5 {font-size: 1.16667em; line-height: 1.35em; font-weight: normal; margin: 20px 0 5px}
.factsheet-page .body p {padding-right: 20px}
.factsheet-page .last-modified {color: #666666; margin-bottom:2em; margin-top: 65px; clear:both}
.factsheets #factsheet_categories {border:1px dashed #999999; padding:0.5em}
.factsheets #factsheet_categories h3 {padding-bottom:0.5em; border-bottom:1px solid #EEEEEE}
 #primary .categories {margin: 30px 0 0 0; padding-bottom: 20px}
#primary .categories > li {list-style: none outside; background: none; padding-left: 0; padding-bottom: 0}
.categories h2 {margin: 25px 0 5px;  background:transparent url(/images/horizontal-bars.png) no-repeat scroll 0 120%; font-size: 1.66667em; line-height: 1em; padding-bottom: 15px}
.categories h2 a {color:#3C99B0; text-decoration:none; font-weight:bold}
.categories h3 {font-size: 1em; margin:0.5em 0 0.5em 0}
.categories div.description {margin:0 0 1em 0}
.categories .continue {margin: 0.5em 0 0 0; font-weight: bold}
.categories .sub_categories ul {}
.categories .factsheets {padding-left: 0.5em; padding-bottom: 0.5em}
.categories .factsheets h3 {padding-bottom:0.5em; border-bottom:1px solid #EEEEEE}
 #content .categories-listing h2 {text-indent: -9999px; background: transparent url(/images/headings/information.png) no-repeat 0 0; height: 32px}
#content .categories-listing h3 {font-size: 1.66667em; line-height: 1em; font-weight: bold}
#content .categories-listing .continue {font-weight: bold; font-size: 0.91667em; line-height: 1.5em; margin-top: 5px}
#content .categories-listing ul {margin: 20px 0 0 0; width: 670px}
#content .categories-listing li {list-style: none; background: none; padding-left: 0; float: left; margin-right: 25px; margin-bottom: 10px; width: 305px; min-height: 110px; max-height: 300px}
#content .categories-listing li .description {line-height: 1.5em}
#content .categories-listing li.first_col {clear: left}
 #content .categories-listing li .cat-body {margin-left: 80px}
#content .categories-listing li .cat-image {float: left; height: 90px; width: 70px; display: block; background: transparent url(/images/category-images/category-images.png) no-repeat 0 0; text-indent: -9999px}
#content .categories-listing li.cat-name-cancer-types .cat-image {background-position: 11px 0}
#content .categories-listing li.cat-name-cancer-types .cat-image:hover {background-position: 11px -121px}
#content .categories-listing li.cat-name-hospitals .cat-image {background-position: -94px -18px}
#content .categories-listing li.cat-name-hospitals .cat-image:hover {background-position: -94px -139px}
#content .categories-listing li.cat-name-day-to-day-stuff .cat-image {background-position: -206px -14px}
#content .categories-listing li.cat-name-day-to-day-stuff .cat-image:hover {background-position: -206px -135px}
#content .categories-listing li.cat-name-grief-and-loss .cat-image {background-position: -307px -12px}
#content .categories-listing li.cat-name-grief-and-loss .cat-image:hover {background-position: -307px -133px}
#content .categories-listing li.cat-name-tests-treatments .cat-image {background-position: -403px -8px}
#content .categories-listing li.cat-name-tests-treatments .cat-image:hover {background-position: -403px -129px}
#content .categories-listing li.cat-name-dealing-with-stuff .cat-image {background-position: -505px -9px}
#content .categories-listing li.cat-name-dealing-with-stuff .cat-image:hover {background-position: -505px -130px}
#content .categories-listing li.cat-name-relationships .cat-image {background-position: -598px -9px}
#content .categories-listing li.cat-name-relationships .cat-image:hover {background-position: -598px -130px}
#content .categories-listing li.cat-name-beyond-cancer .cat-image {background-position: -694px -10px}
#content .categories-listing li.cat-name-beyond-cancer .cat-image:hover {background-position: -694px -131px}
 .cat-page #primary .category-title, .sub-cat-page #primary .category-title, .factsheet-page #primary .category-title {text-indent: -999px; height: 32px; margin-bottom: 0}
.cat-page #primary > .description, .sub-cat-page #primary > .description, .factsheet-page #primary .description {color: #666666; line-height: 1.375em; font-size: 1.16667em}
.cat-page #primary > .description { min-height: 110px; padding-right: 100px; margin-top: 20px}
.cat-page #primary > .description {background: transparent url(/images/category-images/category-large-images.png) no-repeat 0 0}
.cat-name-cancer-types #primary .category-title {background: transparent url(/images/category-images/H1_CancerTypes.png) no-repeat 0 0}
.cat-page.cat-name-cancer-types #primary > .description {background-position: 100% 0}
.cat-name-hospitals #primary .category-title {background: transparent url(/images/category-images/H1_Hospitals.png) no-repeat 0 0}
.cat-page.cat-name-hospitals #primary > .description {background-position: 100% -260px}
.cat-name-day-to-day-stuff #primary .category-title {background: transparent url(/images/category-images/H1_DayToDayStuff.png) no-repeat 0 0}
.cat-name-day-to-day-stuff #primary > .description {background-position: 100% -520px}
.cat-name-grief-and-loss #primary .category-title {background: transparent url(/images/category-images/H1_GriefAndLoss.png) no-repeat 0 0}
.cat-name-grief-and-loss #primary > .description {background-position: 100% -780px}
.cat-name-tests-treatments #primary .category-title {background: transparent url(/images/category-images/H1_TestsAndTreatments.png) no-repeat 0 0}
.cat-page.cat-name-tests-treatments #primary > .description {background-position: 100% -1040px}
.cat-name-dealing-with-stuff #primary .category-title {background: transparent url(/images/category-images/H1_DealingWithStuff.png) no-repeat 0 0}
.cat-name-dealing-with-stuff #primary > .description {background-position: 100% -1300px}
.cat-name-relationships #primary h1 {background: transparent url(/images/category-images/H1_Relationships.png) no-repeat 0 0}
.cat-name-relationships #primary > .description {background-position: 100% -1560px}
.cat-name-beyond-cancer #primary .category-title {background: transparent url(/images/category-images/H1_BeyondCancer.png) no-repeat 0 0}
.cat-name-beyond-cancer #primary > .description {background-position: 100% -1820px}
 .crumbs {font-size: 0.9em; margin: 10px 0 20px 0}
.crumbs li {display: inline; color: #999;  }
.crumbs li a {padding-right: 9px; background-position: right center}
.crumbs li .separator {margin-right: 9px; color: #999999}
.crumbs li:first-child a .separator {display: none}
.crumbs.secondary {clear: both; margin: 0 0 10px; padding-top: 10px; border-top: 1px solid #CDCDCD; width: 940px}
.tag-cloud .size1 {font-size: 0.9em}
.tag-cloud .size2 {font-size: 1.0em}
.tag-cloud .size3 {font-size: 1.1em}
.tag-cloud .size4 {font-size: 1.3em}
.tag-cloud .size5 {font-size: 1.5em}
 .blog{}
.blog h1.title {font-size:2em; margin: 0 0 0.5em 0; background:transparent url(/images/branding/blog-title.png) no-repeat 0 0; text-indent:-999px; height:32px; width: 86px}
.blog h1.title a {display:block}
.blog h2 {font-size: 1.66667em; font-weight: bold; line-height: 1.25em; margin:0.5em 0 0.5em 0}
 .blog .blog-list h2, .blog .blog-list h3 {font-size: 1.5em}
.blog h2.archive-title {font-size: 1.66667em; font-weight: bold; line-height: 1.25em; margin: 0.5em 0 0.75em 0; background:transparent url(/images/horizontal-bars.png) no-repeat scroll 0 120%; padding-bottom: 15px}
.blog .blog-post-body h2 {font-size: 1.5em; font-weight: bold; line-height: 1.35em}
.blog h3 {margin-top: 0.5em; font-size: 1.33333em; line-height: 1.35em}
.blog .blog-post-body h3 {margin: 20px 0 5px}
.blog h3 a {font-weight: bold}
.blog h4 {margin-top: 0.5em; font-size: 1em; line-height: 1.35em; font-weight: bold}
.blog .blog-post-body h4 {font-size: 1.16667em; margin: 20px 0 5px}
.blog .blog-post-body h5 {font-size: 1.16667em; line-height: 1.35em; font-weight: normal; margin: 20px 0 5px; color: #444444}
.blog .article img {margin-top:5px; border:1px solid #cccccc}
.blog .blog-list .image {float:left; background:transparent url(/images/backgrounds/image-bg-156x121.png) no-repeat scroll 0 0; margin-left:0; padding:5px 4px 4px}
.blog .blog-list .image-link {display:block; float:left; position:relative; text-align:center; width:148px}
.blog .blog-list .image-link > img {border:0 none; height:111px; margin:0; max-width:148px}
.blog .blog-list .author {background-color:#4AC6E3; color:#FFFFFF; display:block; float:right; font-size:0.8333em; font-weight:bold; height:11px; line-height:1em; margin-right:299px; margin-top:-23px; padding:4px 5px; position:relative}
.blog .blog-list div.blog-post.with-image .blog-post-body {margin-left: 163px; min-height: 125px}
.blog .blog-list div.blog-post {padding-bottom:10px; margin-bottom:5px; border-bottom:1px solid #EEEEEE}
.blog .blog-list .blog-post .blog-post-body {padding:0; line-height:1.5em}
.blog .article .meta {font-size:1em; line-height:1.6em; list-style: none; margin:0; margin-bottom:3em; clear:both}
.blog #primary .article .meta a {font-weight:bold}
.blog #primary .article .meta ul {}
.blog #primary .article .meta li {margin:0; padding:0; background: none; display:block; float:left}
.blog #primary .article .meta .date-author {width:70%; color: #666666}
.blog #primary .article .meta .num-comments {width:30%}
.blog #primary .article .meta .tags ul ul li {display:inline}
.blog #primary .article .meta .blog-views {display:none}
.blog #primary .article .meta .num-comments {text-align:right}
.blog #primary .article .meta .num-comments a {background:transparent url(/images/icons/icons.png) no-repeat 0 -137px; padding-left:22px}
.blog #primary .article .meta .num-comments :hover {background-position: 0 -161px}
.blog #primary .article .meta .num-comments :active {background-position: 0 -185px}
.blog .blog-post-body {padding-top: 10px; padding-bottom:10px}
 .blog #page .article div.show {border-bottom:none}
.blog .blog-post-body a.continue{ font-weight:bold; display: block; margin-top: 10px}
.blog #page .article .blog-post-body .continue span {left: -999em; position: absolute}
.blog .blog-post-footer {padding: 20px 0 10px 0; clear: left}
.blog .blog-post-footer p {margin: 0; padding: 0; line-height: 1.5em}
.blog #secondary h4 {font-size: 1.16667em; font-weight: bold}
.blog #secondary div {margin-top: 20px; padding-top: 23px; background: #ffffff url(/images/horizontal-bars.png) no-repeat -500px 0}
.blog #secondary ul {margin:0; padding:0; padding-left:5px}
.blog #secondary .section ul > li {background:transparent url(/images/icons/BulletBlue.gif) no-repeat scroll 0 6px; line-height: 1.4em; list-style: none outside; padding: 0 0 4px 14px}
.blog #secondary ol {list-style: none; margin:0; padding:0}
.blog #secondary .blog-archives ol > li {color: #666666; font-weight: normal; padding:0px}
.blog #secondary .blog-archives ol ol {margin: 0; padding: 3px 0 0 5px}
.blog #secondary .blog-archives ol ol li {background:transparent url(/images/icons/BulletBlue.gif) no-repeat scroll 0 6px; font-weight: normal; line-height: 1.4em; list-style: none outside; padding: 0 0 4px 13px}
.blog #secondary .rss {padding: 10px; background: #EEEEEE}
.blog #secondary .rss ul {padding: 0; margin: 0; line-height: 1.75em}
.blog #secondary .rss ul > li {list-style: none; background: none; padding-left: 0}
.blog #secondary .rss ul > li a {background:transparent url(/images/icons/icons.png) no-repeat scroll 0 0; padding-left: 20px; display: block; height: 20px}
.blog #secondary .rss ul > li a:hover {background:transparent url(/images/icons/icons.png) no-repeat scroll 0 -25px}
.blog #secondary .rss ul > li a:active {background:transparent url(/images/icons/icons.png) no-repeat scroll 0 -51px}
#secondary .browse-tags .tag-cloud {list-style: none; margin:0; padding:0}
#secondary .browse-tags .tag-cloud li {display:inline; margin:0; padding:0; line-height:1.5em}
.blog .widget h4 {border-bottom:2px solid #EF4758; color:#EF4758}
.blog #tertiary #tertiary-inner {background:transparent url(/images/backgrounds/WIDGET_Black_250x100.png) repeat-y scroll 0 0; margin-top:15px}
.blog .widget .carousel-wrapper .carousel {background-color:transparent}
.blog .widget .carousel-wrapper .carousel ul li {background:transparent url(/images/backgrounds/widget-bg-lines.png) no-repeat scroll 0 10px}
.blog .widget .carousel-wrapper .carousel {height:310px; overflow:hidden; position:relative}
.pages {}
.pages h1.title.about {font-size:2em; margin: 0 0 0.5em 0; background:transparent url(/images/headings/about-us.png) no-repeat 0 2px; text-indent:-999px; height:34px}
.pages h1.title.community {font-size:2em; margin: 0 0 0.5em 0; background:transparent url(/images/headings/community.png) no-repeat 0 2px; text-indent:-999px; height:34px}
.pages h2.page_title {font-size: 1.66667em; line-height: 1.35em; font-weight:bold; background:transparent url(/images/horizontal-bars.png) no-repeat scroll 0 100%; margin: 22px 0 0; padding-bottom: 19px}
.pages .description {font-size: 1.16667em; line-height: 1.375em; color: #666666}
.pages .body {}
.pages .body h1 {font-size:1.5em; margin:0.5em 0 0.5em 0; font-weight:bold}
.pages .body h2 {font-size: 1.5em; line-height: 1.35em; margin: 20px 0 0; padding-bottom: 19px; font-weight: bold; background:transparent url(/images/horizontal-bars-light.png) no-repeat scroll 0 100%}
.pages .body h3 {font-size: 1.33333em; margin: 20px 0 5px; line-height: 1.35em; font-weight: bold}
.pages .body h4 {font-size: 1.16667em; margin: 20px 0 5px; line-height: 1.35em; font-weight: bold}
.pages .body h5 {font-size: 1.16667em; line-height: 1.35em; font-weight: normal; margin: 20px 0 5px}
.pages .article img.feature_image { }
.pages .image {float: right; background: transparent url(/images/backgrounds/image-bg-232x177.png) no-repeat 0 0; padding: 5px; margin-left: 5px}
.pages form li {width:400px}
#stock_order_which_items {max-width:350px}
.pages #stock-order-widget {background: transparent url(/images/backgrounds/WIDGET_White_250x100.png) repeat 0 0; padding:10px}
.pages #stock-order-widget h4 {margin:0; padding-top:10px; margin-bottom:10px; border-bottom:2px solid #3C99B0; color:#3C99B0}
.pages #stock-order-widget .widget-content {background-color:#FFFFFF; padding:10px}
.pages #stock-order-widget .widget-content p {font-weight:bold; color:#666666}
.pages #stock-order-widget .button { }
 .search #primary {position: relative}
.search h1.title {font-size: 2em; line-height: 1.5em}
.search #primary .display-results {margin-bottom: 5px; color: #666666}
.search #primary .section.main .display-results {margin-top: 20px}
.search .pagination {text-align: right; display: block; margin: 0; padding: 0}
.search .pagination li {list-style: none; display: inline}
.search #page .pagination li.next {margin-left: 3px}
.search #page .pagination li a {color: #666666; background-color: #fff; font-weight: normal; border: none; float: none; padding: 0; margin: 0}
.search #page .pagination li span {color: #cccccc}
.search .primary-pagination {position: absolute; top: 37px; right: 20px}
.search .secondary-pagination {position: relative; top: -17px}
.search #page .section.main {background-color: transparent}
.search #page .section.main .article {border-bottom: 1px solid #d6d6d6; padding-bottom: 12px; padding-left: 20px; background: transparent url(/images/icons/double-arrow-right.png) no-repeat 0 3px}
.search #page .section.main .article:first-child {border-top: 1px solid #d6d6d6; background-position: 0 15px}
.search #page .section.main h3 {margin: 12px 0 3px 0; font-size: 1.33333em; line-height: 1.5em; font-weight: bold}
.search #page .section.main p {margin-bottom: 0}
.search #page .section.main .meta {margin-top: 3px}
.search #page .section.main .meta a {font-size: 0.916667em; line-height: 1.5em}
.search #search-wrapper {background-color: #FFFFFF; border: 1px solid #CDCDCD; padding: 20px; margin-top: 10px; margin-bottom: 20px}
.search #page .highlight {background-color: transparent}
.search #page p .highlight {font-weight: bold}
 .search #secondary .section {background:#FFFFFF url(/images/horizontal-bars.png) no-repeat scroll -500px 0; padding-top: 23px}
.search #secondary .section h4 {font-size: 1.16667em; font-weight: bold}
 .search #primary .toolbar-wrapper.mini {background: #f7f7f7; height: 40px; padding: 0 0 0 25px; width: 85px}
.search #primary .toolbar-wrapper.mini .toolbar-item-print a {margin-top: 10px}
 .stories h1.browse_title {font-size:2em; margin: 0 0 0.5em 0; background:transparent url(/images/headings/browse-stories.png) no-repeat 0 0; text-indent:-999px; height:32px}
.stories h1.title {font-size:2em; margin: 0 0 0.5em 0; background:transparent url(/images/headings/stories.png) no-repeat 0 2px; text-indent:-999px; height:34px}
.stories h1.title a {display:block}
.stories h2 {font-size: 1.66667em; line-height: 1.35em; font-weight: bold; background: transparent url(/images/horizontal-bars.png) no-repeat scroll 0 100%; margin: 10px 0 0 0; padding-bottom: 19px}
.stories .pagination {margin-top: 0; clear: left}
.stories h2.archive-title {font-size:2em; margin:0.5em 0 0.5em 0}
.stories .article h2 {font-size: 1.5em; font-weight: bold; margin: 20px 0 5px}
.stories .article h3 {font-size: 1.33333em; font-weight: bold; margin: 20px 0 5px}
.stories .article h3 a {font-weight:bold}
.stories .article h4 {font-size: 1.16667em; margin: 20px 0 5px}
.stories .article h5 {font-size: 1.16667em; line-height: 1.35em; font-weight: normal; margin: 20px 0 5px}
.stories .recent-stories-title {color: #666666}
.stories .article img.feature_image { }
.stories .image {float: right; background: transparent url(/images/backgrounds/image-bg-232x177.png) no-repeat 0 0; padding: 5px 4px 4px 5px; margin-left: 10px}
.stories.listing .image {background: transparent url(/images/backgrounds/image-bg-156x121.png) no-repeat 0 0; padding: 5px 4px 4px; margin-left: 0}
.stories .story-list .image {float:left}
.stories .article .meta {font-size:1em; line-height:1.6em; list-style: none outside; margin: 0}
.stories .article .meta.secondary {margin-bottom: 20px}
.stories .article .meta .date {font-size: 0.9em; font-weight: bold}
.stories .article .continue {font-weight: bold; margin-top: 10px; display: block}
.stories .article ul.story-list {margin: 10px 0 0; padding:0; list-style: none}
.stories #primary .article ul.story-list > li {margin: 10px 0 0 0; padding:0; border-bottom:1px solid #EEEEEE; background: none; list-style: none outside}
.stories #primary .article .story-item div.story-details h3 {margin-bottom: 0}
.stories #primary .article .story-item {min-height: 132px}
.stories #primary .article .story-item div.story-details {margin-left:163px}
.stories #primary .article .story-item div.story-details h3 {font-size: 1.35em; line-height: 1.5em}
.stories .article p.story-list-empty {margin-top:25px}
 .stories .footer {}
.stories .footer .widget {width:215px; float:left; margin:5px}
.stories #primary .article .meta ul {}
.stories #primary .article .meta li {margin: 0; padding: 0; background: none; display:block}
.stories #primary .article .meta .subtitle {color: #666666}
.stories #primary .article .meta .date {color: #666666; margin-top: 3px}
.stories.listing #primary .article .meta .date {margin-top: 0; margin-bottom: 6px}
.stories #primary .article .meta .tags {margin-top: 10px; color: #666666}
.stories #primary .article .meta.secondary .tags {margin-top: 0}
.stories #primary .article .meta .last-modified {color: #666666; margin-top: 65px}
.stories .subtitle {font-size:1.25em; margin:0.5em 0 0.5em 0; font-weight:bold; background:none}
 .stories #primary .article div.description {margin-top: 10px; margin-bottom: 1em;  color: #666666; font-size:1.16667em; line-height:1.375em}
.stories .body {margin-top:1.5em}
.stories .more_info {margin-top:1.5em; margin-bottom:1.5em}
.stories .more_info a {font-weight:bold}
.stories .more_info a.show_info {padding-left: 17px; background:transparent url(/images/icons/icons.png) no-repeat scroll 0 -306px}
.stories .more_info a.hide_info {padding-left: 17px; background:transparent url(/images/icons/icons.png) no-repeat scroll 0 -326px}
 .stories .description a.continue{ font-weight:bold; font-size: 0.9em}
.stories #page .article .continue span {left: -999em; position: absolute}
.stories.js form.browse .button-holder {display:none}
.stories #video-player { margin-bottom: 20px}
.stories .browse-select {width:400px; height:200px; padding:25px; padding-top:35px; margin:0; background:transparent url(/images/backgrounds/story_browse_blue_box.png) no-repeat 0 0}
.stories #primary .article #browse-tabs {margin:0; padding:0; height:35px}
.stories #primary .article #browse-tabs ol {margin:0; padding:0; list-style: none; height: 35px}
.stories #primary .article #browse-tabs li {margin:0; padding:0; display:block; float:left}
.stories #primary .article #browse-tabs li a {height:35px; display:block; text-indent:-9999px; text-transform:uppercase; font-weight:bold; background-image: url(/images/story-browse-tabs.png)}
.stories #primary .article #browse-tabs li.browse-perspectives a {width:150px; background-position:0 0}
.stories #primary .article #browse-tabs li.browse-perspectives a:hover {width:150px; background-position:0 -45px}
.stories #primary .article #browse-tabs li.browse-perspectives.active a {background-position:0 -93px}
.stories #primary .article #browse-tabs li.browse-categories a {width:151px; background-position:-150px 0}
.stories #primary .article #browse-tabs li.browse-categories a:hover {background-position:-150px -45px}
.stories #primary .article #browse-tabs li.browse-categories.active a {background-position:-150px -93px;  width: 152px; margin-left: -1px}
.stories #primary .article #browse-tabs li.browse-tags a {width:149px; background-position:-301px 0}
.stories #primary .article #browse-tabs li.browse-tags a:hover {background-position:-301px -45px}
.stories #primary .article #browse-tabs li.browse-tags.active a {background-position: -301px -93px;  width: 151px; margin-left: -2px}
.stories .browse-select h2 {margin:0; font-size:1em; font-weight:bold; background:none}
.stories .browse-select .browse-by {   border-bottom:1px solid #EEEEEE; height:108px; margin-bottom:20px}
.stories #primary .article .browse-select ul {margin:0; padding:0; list-style: none}
.stories #primary .article .browse-select li {margin:0; padding:0; display:inline}
.stories #primary .article .browse-select .tag-cloud {padding-bottom:25px}
.stories #primary .article .browse-select .tag-cloud li {background-color:#FFFFFF}
.stories #primary .article .browse-select .media-filter li {list-style: none; float: left; margin-right: 1px}
.stories .browse-select .media-filter li a {background-image: url(/images/story-browse-buttons.png); display: block; height: 25px; text-indent: -9999px}
.stories .browse-select .media-filter li.filter-all a {width: 84px; background-position: 0 0}
.stories .browse-select .media-filter li.filter-all a:hover {background-position: 0 -35px}
.stories .browse-select .media-filter li.filter-all a.active {background-position: 0 -70px}
.stories .browse-select .media-filter li.filter-text a {width: 79px; background-position: -85px 0}
.stories .browse-select .media-filter li.filter-text a:hover {background-position: -85px -35px}
.stories .browse-select .media-filter li.filter-text a.active {background-position: -85px -70px}
.stories .browse-select .media-filter li.filter-video a {width: 84px; background-position: -165px 0}
.stories .browse-select .media-filter li.filter-video a:hover {background-position: -165px -35px}
.stories .browse-select .media-filter li.filter-video a.active {background-position: -165px -70px}
.stories #personalise-container {padding-bottom: 0; margin-top: 22px}
  .stories.landing #personalise-form {margin-top: 715px}
.js.stories.landing #personalise-form {margin-top: 0}
.stories.landing #tertiary {margin-bottom: 380px}
.js.stories.landing #tertiary {margin-bottom: 80px}
  .stories .story-item .image-link {display: block; position: relative; text-align: center; float: left; width: 148px;  }
.stories .story-item .image-link > img {max-width: 148px;  height: 111px;  margin: 0; border: 0}
.stories .story-item .author {color: #ffffff; font-weight: bold; font-size: 0.8333em; line-height: 1em; background-color: #4ac6e3; display: block; padding: 4px 5px; position: relative; height: 11px; margin-top: -23px; margin-right: 299px; float: right}
 .stories .story-item.video .video-icon {position: absolute; left: 54px; top: 30px; background: transparent url(/images/icons/carousel-video-icon.png) no-repeat 0 0; width: 45px; height: 45px;  }
.stories .story-item.video a:hover .video-icon {background-image: url(/images/icons/carousel-video-icon-hover.png)}
  .stories #tertiary .widget-content {background-color: #ffffff; padding: 10px}
 .stories #tertiary .personalise-widget .widget-content {background-color: transparent; padding: 0}
 .stories #tertiary #community-links-widget .widget-content {background-color: transparent; padding: 0}
.stories #tertiary .widget-content > p, .stories #tertiary .widget-content > a {font-weight: bold}
.stories #tertiary .widget-content > p {color: #666666}
.stories #tertiary .widget-content p.note {font-weight: normal}
.stories #tertiary h4 {border-bottom:2px solid #3C99B0; color:#3C99B0; margin-bottom: 10px}
.error ul {}
#search-404 #label-search-box-404 {font-weight:normal; display:block; float:left}
#search-404 #search-box-404 {background-color:#F2F1EB; border:medium none; color:#666666; display:inline; float:left; font-size:1.1em; height:18px; padding:6px 0 5px 6px; width:230px}
#search-404 #search-box-404 {border:1px solid}
#search-404 .button {background:transparent url(/images/icons/search-icon.png) no-repeat scroll 0 0; border:medium none; cursor:pointer; display:inline; float:left; height:30px; margin-left:0; text-indent:-9999px; width:31px}
 #page #comments-wrapper {padding-top: 10px; margin-bottom: 10px}
#page #comments-wrapper #comments-listing { background: transparent url(/images/horizontal-bars.png) no-repeat 0 100%; padding: 0 0 20px 0; margin: 0}
#page #comments-wrapper #comments-listing > li {list-style: none; padding: 10px 0;  background: transparent url(/images/horizontal-bars.png) no-repeat -500px -14px; overflow: hidden}
#comments-wrapper .login-status {margin: 20px 0; padding-top: 20px; background: transparent url(/images/horizontal-bars.png) no-repeat scroll -500px -14px}
 #page #comments-wrapper #comments-listing .comment-head h4 {font-size: 1.16667em; line-height: 1.5em; font-weight: bold}
#page #comments-wrapper #comments-listing .comment-head h4 .name {color: black}
#page #comments-wrapper #comments-box .comment-item-date {text-align: right; margin: -2em 0 0.5em 0}
#page #comments-wrapper #comments-box .comment-item-action-links {text-align: right; margin-top: 20px}
#page #comments-wrapper #comments-box .comment-item-action-links a {margin-left: 10px}
#page #comments-wrapper #comments-box .comment-item-action-links .reply-link {background: transparent url(/images/icons/icons.png) no-repeat scroll 0 -75px; padding-left: 17px}
#page #comments-wrapper #comments-box .comment-item-action-links .reply-link:hover {background-position: 0 -95px}
#page #comments-wrapper #comments-box .comment-item-action-links .reply-link:active {background-position: 0 -115px}
#page #comments-wrapper #comments-box .comment-item-action-links .report-link {background: transparent url(/images/icons/icons.png) no-repeat scroll 0 -249px; padding-left: 7px}
#page #comments-wrapper #comments-box .comment-item-action-links .report-link:hover {background-position: 0 -269px}
#page #comments-wrapper #comments-box .comment-item-action-links .report-link:active {background-position: 0 -289px}
#page #comments-wrapper #comments-box .comment-item-action-links .reported-link {margin-left: 7px}
#page #comments-wrapper #comments-box .comment-body .edited {color:#CDCDCD; font-size: 1em; font-style:italic}
 #page #comments-wrapper #comments-box .comment-body div {margin-left: 3em}
 #page #comments-wrapper .toolbar {margin-left: 0; margin-bottom: 0.5em}
#page #comments-wrapper .toolbar li {list-style: none; background: none; float: left; display: block; padding-left: 0; padding-right: 20px; font-weight: bold}
#page #comments-wrapper .toolbar .add-comment-link {background: transparent url(/images/icons/icons.png) no-repeat 0 -137px; padding-left: 22px}
#page #comments-wrapper .toolbar .add-comment-link:hover {background-position: 0 -161px}
#page #comments-wrapper .toolbar .add-comment-link:active {background-position: 0 -185px}
#page #comments-wrapper .toolbar .subscribe-comments {background: transparent url(/images/icons/icons.png) no-repeat 0 0; padding-left: 22px}
#page #comments-wrapper .toolbar .subscribe-comments:hover {background: transparent url(/images/icons/icons.png) no-repeat 0 -26px}
#page #comments-wrapper .toolbar .subscribe-comments:active {background: transparent url(/images/icons/icons.png) no-repeat 0 -52px}
  #reply-preview {margin-bottom: 10px; padding: 20px; background-color: #dbf4f9; overflow: hidden}
#reply-preview .button-holder {margin-top: 20px}
#page #reply-preview .button-holder {border-top: 1px solid #999999}
#page #reply-preview .button-holder button {margin-top: 10px; margin-right: 5px}
#reply-edit {padding: 20px; background-color: #dbf4f9}
#page #comments-wrapper #comments-box #reply {background-color: #dbf4f9; padding: 20px}
#page #comments-wrapper #comments-box #comment-form h5 {font-size: 1.3em; line-height: 1em; margin-bottom: 0.5em; color: #333333}
#page #comments-wrapper #comments-box #comment-form .button-holder {padding: 0}
#page #comments-wrapper #comments-box #comment-form p {margin-bottom: 0.5em}
#page #comments-wrapper #comments-box #comment-form .name {float: left; padding-right: 5px; font-weight: bold; padding-top: 3px; color: #666666}
#page #comments-wrapper #comments-box #comment-form h4 {font-size: 1.16667em; line-height: 1.5em}
#page #comments-wrapper #comments-box #comment-form h4 .name {color: #000000; font-weight: normal; padding: 0; float: none}
#page #comments-wrapper #comments-box #comment-form label {color: #666666}
#page #comments-wrapper #comments-box #comment-form .username {margin: 0; color: black; font-weight: bold}
#page #comments-wrapper #comments-box #comment-form .username .change-login {color: #999999; font-size: 0.9em; line-height: 1em; font-weight: normal}
#page #comments-wrapper #comments-box #comment-form .wysiwyg_editor {width: 396px}
#page #comments-wrapper #comments-box #comment-form .reminder {color: #444444; margin: 0 0 1.5em 0; clear: left; font-size: 0.9em; line-height: 1.5em; width: 300px}
 #page #primary #blind-outer-box {height: 360px}
 #page #comments-wrapper #comments-box .report-form-wrapper {background-color: #dbf4f9; padding: 20px; clear: left}
#page #comments-wrapper #comments-box .report-form h5 {margin-bottom: 0.5em; font-size: 1.16667em; line-height: 1.5em; color: #333333}
#page #comments-wrapper #comments-box .report-form label {color: #666666}
#page #comments-wrapper #comments-box .report-form p {margin-bottom: 0.5em}
#page #comments-wrapper #comments-box .report-form textarea {width: 408px; height: 100px}
#page #comments-wrapper #comments-box .report-form .button-holder {padding: 0}
 #page #comments-wrapper #comments-box .comment-item .comment-flash {background-color: #3C99B0; display:block; margin-bottom:10px; position: relative}
#page #comments-wrapper #comments-box .comment-item .comment-flash p {color:#FFFFFF; padding:5px 10px}
#page #comments-wrapper #comments-box .comment-item .comment-flash a {color: #ffffff; text-decoration: underline}
#page .comment-flash .close-this {background: #3C99B0 url(/images/icons/Icon_Close.gif) no-repeat scroll 100% 7px; color: #FFFFFF; padding-right: 12px; top: 5px; right: 10px; position: absolute}
.sitemap {}
.sitemap #sitemap_container {background: transparent url(/images/backgrounds/sitemap-bg.png) repeat-y 215px 0}
.sitemap #primary {width: 960px; margin-left: 0}
.sitemap #primary h1 {margin-bottom:20px}
.sitemap #primary #sitemap_container div {float:left; max-width:220px; padding-right:20px}
.sitemap #primary h3 a {color:#3C99B0; text-decoration:none}
.sitemap #primary h4 a {color:#3C99B0; text-decoration:none}
.sitemap #primary ul {margin-left:0em}
.sitemap #primary li {margin-left:0.33em; list-style-image:none; list-style-position:outside; list-style-type:none}
 #tertiary .primary-toolbar {background-color: #f7f7f7; height: 61px;  width: 231px;  overflow: hidden; padding-top: 10px; padding-left: 19px; margin-bottom: 20px}
#primary .secondary-toolbar {background: transparent url(/images/horizontal-bars.png) no-repeat -500px 100%; padding-bottom: 45px}
#primary .secondary-toolbar .toolbar li {background: none; padding-left: 0}
 .toolbar-wrapper .toolbar {padding: 0; margin: 0}
.toolbar-wrapper .toolbar li {list-style: none outside; float: left}
.toolbar-wrapper .toolbar li > a {background: url(/images/toolbar.png); text-indent: -9999px; display: block}
.toolbar-wrapper .toolbar li.toolbar-item-share a {width: 128px; height: 20px; background-position: -1px -1px}
.toolbar-wrapper .toolbar li.toolbar-item-share a:hover, .toolbar-wrapper .toolbar li.toolbar-item-share.active a {background-position: -167px -1px}
.primary-toolbar .toolbar li.toolbar-item-share a {margin-right: 15px}
.secondary-toolbar .toolbar li.toolbar-item-share a {margin-top: 2px; margin-right: 38px}
 .toolbar-wrapper .toolbar li.toolbar-item-share ul { background: #ffffff url(/images/horizontal-bars.png) no-repeat scroll 0 109%; padding: 15px 10px 7px 10px; width: 165px; margin: 0;  display: none}
.toolbar-wrapper .toolbar li.toolbar-item-share ul li {float: none; padding-bottom: 3px}
.toolbar-wrapper .toolbar li.toolbar-item-share ul li a {background: none; width: 165px; text-indent: 0;  background-image: url(/images/icons/toolbar-icons.png); background-repeat: no-repeat; padding-left: 20px}
#page .toolbar-wrapper .toolbar li.toolbar-item-share ul li a {}
.toolbar-wrapper .toolbar li.toolbar-item-share ul li.share-email a {background-position: 0 3px;}
.toolbar-wrapper .toolbar li.toolbar-item-share ul li.share-facebook a {background-position: 0 -31px;}
.toolbar-wrapper .toolbar li.toolbar-item-share ul li.share-myspace a {background-position: 0 -61px;}
.toolbar-wrapper .toolbar li.toolbar-item-share ul li.share-twitter a {background-position: 0 -91px;}
.toolbar-wrapper .toolbar li.toolbar-item-share ul li.share-delicious a {background-position: 0 -121px;}
  .js .toolbar-wrapper .toolbar li.toolbar-item-share ul {position: absolute; z-index: 100}
.toolbar-wrapper .toolbar li.toolbar-item-follow a {width: 74px; height: 27px; background-position: 0 -108px}
.toolbar-wrapper .toolbar li.toolbar-item-follow a:hover {background-position: -166px -108px}
.primary-toolbar .toolbar li.toolbar-item-follow a {margin-top: -2px}
.toolbar-wrapper .toolbar li.toolbar-item-follow ul {background: #ffffff url(/images/horizontal-bars.png) no-repeat scroll 0 117%; padding: 15px 10px 7px 10px; width: 135px; margin: -2px 0 0;  display: none}
.toolbar-wrapper .toolbar li.toolbar-item-follow ul li {float: none}
.toolbar-wrapper .toolbar li.toolbar-item-follow ul li a {background: none; width: 135px; text-indent: 0;  background-image: url(/images/icons/toolbar-icons.png); background-repeat: no-repeat; padding-left: 20px}
#page .toolbar-wrapper .toolbar li.toolbar-item-follow ul li a {}
.toolbar-wrapper .toolbar li.toolbar-item-follow ul li.follow-facebook a {background-position: 0 -31px;}
.toolbar-wrapper .toolbar li.toolbar-item-follow ul li.follow-youtube a {background-position: 0 -186px;}
.js .toolbar-wrapper .toolbar li.toolbar-item-follow ul {position: absolute; z-index: 100}
.toolbar-wrapper .toolbar li.toolbar-item-email a {width: 120px; height: 16px; background-position: -1px -35px}
.toolbar-wrapper .toolbar li.toolbar-item-email a:hover {background-position: -167px -35px}
.primary-toolbar .toolbar li.toolbar-item-email a {margin-top: 14px; margin-right: 24px}
.secondary-toolbar .toolbar li.toolbar-item-email a {margin-top: 4px; margin-right: 44px}
 .toolbar-wrapper .toolbar li.toolbar-item-print a {width: 62px; height: 20px; background-position: -1px -67px}
.toolbar-wrapper .toolbar li.toolbar-item-print a:hover {background-position: -167px -67px}
.primary-toolbar .toolbar li.toolbar-item-print a {margin-top: 10px}
  #tertiary .toolbar-wrapper.mini {width: 85px;  height: 40px; padding: 0 0 0 25px}
#tertiary .toolbar-wrapper.mini .toolbar-item-print a {margin-top: 10px}
 .homepage #secondary, .homepage #tertiary {margin-top: -20px;  position: relative; z-index: 10}
 .homepage #tertiary h2 {text-indent: -9999px; background: transparent url(/images/headings/community.png) no-repeat 0 0; height: 32px}
.homepage #tertiary #tertiary-inner {margin-top: 15px; background: transparent url(/images/backgrounds/WIDGET_Black_250x100.png) repeat-y 0 0}
.homepage .widget h4 {color: #ef4758; border-bottom: 2px solid #ef4758}
.homepage .widget .carousel-wrapper .carousel {background-color: transparent}
 .homepage .widget .carousel-wrapper .carousel ul li {background: transparent url(/images/backgrounds/widget-bg-lines.png) no-repeat 0 10px}
.homepage .widget .carousel-wrapper .prev, .homepage .widget .carousel-wrapper .next {z-index: 10;  }
.homepage .widget .carousel-wrapper .prev {left: -6px}
.homepage .widget .carousel-wrapper .next {left: 204px}
 .homepage .widget .carousel-wrapper .carousel, .homepage .widget .carousel-wrapper .carousel ul li {height: 310px}
.homepage .widget .carousel-wrapper .carousel ul li .author {margin-right: 0; margin-top: -19px}
 .ui-widget-overlay {background:transparent url(/images/grey-transparent.png) repeat scroll 0 0; position:absolute; top:0}
.ui-dialog .ui-widget-header .ui-icon {float: right; margin-top: 20px; margin-right: 10px; width: 13px; height: 13px; background: #ffffff url(/images/icons/close-this-white.gif) 0 0 no-repeat; text-indent: -999px; display: block; cursor: pointer}
#email-page h5 {color:#333333; font-size:1.3em; line-height:1em; margin-bottom:0.5em}
#email-page ol li h6 {font-weight:bold; line-height:2em; color: #444444}
#email-page form #email-quote {margin-bottom: 10px; padding: 10px; white-space:normal}
#email-page form #email-quote p {margin-bottom: 5px}
#email-page form blockquote {margin:0; padding:0; font-style: normal}
#email-page p.note {font-style: italic}
#email-page form .textarea label {display: none;  }
#email-page p#help {font-size:0.9em; line-height:1em; margin:0 0 1.5em}
 #folder-menu {margin: 0}
#folder-menu li {list-style: none}
#folder-menu a {display: block}
#folder-menu > li { background: transparent url(/images/horizontal-bars.png) no-repeat -1000px 100%; padding-bottom: 21px}
#folder-menu > li > a {font-size: 1.3333em; line-height: 1em; font-weight: bold}
#folder-menu > li > ul {margin-left: 0.5em; margin-top: 5px}
#folder-menu > li > ul > li {}
#folder-menu > li > ul > li > a {line-height: 1.4em; background: transparent url(/images/icons/BulletBlue.gif) no-repeat 0 6px; padding-left: 14px; padding-bottom: 5px}
#folder-menu > li > a > .back-arrow {font-size: 0.8em; line-height: 2em}
 #folder-menu > li.active > a {color: #666666}
#folder-menu > li > ul > li.active > a {color: #666666; background: transparent url(/images/icons/BulletGrey.gif) no-repeat 0 6px}
  .pagination {padding: 10px 0 60px 95px; padding-bottom: 60px}
.pagination a, .pagination .current {border: 1px solid #999999; background-color: #f2f2f2; padding: 4px 6px 7px; font-weight: bold; margin-right: 4px; float: left}
#page .pagination a:hover {background-color: #D6D6D6; text-decoration: none}
.pagination .current {background-color: #999999; color: #ffffff}
#page .pagination .current:hover {background-color: #999999;  cursor: default}
.pagination .prev_page, .pagination .next_page {padding: 6px 0 0 0; border: none; float: left; background-color: #ffffff}
#page .pagination a.prev_page:hover, #page .pagination a.next_page:hover {text-decoration: underline; background-color: #ffffff}
.pagination .prev_page {margin-right: 8px}
.pagination .next_page {margin-left: 5px}
.pagination .prev_page.disabled, .pagination .next_page.disabled {color: #999999; cursor: default; font-weight: normal; display: none}
#page .pagination a.prev_page.disabled:hover, #page .pagination a.next_page.disabled:hover {text-decoration: none}
 .page-num {color: #444444; float: right; line-height: 1.5em}
.page-num.primary {margin-top: -57px; float: left; clear: left}
.page-num.secondary {margin-top: -36px; text-align: right}
 .widget h4 {color: #9c9c9c; border-bottom: 2px solid #9c9c9c; text-transform: uppercase; padding-bottom: 5px; font-weight: bold; font-size: 1.15em; line-height: 1.3em}
#tertiary #tertiary-inner .widget {padding-top: 10px}
.widget > ul {margin: 0}
.widget > ul > li {list-style: none; background: transparent url('/images/icons/BulletBlue.png') no-repeat -1px 6px; padding: 0 0 4px 12px; line-height: 1.4em; font-weight: bold}
 .widget .carousel-wrapper {overflow: visible;  padding-left:10px; position:relative; margin-left: 8px; width: 195px}
 .widget .carousel-wrapper .prev, .widget .carousel-wrapper .next {display: block; text-indent: -9999px; border: none; float: left; height: 48px; width: 18px; cursor: pointer; position: absolute; top: 42px; z-index: 100}
.widget .carousel-wrapper .prev {left: -7px}
.widget .carousel-wrapper .prev.disabled {cursor: default}
.widget .carousel-wrapper .next {left: 205px}
.widget .carousel-wrapper .next.disabled {cursor: default}
.widget .carousel-wrapper .carousel {position: relative; overflow: hidden;  background-color: #ffffff; height: 375px;  }
.widget .carousel-wrapper .carousel ul {margin: 0}
.widget .carousel-wrapper .carousel ul li {margin-left: 0; float: left; padding: 10px; list-style: none outside; height: 375px;  width: 175px}
.widget .carousel-wrapper .carousel li .image-link {display: block; position: relative; text-align: center; border: 1px solid #4ac6e3; width: 173px;  }
.widget .carousel-wrapper .carousel ul li .image-link > img {max-width: 173px;   height: 130px;  }
.widget .carousel-wrapper .carousel ul li .author {color: #ffffff; font-weight: bold; font-size: 0.8333em; line-height: 1em; background-color: #4ac6e3; display: block; padding: 4px 5px; position: relative; height: 11px; margin-top: -19px;  margin-right: 0; float: right}
.widget .carousel-wrapper .carousel ul li h5 {font-size: 1.33333em; line-height: 1.5em; margin-bottom: 3px; margin-top: 6px; width: 173px;  }
.widget .carousel-wrapper .carousel li > p {font-size: 0.91667em; line-height: 1.3em; margin-bottom: 8px}
.widget .carousel-wrapper .carousel li > a {font-size: 1em}
.widget .carousel-wrapper .carousel li .date {font-weight: bold; font-size: 0.9em; line-height: 1.5em}
.widget .carousel-wrapper .carousel li .continue {font-weight: bold; font-size: 1em; line-height: 1.3em}
.widget .carousel-wrapper .carousel li .comments {font-weight: bold; display: block; margin-top: 10px; background: transparent url(/images/icons/icons.png) no-repeat 0 -76px; padding-left: 17px}
.widget .carousel-wrapper .carousel li .comments:hover {background-position: 0 -96px}
.widget .carousel-wrapper .carousel li .comments:active {background-position: 0 -116px}
 .widget .carousel-wrapper .prev, .widget .carousel-wrapper .next {background: transparent url(/images/navigation.png) no-repeat 0 0}
 .widget .carousel-wrapper.light .prev {background-position: 0 0}
.widget .carousel-wrapper.light .prev:hover {background-position: 0 -104px}
.widget .carousel-wrapper.light .prev.disabled {background-position: 0 -208px}
.widget .carousel-wrapper.light .next {background-position: 0 -52px}
.widget .carousel-wrapper.light .next:hover {background-position: 0 -156px}
.widget .carousel-wrapper.light .next.disabled {background-position: 0 -260px}
 .widget .carousel-wrapper.dark .prev {background-position: 0 -312px}
.widget .carousel-wrapper.dark .prev:hover {background-position: 0 -416px}
.widget .carousel-wrapper.dark .prev.disabled {background-position: 0 -520px}
.widget .carousel-wrapper.dark .next {background-position: 0 -364px}
.widget .carousel-wrapper.dark .next:hover {background-position: 0 -468px}
.widget .carousel-wrapper.dark .next.disabled {background-position: 0 -572px}
 .widget .carousel-wrapper.dark .carousel li .continue, .widget .carousel-wrapper.dark .carousel li .comments, .widget .carousel-wrapper.dark .carousel ul li h5 a, .widget .carousel-wrapper.dark a {color: #4DC5E2}
.widget .carousel-wrapper.dark .carousel li .continue:hover, .widget .carousel-wrapper.dark .carousel li .comments:hover, .widget .carousel-wrapper.dark .carousel ul li h5 a:hover, .widget .carousel-wrapper.dark a:hover {color: #3C99B0}
.widget .carousel-wrapper.dark .carousel li .comments {background-position: 0 -96px}
.widget .carousel-wrapper.dark .carousel li .comments:hover {background-position: 0 -76px}
 .widget .carousel-wrapper.dark .carousel li > p {color: #ffffff}
 .widget .carousel-wrapper.extended {height: 430px; margin-top: 10px; background-color: transparent}
.widget .carousel-wrapper.extended .carousel {background-color: transparent; margin-left: 10px; position: relative; height: 450px;  }
.widget .carousel-wrapper.extended .carousel li {width: 188px; background-color: transparent; height: 450px;  }
.widget .carousel-wrapper.extended .next {left: 630px}
.widget .carousel-wrapper.extended .carousel li .image-link {width: 161px; float: left}
.widget .carousel-wrapper.extended .carousel ul li .image-link > img {max-width: 161px; height: 121px}
 .widget .carousel-wrapper.extended .carousel ul li.video .video-icon {position: absolute; left: 40%; top: 35%; background: transparent url(/images/icons/carousel-video-icon.png) no-repeat 0 0; width: 45px; height: 45px;  }
.widget .carousel-wrapper.extended .carousel ul li.video a:hover .video-icon {background-image: url(/images/icons/carousel-video-icon-hover.png)}
.widget .carousel-wrapper.extended .carousel ul li h5 {float: left}
.widget .carousel-wrapper.extended .carousel ul li p {color: #666666}
.widget .carousel-wrapper.extended .carousel ul li .date {font-weight: bold; clear: both}
.widget .carousel-wrapper.extended .carousel ul li .author {margin-right: 26px}
.widget .carousel-wrapper.extended .carousel ul li .description {width: 163px; margin-top: 0}
.widget .carousel-wrapper.extended .button-holder {margin-top: 15px}
.widget .carousel-wrapper.extended .button-holder a.button span {font-size:0.91667em; line-height:1.3em; padding-top: 3px}
 #footer-widgets {background: transparent url(/images/backgrounds/WIDGET_White_250x100.png) repeat 0 0; padding: 0 10px 20px 0; margin-top: 10px; width: 440px}
#footer-widgets .widget {width: 210px; float: left; margin-left: 10px; padding-top: 10px}
#footer-widgets .widget ul {margin-left: 0}
#footer-widgets .personalise-widget {float: right; clear: both}
 #community-widgets {margin-top: 20px}
#community-widgets h3 {background: transparent url(/images/headings/community-widget.png) no-repeat 0 0; height: 32px; text-indent: -9999px; margin-bottom: 0}
#community-widgets .widget {background: transparent url(/images/backgrounds/WIDGET_Black_250x100.png) repeat-y 0 0; padding: 10px 10px 20px 10px}
#community-widgets .widget h4 {color: #ef4758; border-bottom: 2px solid #ef4758; font-size: 1.1em;  margin-bottom: 10px}
 .popular-forum-threads-widget {margin-bottom: 10px}
.popular-forum-threads-widget h4 {margin-bottom: 10px}
.popular-forum-threads-widget ul li {list-style: none outside}
.popular-forum-threads-widget a {color: #4DC5E2}
.popular-forum-threads-widget a:hover {color: #3C99B0}
 .ext-recent-stories-carousel-widget {width: 660px; background: transparent url(/images/backgrounds/stories-landing-bg.png) no-repeat 0 25px; height: 500px}
.ext-recent-stories-carousel-widget h4 {border-bottom: none; font-size: 1.66667em; text-transform: none}
 .forum-options-widget {padding: 10px; background: #EEEEEE}
.forum-options-widget h4 {text-transform: none; border-bottom: none; padding-bottom: 0; color: #808080}
.forum-options-widget li {list-style: outside}
.forum-options-widget .forum-profile-link {background: none; padding-left: 3px}
.forum-options-widget .forum-profile-link a {background: transparent url(/images/icons/icons.png) no-repeat 3px -377px; padding-left: 20px; font-weight: normal}
.forum-options-widget .forum-profile-link a:hover {background-position: 3px -350px}
.forum-options-widget .forum-profile-link a:active {background-position: 3px -404px}
 #community-links-widget a {color: #4DC5E2}
#community-links-widget a:hover {color: #3C99B0}
 #tertiary #related-container {background: transparent url(/images/backgrounds/WIDGET_White_250x100.png) repeat-y 0 0; padding: 0 10px 10px 10px}
#tertiary #related-container .widget {padding-top: 10px}
#tertiary #related-container .widget-content {background-color: transparent}
#tertiary #related-container .related-factsheets-widget .widget-content {padding: 0}
#tertiary #related-container .related-factsheets-widget ul {margin: 0}
.widget.related-factsheets-widget li {background:transparent url(/images/icons/BulletBlue.png) no-repeat scroll -1px 6px; line-height: 1.4em; list-style: none outside; padding:0 0 4px 12px}
.widget.related-factsheets-widget li a {font-weight: bold}
.widget#related-stories-carousel-widget h4 {margin-bottom: 0}
  .forums table {margin-bottom: 0}
.forums h2 {font-weight: bold; font-size: 1.66667em; line-height: 1.5em}
.forums h3 {font-weight: bold; padding-bottom: 5px}
.forums .description {color:#666666; font-size:1.16667em; line-height:1.375em}
.forums .title {background: transparent url(/images/headings/forums.png) no-repeat scroll 0 0; height: 32px; text-indent: -9999px; width: 135px}
.forums th {background: transparent url(/images/backgrounds/WIDGET_White_250x100.png) repeat-x 0 0; height: 40px; vertical-align: middle; text-align: left; padding-left: 10px}
.forums thead tr th {border-left: 1px solid #cccccc}
.forums thead tr th:first-child {border-left: none}
.forums tbody tr {border-top: 1px solid #e1e1e1}
.forums tbody tr:first-child {border-top: none}
.forums tbody tr td {background-color: #f3f1ed; padding: 10px 5px 10px 10px; font-size: 1.16667em; line-height: 1.3em; vertical-align: middle}
.forums tbody tr td.pinned a {padding-left: 15px; background: #F3F1ED url(/images/icons/BulletBlue.png) no-repeat scroll 0 7px}
.forums tbody tr td.tally {text-align: left; font-weight: bold; color: #666666}
.forums .forum-message {font-style: italic; display: block}
.forums .time {font-weight: bold}
.forums .author span {color: #b3b3b3}
.forums .title-col {width: 380px}
.forums .last-activity-col {font-size: 0.91667em; line-height: 1.5em}
.forums .last-activity-col .author {font-size: 1.2em; line-height: 1.5em}
.forums .announcement {background: #f0ede9 url(/images/icons/announcement-icon.png) no-repeat 10px 15px; padding: 10px 10px 15px 60px; margin-bottom: 10px}
.forums .announcement.closed-forum {border: 2px solid #EF4758}
.forums h2.topic-title {font-size:1.333337em}
.forums .comment-head h4 {font-size:1.16667em; font-weight:bold; line-height:1.5em}
.forums .comment-head h4 .name {color: black}
.forums #page #comments-wrapper #comments-listing {margin-bottom:1em; background:none}
.forums .comment-item-date {margin:-2em 0 0.5em; text-align:right}
#profile-peek {display:none}
.forums .topic-form {}
.forums .topic-form h2 {font-size: 1.3em; line-height: 1em; margin-bottom: 0.5em; color: #333333}
.forums .topic-form p {margin-bottom: 0.5em}
.forums .topic-form .name {float: left; padding-right: 5px; font-weight: bold; padding-top: 3px; color: #666666}
.forums .preview-topic { }
.forums .preview-topic p.sticky {margin-top:10px}
.forums .preview-topic .button-holder .attachment-holder {padding-left:0px}
.forums .add-topic {margin-top:20px}
.forums #page .report-form-wrapper {background-color:#DBF4F9; padding:20px}
.forums #page .report-form textarea {height:100px; width:408px}
.forums #page .comment-item {padding-left:10px; padding-right:10px; min-height:80px}
.forums .forum-topic {padding:0; margin:0}
.forums .forum-topic table {padding:0; margin:0}
.forums .forum-topic .forum-topic-comment {padding-top:20px; padding-bottom:20px; border-left:1px solid #F3F1ED; border-right:1px solid #F3F1ED; clear: both}
.forums #page #comments-wrapper {margin-top:0; padding-top:0; background-color:#F3F1ED}
.forums #page #comments-wrapper #comments-listing li:first-child {border-top:none}
.forums #page #comments-wrapper table {margin-bottom:0}
.forums #page #comments-wrapper #comments-listing > li {border-top:1px solid #E1E1E1; background-image:none; overflow: hidden}
.forums #page #comments-wrapper #comments-box #comment-form {overflow:auto; background-color:#FFFFFF}
.forums #page #comments-wrapper #comments-box #comment-form form { }
.forums #page #comments-wrapper #comments-box #comment-form form .editor .attachment {float:left; width:400px}
.forums #page #comments-wrapper #comments-box #comment-form .reminder {float:right; width:150px; margin:-200px 0 1.5em}
.forums #page #comments-wrapper #comments-box #comment-form .button-holder .attachment-holder {clear:both}
.forums .avatar {display:block; float:left; height:80px; width:80px; margin-right:10px; background:transparent url(/images/backgrounds/forum_avatar_missing.png) no-repeat scroll 0 0}
.forums .comment-body {margin-left:90px; line-height: 1.5em}
.forums .comment-head h2 {margin-left:90px}
.forums .comment-head h4 {margin-left:90px}
.forums .comment-head p {margin-left:90px}
.forums .replies-title {background: transparent url(/images/backgrounds/WIDGET_White_250x100.png) repeat-x scroll 0 0; height: 28px; padding: 16px 0 0 10px; margin: 0 0 2px; text-align: left; display: block; font-size: 1.16667em; line-height: 1.5em; color: #444444}
.forums .topic-head {background: transparent url(/images/backgrounds/WIDGET_White_250x100.png) repeat-x scroll 0 0; display: block; height: 40px}
.forums .topic-head h3 {height: 32px; padding: 12px 0 0 10px; margin: 0; text-align: left; display: block; font-size: 1.16667em; line-height: 1.5em; color: #444444; width: 380px; float: left}
.forums .topic-head .comment-item-action-links {font-weight: bold; float: right; clear:left; width: 300px; margin-top: -42px}
.forums .topic-head .comment-item-action-links a, .forums .topic-head .comment-item-action-links .reported-link {padding: 12px 10px 0 10px; border-left: 1px solid #CCCCCC; display: block; float: right; height: 28px;  }
.forums .topic-head .comment-item-action-links .reply-link span {background: transparent url(/images/icons/icons.png) no-repeat 0 -137px; padding-left: 22px}
.forums .topic-head .comment-item-action-links .reply-link:hover span {background-position: 0 -161px}
.forums .topic-head .comment-item-action-links .reply-link:active span {background-position: 0 -185px}
.forums .topic-head .comment-item-action-links .report-link span {background:transparent url(/images/icons/icons.png) no-repeat scroll 0 -249px; padding-left:7px}
.forums .topic-head .comment-item-action-links .report-link:hover span {background-position: 0 -269px}
.forums .topic-head .comment-item-action-links .report-link:active span {background-position: 0 -289px}
 .forum-listing h2 {margin-top: 15px}
 .forum-topic-listing table {margin-bottom: 10px}
.forum-topic-listing .description {margin-bottom: 20px}
 .forum-topic #page #comments-wrapper {background-color: white}
.forum-topic #page #comments-wrapper #comments-listing {background-color: #F3F1ED}
.forum-topic #page #comments-wrapper #comments-listing {padding-bottom: 0}
 .forum-topic-new .add-topic {width: 450px}
.forum-topic-new .preview-topic {clear: both; padding-bottom: 20px; padding-top: 20px}
.forum-topic-new .preview-topic .button-holder .attachment-holder {border-top: 1px solid #999999; margin-top: 20px}
 #personalise-container {background: transparent url(/images/backgrounds/WIDGET_White_250x100.png) repeat-y 0 0; padding: 0 10px 10px 10px; position: relative;  }
#personalise-container .widget h4 {padding-top: 10px; margin-bottom: 10px}
 .personalise-widget {padding-bottom: 20px}
.personalise-widget.extended {padding-bottom: 0}
.personalise-widget.chosen {margin-top: -16px}
.personalise-widget h4 {color: #3c99b0; border-bottom: 2px solid #3c99b0}
.personalise-widget .widget-content p {font-weight: bold; color: #666666}
.personalise-widget .widget-content .more-info {display:block; background: transparent url(/images/backgrounds/blue-arrow-down.png) no-repeat 0 100%; padding-bottom: 13px; margin-bottom: 5px; position: relative}
.js .personalise-widget .widget-content .more-info {position: absolute; top: 153px; left: 514px; width: 415px; z-index: 10; background-position: center 100%}
.personalise-widget .widget-content .more-info .more-info-inner {background-color: #44adc7; padding: 10px}
.personalise-widget .widget-content .more-info h5 {color: #ffffff; font-size: 1.16667em; line-height: 1.5em; margin-bottom: 10px; margin-right: 45px;  }
.personalise-widget .widget-content .more-info p {color: #ffffff; margin: 0; font-size: 0.916667em; line-height: 1.5em}
.personalise-widget .widget-content .more-info .close-this {color: #ffffff; text-decoration: underline; position: absolute; top: 10px; right: 10px; font-size: 0.83333em; font-weight: bold; line-height: 1.5em; background: transparent url(/images/icons/Icon_Close_Med.gif) no-repeat 100% 2px; padding-right: 14px}
 .personalise-widget .widget-content .chosen-text {font-size: 0.916667em; line-height: 1em; display: none}
.personalise-widget.chosen .widget-content .chosen-text {display: block}
.personalise-widget .widget-content .button-holder {text-align: center}
.personalise-widget.chosen .widget-content .button-holder {padding-top: 5px}
.personalise-widget .widget-content .button-holder .personalise-button {background: transparent url('/images/personalise-buttons.png') no-repeat 0 0;   width: 249px; height: 35px; display: block; color: #ffffff; font-weight: bold;  text-indent: -9999px}
 .personalise-widget.chosen .widget-content .button-holder .personalise-button {text-align: left; padding: 3px 10px 0 27px; width: 212px;  height: 32px;  font-size: 1em; line-height: 1.15em; text-indent: 0;  }
.personalise-widget .widget-content .button-holder .personalise-button:hover {background-position: -264px 0}
 .personalise-widget.chosen .widget-content .button-holder .personalise-button {background-position: 0 -55px}
.personalise-widget.chosen .widget-content .button-holder .personalise-button:hover {background-position: -264px -55px}
 .personalise-widget.extended .widget-content {margin-top: 10px}
.personalise-widget.extended .widget-content .extended-content {background-color: #ffffff; padding: 0 10px 10px 10px}
.personalise-widget.extended .widget-content .extended-content p {margin: 0; padding-top: 10px}
.personalise-widget.extended .widget-content .button-holder {padding-top: 0; padding-bottom: 10px}
.personalise-widget.extended.chosen .widget-content .button-holder {padding-top: 5px}
.personalise-widget.extended .widget-content .button-holder .personalise-button {width: 240px}
.personalise-widget.extended.chosen .widget-content .button-holder .personalise-button {width: 203px}
 #personalise-form, #primary #personalise-form {background: transparent url(/images/backgrounds/personalise-overlay-bg.png) no-repeat 0 0; width: 428px;  height: 474px; padding: 30px 60px 0 0; position: relative;  }
#personalise-form h5 {width: 468px; height: 35px; background: transparent url(/images/personalise-buttons.png) no-repeat 0 -116px; text-indent: -9999px; margin-left: -30px}
#personalise-form .submitted-content h5 {background-position: 0 -175px}
#personalise-form .form-content, #personalise-form .submitted-content {margin-left: 50px}
#personalise-form .form-content #save-perspective {margin-top: 30px}
#personalise-form .form-content #save-perspective label {display: block; font-weight: bold; line-height: 2em}
#personalise-form .form-content #save-perspective select {margin-top: 20px}
#personalise-form .submitted-content {}
#personalise-form .submitted-content .segment-selected {font-size: 1.16667em; line-height: 1.5em; margin: 20px 0 20px; font-weight: bold}
#personalise-form .button-holder {position: absolute; bottom: 120px }
.js #personalise-form .button-holder {bottom: 40px}
.js #personalise-form .submitted-content .button-holder {bottom: 50px}
#personalise-form .submitted-content .button-holder a {margin-right: 10px}
 .ui-dialog .ui-widget-header .personalise-close {background: #ffffff url(/images/personalise-close.png) no-repeat 0 0; width: 47px; height: 12px; display: block; margin-right: 45px; margin-top: 26px; float: right; position: relative; z-index: 10}
.ui-dialog .ui-widget-header .personalise-close:hover {background-position: -73px 0}
.ui-dialog .ui-widget-header .personalise-close .ui-icon {background: none}
   #login-form, #primary #login-form {background: #FFFFFF;  width: 428px;  height: 474px; padding: 30px 60px 0 0; position: relative;  }
#login-form h5 {width: 468px; height: 35px; text-indent: -9999px; margin-left: -30px}
#login-form .submitted-content h5 {background-position: 0 -175px}
#login-form ol, ul {list-style-position: inside}
#login-form ul > li > ul {margin: 0}
#login-form ul > li > ol {margin: 0 0.5em}
#login-form ul > li {list-style: none;  padding-left: 12px; padding: 20px}
#login-form ol li, #login-form ul li {line-height: 1.4em; background-color: #F2F1EB; padding: 20px; margin-bottom: 10px}
#login-form .form-content, #login-form .submitted-content {margin-left: 60px}
#login-form .button-holder {position: absolute; bottom: 120px }
.js #login-form .button-holder {bottom: 40px}
.js #login-form .submitted-content .button-holder {bottom: 50px}
#login-form .submitted-content .button-holder a {margin-right: 10px}
 .ui-dialog .ui-widget-header .login-close {background: #ffffff url(/images/login-close.png) no-repeat 0 0; width: 47px; height: 12px; display: block; margin-right: 45px; margin-top: 26px; float: right; position: relative; z-index: 10}
.ui-dialog .ui-widget-header .login-close:hover {background-position: -73px 0}
.ui-dialog .ui-widget-header .login-close .ui-icon {background: none}
  #password-form, #primary #password-form {background: #FFFFFF;  width: 388px;  height: 334px; padding: 30px 60px 0 0; position: relative;  }
#password-form .submitted-content h5 {background-position: 0 -175px}
#password-form ol, ul {list-style-position: inside}
#password-form ul > li > ul {margin: 0}
#password-form ul > li > ol {margin: 0 0.5em}
#password-form ul > li {list-style: none;  padding-left: 12px; padding: 20px}
#password-form ol li, #password-form ul li {line-height: 1.4em; background-color: #F2F1EB; padding: 20px; margin-bottom: 10px}
#password-form .form-content, #password-form .submitted-content {margin-left: 50px}
#password-form .button-holder {position: absolute; bottom: 120px }
.js #password-form .button-holder {bottom: 40px}
.js #password-form .submitted-content .button-holder {bottom: 50px}
#password-form .submitted-content .button-holder a {margin-right: 10px}
 .ui-dialog .ui-widget-header .password-close {background: #ffffff url(/images/password-close.png) no-repeat 0 0; width: 47px; height: 12px; display: block; margin-right: 45px; margin-top: 26px; float: right; position: relative; z-index: 10}
.ui-dialog .ui-widget-header .password-close:hover {background-position: -73px 0}
.ui-dialog .ui-widget-header .password-close .ui-icon {background: none}
  #primary ol, ul {list-style-position: inside}
#primary ul > li > ul {margin: 0}
#primary ul > li > ol {margin: 0 0.5em}
#primary ul > li {list-style: none; background: transparent url('/images/icons/BulletBlue.png') no-repeat -1px 6px; padding-left: 12px}
#primary ol li, #primary ul li {line-height: 1.4em; padding-bottom: 4px}
  .hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}
.access {display: none}
 .clear-fix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0}
.clear-fix {display: inline-block}
 * html .clear-fix {height: 1%}
.clear-fix {display: block}
 #debugging-tools {background-color: #F2F1EB; padding: 20px 15px 5px; margin-bottom: 10px; bottom: 55px; right: 0; position: fixed}
#user-flash {}
#manage-link {position:fixed; z-index:999; top:0; right:0; background-color:#3C99B0}
#manage-link a{ font-weight:bold; color:#FFFFFF; padding: 4px 7px 5px; display: block}
#manage-link a:hover {color:#4DC5E2}
 #user-flash {width: 98%; z-index: 1000; background-position: 47px 100%; height: 82px}
#flash-personalisation-message {width: 98%; z-index: 1000; background-position: 47px 100%; height: 82px; display:none}
#user-flash .error {color:red}
#user-flash .success {color:#3c99b0}
#user-flash .close-link {float:right}
#user-flash p {color:#FFFFFF; font-size:1em; height:63px; padding:7px 0 0 30px}
#flash-personalisation-message p {color:#000; font-size:1em; height:63px; padding:7px 0 0 30px; margin-bottom: 10px; background-color: #ffdf2e}
#flash-msg, #flash-success, #flash-notice {background-color:#3c99b0}
#page #user-flash .close-this {color:#FFFFFF; background:transparent url(/images/flash-cross.png) no-repeat scroll 100% 1px; padding-right:17px; position:absolute; right:7px; top:7px}
 .attachment {border-top: 1px solid #999999; margin-top: 10px; padding: 3px}
.attachment h3 {margin: 10px 0 10px 0}
.attachment a {background: transparent url(/images/icons/pdf.png) no-repeat 0 2px; padding-left: 20px; display: block; line-height: 20px}
 .terms-and-conditions {height: 200px; border: 1px solid #000000; overflow: auto; padding: 0 10px; margin-top: 10px}
 #gritter-notice-wrapper {position: absolute; right: auto; left: 35%; width: 312px}
 .gritter-close {left: auto; right: 13px}
 .gritter-top, .gritter-item, .gritter-bottom {background-image: url(/images/gritter/gritter-yellow-2.png); color: #000000}
.gritter-bottom {height: 16px}
    .announcement {background: #f0ede9 url(/images/icons/announcement-icon.png) no-repeat 10px 15px; padding: 10px 10px 15px 60px; margin-bottom: 10px}