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}
body {line-height: 1.5; margin: 0; padding: 0; background: #FFF url("/images/background.jpg") 0 0 repeat-x}
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}
img {-ms-interpolation-mode: bicubic}
body {font-size: 75%; color: #4a4a4a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
h1,h2,h3,h4,h5,h6 {font-weight: normal}
h1 {font-size: 1.8em; line-height: 1.3; margin-bottom: 0.5em; font-weight: bold; color: #333}
h1 strong {font-weight: bold; color: #666}
h2 {font-size: 1.4em; line-height: 1.3; margin-bottom: 1em; color: #333}
h3 {font-size: 1.2em; font-weight: bold; line-height: 1.25; margin: 1.5em 0 0 0}
h4 {font-size: 1em; font-weight: bold; margin: 1.5em 0 0 0}
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}
img.left, p img {float: left; margin: 0 1.0em 0.5em 0; padding: 0}
img.right {float: right; margin: 0 0 0.5em 1.0em; padding: 0}
img.center {float: none; margin: 0 auto 0.5em auto; padding: 0; display: block;}
img {margin: 0}
a:focus, a:hover {color: #FF9002; text-decoration: underline}
a {color: #6344A7; text-decoration: underline}
h2 a {text-decoration: none}
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}
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; clear: left;}
ul {list-style-type: square}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
ul ul {margin: 0.5em 0 0.5em 1.5em}
table {margin-top: 0.5em; margin-bottom: 1.4em; width: 100%;}
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}
table thead th, table thead td {border-bottom: 1px solid #333; font-weight: bold; background-color: #D5CFE2; border-right: 1px solid #FFF}
tfoot {font-style: bold; background-color: #E4E4E4;}
td ul {margin: 0 0 0 1.5em}
caption {background: #ffc}
table .last {padding-right: 0}
table.job_specification {width: 100%}
.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}
#content h1 strong {color: #000}
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}
.colour1 {}
.colour1 h2, .colour1 h3, .colour1 h4, .colour1 h3 a, dl.colour1 a {color: #cac990}
li.colour1 a {background-color: #cac990; color: #FFF}
.colour2 {}
.colour2 h2, .colour2 h3, .colour2 h4, .colour2 h3 a, dl.colour2 a {color: #94b06f}
li.colour2 a {background-color: #94b06f; color: #FFF}
.colour3 {}
.colour3 h2, .colour3 h3, .colour3 h4, .colour3 h3 a, dl.colour3 a {color: #89cab0}
li.colour3 a {background-color: #89cab0; color: #FFF}
.colour4 {}
.colour4 h2, .colour4 h3, .colour4 h4, .colour4 h3 a, dl.colour4 a {color: #348585}
li.colour4 a {background-color: #348585; color: #FFF}
.colour5 {}
.colour5 h2, .colour5 h3, .colour5 h4, .colour5 h3 a, dl.colour5 a {color: #2fa1d1}
li.colour5 a {background-color: #2fa1d1; color: #FFF}
.colour6 {}
.colour6 h2, .colour6 h3, .colour6 h4, .colour6 h3 a, dl.colour6 a {color: #0f6198}
li.colour6 a {background-color: #0f6198; color: #FFF}
.colour7 {}
.colour7 h2, .colour7 h3, .colour7 h4, .colour7 h3 a, dl.colour7 a {color: #524779}
li.colour7 a {background-color: #524779; color: #FFF}
.icon {background-image: url("/images/icons.gif"); background-repeat: no-repeat; padding: 8px 0 10px 40px}
h2.bars {background-position: 0 -113px; font-weight: normal}
h2.bubbles {background-position: 0 0; font-weight: normal}
h2.newsletter {background-position: 0 -53px; font-weight: normal}
.quote, blockquote {font-style: italic; color: #42335F; display: block; padding: 0.75em 1em 0.75em 50px; margin-top: 1em; font-size: 100%; background: #D6CEE7 url("/images/quotemarks.gif") no-repeat 0.75em 1em}
.callout-left {display: block; float: left; width: 32%; padding: 1%; margin-right: 2%; background-color: #8E77BC; clear: right; font-weight: bold; color: #FFF}
.callout-right {display: block; float: right; width: 32%; padding: 1em; margin: 0 0 0.5em 1.5em; background-color: #8E77BC; clear: left; font-weight: bold; color: #FFF}
img.right {margin-left: 10px; margin-bottom: 10px}
img.left {margin-right: 10px; margin-bottom: 10px}
div.caption {font-size: 92%; color: #999}
div.caption img {margin: 0 0 3px 0; float: none}
div.caption span {clear: both; line-height: 1.2; display: block}
div.left {float: left; margin-right: 10px; margin-bottom: 0}
div.right {float: right; margin-left: 10px; margin-bottom: 0}
div.center {float: none; margin: 0 auto 10px}
h2.quicklinks, h3.quicklinks, p.quicklinks {font-size: 1.2em; font-weight: bold; line-height: 1.25; padding-bottom: 3px; margin: 1.5em 0 0 0; border-bottom: 2px solid #DFDFDF; padding-left: 3px}
a.back2top {font-size: 11px; float: right; margin-top: 4px; margin-left: 10px; font-weight: bold}
ul.quicklinks {list-style: circle inside; font-weight: bold; padding-bottom: 3px; padding-left: 4px; border-bottom: 2px solid #DFDFDF; margin: 0 0 2em 0; background-color: #F4F4F4}
ul.quicklinks a {text-decoration: none}
ul.quicklinks a.active {color: #FF9002}
p.return {border-top: 1px solid #DFDFDF; margin-top: 10px; padding-top: 5px; font-weight: bold}
p.return a {text-decoration: none}
a.download_link {font-weight: bold}
p.terms {font-size: 92%; color: #999; line-height: 1.2}
div.region {}
div.region h3 {font-size: 1.5em}
a.pdf, a.doc, a.xls, a.ppt {padding: 2px 0 2px 20px}
a.pdf {background: url("/images/icon_acrobat.gif") 0 0 no-repeat}
a.doc {background: url("/images/icon_word.gif") 0 0 no-repeat}
a.xls {background: url("/images/icon_excel.gif") 0 0 no-repeat}
a.ppt {background: url("/images/icon_powerpoint.gif") 0 0 no-repeat}
#content a.popup {background: url("/images/url_icon.gif") 100% 2px no-repeat; padding-right: 16px; padding-left: 0 !important}
.container {width: 960px; margin: 0 auto; background-color: #FFF; padding: 0 0 0 10px}
.column {float: left; margin-right: 10px}
.last {margin-right: 0}
.span-1 {width: 30px;}
.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24 {width: 960px; margin: 0}
.append-1 {padding-right: 40px;}
.append-2 {padding-right: 80px;}
.append-3 {padding-right: 120px;}
.append-4 {padding-right: 160px;}
.append-5 {padding-right: 200px;}
.append-6 {padding-right: 240px;}
.append-7 {padding-right: 280px;}
.append-8 {padding-right: 320px;}
.append-9 {padding-right: 360px;}
.append-10 {padding-right: 400px;}
.append-11 {padding-right: 440px;}
.append-12 {padding-right: 480px;}
.append-13 {padding-right: 520px;}
.append-14 {padding-right: 560px;}
.append-15 {padding-right: 600px;}
.append-16 {padding-right: 640px;}
.append-17 {padding-right: 680px;}
.append-18 {padding-right: 720px;}
.append-19 {padding-right: 760px;}
.append-20 {padding-right: 800px;}
.append-21 {padding-right: 840px;}
.append-22 {padding-right: 880px;}
.append-23 {padding-right: 920px;}
.prepend-1 {padding-left: 40px;}
.prepend-2 {padding-left: 80px;}
.prepend-3 {padding-left: 120px;}
.prepend-4 {padding-left: 160px;}
.prepend-5 {padding-left: 200px;}
.prepend-6 {padding-left: 240px;}
.prepend-7 {padding-left: 280px;}
.prepend-8 {padding-left: 320px;}
.prepend-9 {padding-left: 360px;}
.prepend-10 {padding-left: 400px;}
.prepend-11 {padding-left: 440px;}
.prepend-12 {padding-left: 480px;}
.prepend-13 {padding-left: 520px;}
.prepend-14 {padding-left: 560px;}
.prepend-15 {padding-left: 600px;}
.prepend-16 {padding-left: 640px;}
.prepend-17 {padding-left: 680px;}
.prepend-18 {padding-left: 720px;}
.prepend-19 {padding-left: 760px;}
.prepend-20 {padding-left: 800px;}
.prepend-21 {padding-left: 840px;}
.prepend-22 {padding-left: 880px;}
.prepend-23 {padding-left: 920px;}
.border{ padding-right:4px; margin-right:5px; border-right:1px solid #eee}
.colborder {padding-right:26px; margin-right:25px; border-right:1px solid #eee}
.pull-1 {margin-left: -40px;}
.pull-2 {margin-left: -80px;}
.pull-3 {margin-left: -120px;}
.pull-4 {margin-left: -160px;}
.push-0 {margin: 0 0 0 18px; float: right}
.push-1 {margin: 0 -40px 0 18px; float: right;}
.push-2 {margin: 0 -80px 0 18px; float: right;}
.push-3 {margin: 0 -120px 0 18px; float: right;}
.push-4 {margin: 0 -160px 0 18px; float: right;}
.push-0, .push-1, .push-2, .push-3, .push-4 {float: right}
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}
.clear {display: inline-block}
.clear:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
* html .clear {height: 1%}
.clear {display: block}
#menu {list-style-type: none; margin: 0; width: 100%; float: left; clear: both; background: #818283 url("/images/menu_bg.gif") 0 100% repeat-x; min-height: 30px; border-top: 1px solid #FFF; z-index: 300}
#menu li {position: relative; z-index: 500; display: block; float: left; width: auto; border-right: 1px solid #6b6b6b; font-size: 14px; margin: 0}
#menu li a {display: block; padding: 6px 10px 5px 10px; text-decoration: none; color: #ccc}
#menu li a:hover {background-color: #818283; color: #FFF}
#menu li a.active, #menu li.main li a.active {color: #FFF; background-color: #484A4B}
#menu li a.active_parent, #menu li.main li a.active_parent {background-color: #484A4B}
#menu li ul {position: absolute; left: -999em; top: 32px; padding: 5px; margin: 0; z-index: 2000; width: auto; background: #4a4a4a url("/images/dropdown_bg.jpg") 0 0 repeat-x; border: 2px solid #6b6b6b; border-top: none; width: auto; display: none}
#menu li ul li {float: none; padding: 0; margin: 0; font-size: 12px; border: none; width: 100%}
#menu li ul li a {display: block; color: #FFF; background: url("/images/menubullet_grey.gif") 5px 50% no-repeat; padding: 3px 3px 3px 18px; width: 8em}
#menu #s_about ul li a {width: 9em}
#menu #s_about ul li li a {width: 17em}
#menu #s_information ul li a {width: 12em}
#menu #s_events_and_consultations ul li a {width: 11em}
#menu #s_areas ul li a {width: 18em}
#menu #s_regions ul li a {width: 15em}
#menu #s_events ul li a {width: 12em}
#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; display: block}
#menu li ul li a:hover {color: #F7B900; background-color: #737373}
#menu li:hover ul, #menu li.hover ul {left: 0}
#sidemenu h2, #sidemenu strong.submenu_header {color: #8E77BC; margin: 3px 0 3px 3px; padding-bottom: 3px; background: url("/images/hdash.gif") 0 100% repeat-x; display: block; font-size: 1.4em; line-height: 1.3; font-weight: normal}
#sidemenu .panel {background: #FFF; padding: 1px}
#sub_menu {list-style: none; margin: 0 1px}
#sub_menu ul {list-style: none; margin: 0}
#sub_menu a.active {font-weight: bold}
#sub_menu li {margin: 0; width: 100%; border-top: 1px solid #EEE}
#sub_menu li.first {border-top: none}
#sub_menu li.active_branch {padding-top: 1px; margin: 2px 0; background: #F4f4f4 url("/images/hdash.gif") 0 0 repeat-x !important; border-top: none}
#sub_menu li.active_branch li {border-top: none}
#sub_menu li.active_branch ul {padding-bottom: 4px; background: url("/images/hdash.gif") 0 100% repeat-x}
#sub_menu li.active_branch li.active_branch ul {padding-left: 10px}
#sub_menu li.active_branch li.active_branch a {background-image: none; padding-left: 6px}
#sub_menu li a {display: block; padding: 4px 6px; width: 190px}
#sub_menu li li a {width: auto; padding: 3px 6px}
#sub_menu li a:hover {text-decoration: none; color: #000; background-color: #F2F2F2}
#sub_menu li a.active_parent {font-weight: bold; border-bottom-color: #DDD}
#sub_menu li a.active {color: #000}
#sub_menu li a.active:hover {color: #000}
#sub_menu li li a, #sub_menu li.active_branch li.active_branch ul a {background-image: url("/images/bullet_orange.gif"); background-position: 6px 6px; background-repeat: no-repeat; padding-left: 16px}
#sub_menu li.active_branch a:hover {background-color: #DFDFDF}
#sub_menu li.active_branch li.active_branch {background: #DFDFDF url("/images/hdash.gif") 0 0 repeat-x !important}
#sub_menu li.active_branch li.active_branch a, #sub_menu li.active_branch li.active_branch ul {background-color: #DFDFDF}
#sub_menu li.active_branch li.active_branch a:hover {background-color: #CBCBCB}
#sub_menu li.first {background-position: 0 -10px !important}
#mini_menu {list-style: none; margin: 0; width: 10em; float: left; margin-right: 1.5em; margin-bottom: 1em}
#mini_menu li {}
#mini_menu li a {display: block; background-color: #FF9966; margin-bottom: 1px; padding: 3px 5px; color: #FFF; font-weight: bold; text-decoration: none; width: 110px}
#mini_menu li a:hover {text-decoration: none; background-color: #FF9002 !important}
#mini_menu li a.intro {background-color: #484A4B}
#mini_menu li a.who {background-color: #94B06F}
#mini_menu li a.start {background-color: #348585}
#mini_menu li a.reports {background-color: #6344A7}
#form_link1, #form_link2 {text-decoration: none; color: #000; width: 43%; padding: 1em; height: 9em; margin-bottom: 2em}
#form_link1:hover, #form_link2:hover {text-decoration: none; background-color: #FF9002 !important}
#form_link1 strong, #form_link2 strong {font-size: 135%; line-height: 1.2}
#form_link1 {float: left; background-color: #CAC990}
#form_link2 {float: right; background-color: #89CAB0}
#crumb_list {padding: 0 10px 10px 10px; color: #999; line-height: 1.2}
#crumb_list a {text-decoration: none; font-weight: bold; padding-right: 15px; background: url("/images/bullet_grey.gif") 100% 50% no-repeat}
#crumb_list a:hover {}
#crumb_list a.last {background: none}
#crumb_list span {font-weight: bold}
div.pagination {border-top: 1px solid #EEE; margin: 16px 0 18px 0; padding-top: 4px; font-size: 100%; text-align: center; font-weight: bold}
div.pagination a {border: 1px solid #DDD; padding: 0 3px; text-decoration: none; background-color: #E5E0EF}
div.pagination a:hover {background-color: #FF9002; border-color: #FF9002; color: #FFF; text-decoration: none}
div.pagination .current {padding: 0 3px; background-color: #EEE; border: 1px solid #EEE; color: #000}
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}
#skip_to_content {position: absolute; left: -1000px; top: -500px}
.signpost {background-color: #DFDFDF; padding: 10px; margin-bottom: 10px}
.signpost div {border: 2px solid #FFF; background-color: #F2F2F2; position: relative; background-repeat: repeat; background-position: 100% 100%; min-height: 10em; overflow: hidden}
.signpost h3 {margin: 0; padding: 0}
.signpost h3 a {text-decoration: none; display: block; position: relative}
.signpost h3 a:hover {text-decoration: none}
.signpost h3 span {display: block; padding: 5px 7px; position: relative}
.signpost p {padding: 5px 7px; margin: 0}
.signpost a.signpost_link {text-decoration: none; position: absolute; left: 0; bottom: 0; display: block}
#right_column .signpost a.signpost_link {position: relative}
.signpost a.signpost_link span {padding: 3px 10px 3px 5px; display: block; background-image: url("/images/bullet_hash_white.gif"); background-repeat: no-repeat; background-position: 97% 50% }
.span-8 a.signpost_link {width: 286px}
.signpost .info_image p {width: 60%}
ul.signposts {list-style:none; margin: 0; padding: 0}
ul.signposts .signpost div {min-height: 0}
ul.signposts .signpost h3 {font-size: 1.1em; margin: 0}
.signpost .basic {background-color: #F2F2F2; color: #333}
.signpost .sand, .sp_homepage .sand p {background-color: #D9D8B3}
.signpost .sand span {color: #FFF; background-color: #CAC990}
.signpost .sand a:hover span {color: #FFF; background-color: #908A57}
.signpost .olive, .sp_homepage .olive p {background-color: #B6CA9D}
.signpost .olive span {color: #FFF; background-color: #94B06F}
.signpost .olive a:hover span {color: #FFF; background-color: #607742}
.signpost .teal, .sp_homepage .teal p {background-color: #B8D3C9}
.signpost .teal span {color: #FFF; background-color: #89CAB0}
.signpost .teal a:hover span {color: #FFF; background-color: #558D77}
.signpost .green, .sp_homepage .green p {background-color: #82C8C8; color: #FFF}
.signpost .green span {color: #FFF; background-color: #348585}
.signpost .green a:hover span {color: #FFF; background-color: #145151}
.signpost .turquoise, .sp_homepage .turquoise p {background-color: #6AC1E5; color: #FFFFFF}
.signpost .turquoise span {color: #FFF; background-color: #2FA1D1}
.signpost .turquoise a:hover span {color: #FFF; background-color: #066F99}
.signpost .blue, .sp_homepage .blue p {background-color: #2287CB; color: #D6EEFB}
.signpost .blue span {color: #FFF; background-color: #0F6198}
.signpost .blue a:hover span {color: #FFF; background-color: #003A66}
.signpost .purple, .sp_homepage .purple p {background-color: #A19FC7; color: #E9E8FB}
.signpost .purple span {color: #FFF; background-color: #524779}
.signpost .purple a:hover span {color: #FFF; background-color: #312A51}
.sp_col1 {width: 210px; margin-right: 10px; float: left}
.sp_col2 {width: 210px; margin-right: 0; float: left}
.sp_homepage div {height: 20em; position: relative}
.sp_homepage div p {position: absolute; bottom: 0; left: 0; width: 272px}
.person_profile {text-align: center; background-position: 50% 1px; background-repeat: no-repeat; background-color: #F9F8F6}
.person_profile p {text-align: left; margin-top: 1px; padding: 3px 2px 0 2px; background-color: #FFF; border-top: 10px solid #D8D8D8}
.person_profile p strong {color: #664B9B}
.person_profile p a {text-decoration: none}
div.area_homepage li.signpost em {display: block; overflow: hidden; height: 116px}
#header {position: relative; background: url("/images/header_bg.gif") 0 0 repeat-y; z-index: 500; margin-bottom: 10px; width: 950px}
#header #pre_menu {position: relative; margin: 10px 0; padding: 0; height: 82px; float: left; width: 100%; z-index: 10001}
#header #pre_menu #logo {margin: 0; font-size: 2.2em; width: 252px; height: 82px; padding: 0}
#header #pre_menu #logo a {display: block; color: #999; text-decoration: none; width: 252px; height: 82px; background: url("/images/logo.gif") no-repeat 0 0; text-indent: -5000px; overflow: hidden}
#header #pre_menu #logo a:hover {color: #666}
#header_links {list-style: none; margin: 0; padding: 0; width: auto; position: absolute; top: 48px; right: 12px}
#header_links li {border-right: 1px solid #4C327F; float: left; line-height: 1.3; font-weight: bold}
#header_links li a {padding: 0 10px; color: #FFF; text-decoration: none}
#header_links li a:hover {color: #42335F; text-decoration: underline}
#header_links li#login_link {border-right: none; margin-right: 40px}
#header_links li#accessibility_link {border-right: none; margin-right: 20px; text-align: right; border-right: 2px solid #6C52A2; padding-right: 10px}
#header_links li#accessibility_link a {color: #DDD6EB}
#header_links li#accessibility_link a:hover {color: #FFF; text-decoration: none}
#header_links #search_form {border-right: none; padding-right: 0; margin-top: -4px}
#header_links #search_form label {display: none}
#header_links #search_field {border: none; width: 122px; height: 17px; background: #FFF url("/images/search_bg.gif") no-repeat 0 0; padding: 4px 23px 2px 5px}
#header_links #search_form input:focus {border-color: #FFF}
#header_links #search_form button {border: none; padding: 3px; margin: 0; background-color: transparent; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFF; font-weight: bold; cursor: pointer; font-size: 100%}
#featured {display: block; width: 212px; height: 30px; border-left: 1px solid #b0a0d0; border-bottom: 1px solid #b0a0d0; position: absolute; right: 0; top: -10px; background: #6a50a0 url("/images/infobar_bg.gif") 0 0 repeat-x; font-weight: bold; z-index: 10010}
#featured a {display: block; width: 177px; height: 25px; color: #DDD6EB; text-decoration: none; padding: 5px 0 0 35px; background: transparent url("/images/white_arrow_down.gif") 15px 45% no-repeat}
#featured a:hover {color: #FFF}
#featured_links {background-color: #dfdfdf; z-index: 10000; position: absolute; right: 0; top: -10px; padding: 50px 10px 10px 15px; border-left: 4px solid #AAA; border-bottom: 4px solid #AAA; width: 400px; display: none}
#featured_links ul {margin: 0 0 5px 0; width: 100%; list-style: none}
#featured_links ul li {width: 50%; float: left; margin: 0; line-height: 1.2; margin-bottom: 3px}
#featured_links ul li.first {clear :left}
#featured_links ul li a {padding-left: 10px; background: url("/images/bullet_grey.gif") 0 5px no-repeat; display: block; text-decoration: none; color: #666}
#featured_links ul li a:hover {color: #000}
#info_form {position: absolute; right: 20px; top: 35px; width: 40em; text-align: right}
#info_form label {display: inline; color: #42335F}
#info_form select {width: 18.5em; padding: 1px; border-width: 1px; margin: 1px 0}
#info_form select:focus {border-color: #FFF}
#info_form input {padding: 0; background: transparent; border: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #42335F; font-weight: bold; cursor: pointer}
#body {min-height: 400px}
#login #body {min-height: 200px; padding: 20px; width: auto}
.box {background-color: #dfdfdf}
.box .panel {border: 2px solid #FFF; background: #FFF url("/images/panel_bg.jpg") 50% 0 repeat-x; padding: 5px; margin: 10px}
.box h2 {margin: 0}
.box h2.quicklink {margin: 0; background: transparent url("/images/arrow_icon.gif") 0 50% no-repeat; padding: 0 0 0 35px}
.box p {margin: 0; line-height: 1.3}
.box ul {margin-bottom: 0}
div.top {margin-bottom: 10px}
div.panel li {line-height: 1.2; margin-top: 4px}
div.panel li.more {list-style: none; font-weight: bold}
div.panel li a {color: #666; text-decoration: none}
div.panel li a:hover {color: #000; text-decoration: underline}
#section_header {border: 2px solid #FFF; margin: 10px; padding: 0; background-color: #A19FC7; color: #FFF; background-repeat: repeat; background-position: 100% 0}
.top_banner #section_header, #body_regions .span-18 #section_header {background-position: 100% 0}
#body_regions #section_header, .regional_banner #section_header {background-position: 0 0}
#section_header div {padding: 10px 15px; width: 40%; min-height: 114px; background-color: #8E77BC}
#body_regions #section_header div, .regional_banner #section_header div {background-color: transparent; width: 50%}
#section_header div.heading, #section_header h1 {font-weight: normal; color: #FFF; line-height: 1.1; margin: 0 0 0.2em 0; min-height: 0; width: auto; padding: 0; font-size: 1.8em; height: auto}
#section_header p {line-height: 1.4; margin: 0; font-size: 1.1em}
div.top_banner {width: 950px}
div.top_banner #section_header h1 strong {font-weight: normal; color: #412B71}
#body_regions div.top_banner #section_header p {font-size: 100%; color: #412B71}
div.page_info {padding: 5px 7px; background-color: #F0EEF6; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin-top: 1em; margin-bottom: 1em; font-size: 92%; clear: both; color: #666}
div.page_info span {float: right; display: block; width: auto}
div.page_info a {text-decoration: none}
#acrobat {display: none}
#acrobat h3 {font-size: 1em}
#acrobat a {background: url("/images/acrobat.gif") no-repeat 3px 3px; font-weight: bold; height: 38px; display: block; padding: 3px 5px 0 40px}
div.related_content {margin-right: 20px}
div.last {margin-right: 0 !important}
div.related_content h3 {margin: 0 0 2px 0; padding-bottom: 2px; padding-left: 2px; border-bottom: 2px solid #EEE; font-size: 1.0em}
div.related_content ul {list-style: none; margin: 0 0 2em 0}
div.related_content li {background-image: url("/images/bullet_orange.gif"); background-position: 2px 5px; background-repeat: no-repeat; padding-left: 13px; line-height: 1.3; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid #EEE; font-size: 92%}
div.related_content li a {font-weight: bold; text-decoration: none}
div.related_content li.more {background-image: none; border-bottom: none; font-size: 92%; padding-bottom: 0; margin-top: -3px}
div.related_content li.more a {text-decoration: none; color: #999}
div.related_content li.more a:hover {color: #333}
#map {float: left; width: 360px}
div.instructions {display: none}
div.region {margin-left: 360px}
div.region h3 {margin-top: 0}
#google_map {width: 300px; height: 300px; border: 1px solid #999; position: absolute; right: -190px; top: 40px}
#footer {clear: both; padding: 10px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; color: #555; margin: 10px 0 20px 0; background: #FFF url("/images/footer_bg.jpg") 0 2px repeat-x; min-height: 80px; width: 950px}
#footer a {text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer div {border-left: 1px solid #DFDFDF; margin-left: -1px}
#footer div.first {border-left: none; margin-left: 0}
#footer h4 {margin: 0; padding-left: 10px}
#footer div.first h4, #footer div.last h4 {color: #999}
#footer ul {margin: 0; padding-left: 8px; list-style: none}
#footer li {font-size: 92%; line-height: 1.2; padding-top: 3px; padding-left: 13px; background: url("/images/bullet_hash.gif") 1px 60% no-repeat}
#footer a {color: #666}
#footer a:hover {color: #000}
#sharethis_0 {padding-left: 10px; display: block; margin-top: 5px}
#subfooter {text-align: center; padding: 0 0 15px 0; color: #333; position: relative; float: left; width: 100%}
#subfooter span {font-size: 92%; color: #999}
#tictoc {position: absolute; right: 10px; top: 0px; display: block; text-decoration: none; color: #999}
#tictoc:hover {color: #000}
#banner {background-color: #484A4B; margin-bottom: 10px; width: 950px; min-height: 208px; position: relative; background-repeat: no-repeat}
#banner img {display: block}
#banner h2 {color: #FFF; padding: 20px 550px 0 20px; font-size: 2em; font-weight: normal; line-height: 1.2; margin: 0}
#banner h2 a {color: #CFC5E3}
div.flash-replaced {background-image: none !important}
div.flash-replaced h2, div.flash-replaced ul, div.flash-replaced div.alt, div.flash-replaced div.alt img{ display: none}
#information_for {position: absolute; right: 0; top: 0}
#information_for {list-style: none; margin: 0}
#information_for li {color: #c390b8; font-weight: bold; margin: 0; width: 210px; display: inline}
#information_for strong {background-color: #484A4B; color: #A19FC7}
#information_for strong, #information_for a {padding: 4px 10px; display: block; margin-left: 20px; width: 170px}
#information_for a {color: #FFF; text-decoration: none}
#information_for a:hover, #information_for a.active {text-decoration: none; margin-left: 0; padding-left: 30px; color: #FFF}
#information_for a.active {color: #fff}
#recent_menu {list-style: none; margin: -5px 0 0 -5px}
#recent_menu li {background-color: #5c5e5f; color: #FFF; font-weight: bold; margin: 0; width: 120px; position: relative}
#recent_menu strong {padding: 7px 10px; display: block; width: 100px; line-height: 1.2}
#recent_menu a {padding: 7px 10px; display: block; width: 100px}
#recent_menu a {color: #FFF; text-decoration: none}
#recent_menu a:hover {color: #F9B23E}
#recent_menu a.active {width: 120px; color: #FFF}
#recent_mask {position: relative; overflow: hidden; height: 28em; margin: 0 0 0 15px; z-index: 10}
#recent_mask dl {position: absolute; z-index: 100; top: 0; left: 0; padding-left: 50px}
#recent_alt {min-height: 366px}
#recent_menu_alt {list-style: none; margin: -5px -5px 0 -5px; width: 445px; height: 70px}
#recent_menu_alt li {background-color: #5c5e5f; color: #FFF; font-weight: bold; margin: 0; width: 89px; float: left}
#recent_menu_alt strong {padding: 7px 10px; display: block; line-height: 1.2}
#recent_menu_alt a {padding: 7px 10px; display: block}
#recent_menu_alt a {color: #FFF; text-decoration: none}
#recent_menuv a:hover {color: #F9B23E}
#recent_menu_alt a.active {color: #FFF; padding-top: 25px}
#recent_mask_alt {position: relative; margin: 0; z-index: 10}
#recent_mask_alt dl {position: absolute; z-index: 100; top: 0; left: 0; padding-left: 50px}
#iw_banner {margin-bottom: 10px; height: 202px; background: transparent url("/images/bg_iw_banner.png") 315px top no-repeat}
#iw_banner .iw_banner {background-color: transparent; border: 0; margin: 61px 0 53px 0}
#iw_banner .iw_banner .header_content {width: 285px; height: 67px; min-height: 67px}
#pencil_nav .panel {padding-left: 0}
#pencil_nav .title {padding-left: 5px}
#pencil_nav ul {list-style-type: none; margin: 0}
#pencil_nav li {text-align: right; margin-bottom: 10px; width: 196px}
#pencil_nav li a {padding-right: 25px; width: 171px; display: block; background: top left no-repeat; color: #fff; text-decoration: none; font-size: 0.8em; line-height: 20px; padding-bottom: 4px}
#pencil_nav li.common_core a {background-color: #90396f; background-image: url("/images/p_common_core.png")}
#pencil_nav li.info_sharing a {background-color: #28708c; background-image: url("/images/p_info_sharing.png")}
#pencil_nav li.lead_professional a {background-color: #386521; background-image: url("/images/p_lead_professional.png")}
#pencil_nav li.caf a {background-color: #b18625; background-image: url("/images/p_caf.png")}
#pencil_nav li.multi_agency a {background-color: #8e2519; background-image: url("/images/p_multi_agency.png")}
#pencil_nav li.leadership a {background-color: #1c2958; background-image: url("/images/p_leadership.png")}
#pencil_nav li a:hover {text-decoration: underline}
#pencil_title h1 {padding: 0 12px}
#pencil_title h1.with_image {background: transparent top left no-repeat; text-indent: 40px; color: #fff; font-size: 1.3em; line-height: 31px; padding-top: 2px; padding-bottom: 5px}
#iw_signposts li {text-indent: -4999em; background: transparent top left no-repeat; margin-bottom: 10px}
p.iw_update_link {background: #DFDFDF; margin: 0; float: left; width: 100%; margin-bottom: 10px}
p.iw_update_link span {display: block; border: 2px solid #fff; padding: 20px 10px; margin: 10px !important; background: #FFFFFF url("/images/panel_bg.jpg") repeat-x scroll 50% 0}
p.iw_update_link a {padding: 8px 0 10px 40px; background: transparent url("/images/icons.gif") 0 -53px no-repeat}
dl.items {margin: 0; background: #FFF url("/images/panel_bg.jpg") 0 0 repeat-x}
dl.items dt {margin: 10px 0 0 0; display: block; position: relative}
dl.items dt a {text-decoration: none}
dl.items dt a:hover {text-decoration: underline}
dl.items dd {margin: 0; line-height: 1.3; min-height: 2em; overflow: hidden}
dl.items span.date {background: #FFF url("/images/date_bg.gif") 0 100% no-repeat; position: absolute; left: -45px; top: 2px; display: block; color: #FFF; text-transform: uppercase; text-align: center; width: 37px; margin: 0; font-size: 10px; font-weight: bold; line-height: 1.4}
dl.items span.date strong {background: url("/images/date_bg.gif") 0 0 no-repeat; display: block; font-family: georgia, times, serif; font-size: 20px; text-align: center; padding: 0 5px; line-height: 1.1; letter-spacing: -1px; padding-bottom: 2px}
#newsletter_signup {margin-top: 50px}
#newsletter_signup.ldss {margin-top: 20px}
dl.ebulletins{}
dl.ebulletins dt{ margin: 30px 0px}
dl.ebulletins span.date{ top: -10px}
#ebulletin {background: #FFFFFF url("/images/e-bulletin_small.jpg") repeat-y 0 0; border:2px solid #FFFFFF; margin:10px; padding: 5px 110px 5px 5px; color: #FFF}
#ebulletin h3 {font-size: 1.3em; margin: 0}
#ebulletin h3 a {text-decoration: none}
#ebulletin a {color: #FFF}
#ebulletin a:hover {color: #C9B9FF}
#home #ebulletin {background: #FFFFFF url("/images/e-bulletin_big.jpg") repeat-y 0 0; padding-right: 150px}
ul.items {list-style: none; margin: 0; border-top: 1px solid #DFDFDF; padding-top: 10px}
ul.items li {border-bottom: 1px solid #DFDFDF; padding-bottom: 10px; margin-bottom: 10px}
ul.items li em.info {font-size: 92%}
dl.category_events{margin-left: 50px; margin-bottom: 20px;}
#content dl.items {margin-left: 50px; background: none; clear: both}
p.publication_info {color: #999; margin-top: -0.8em}
.publication_date, .publication_edition {border-left: 1px solid #999; padding-left: 5px; margin-left: 3px; font-style: italic}
dl.faq_listing {margin: 0 0 2em 0}
dl.faq_listing dt {margin: 5px 0 0 0; padding-left: 1.5em; display: block; position: relative; border-top: 1px solid #EEE}
dl.faq_listing dt strong.question {font-weight: bold; left: 0; top: 0; position: absolute}
dl.faq_listing dt a {display: block}
dl.faq_listing dt a.show_faq {text-decoration: none; color: #000; background-color: #FFFDD8}
dl.faq_listing dd {margin: 0; padding: 1px 0 0 1.5em; position: relative}
dl.faq_listing dd strong.answer {font-weight: bold; left: 0; top: 0; display: block; position: absolute}
dl.vacancy {}
dl.vacancy dt {float: left; width: 130px; clear: both; line-height: 1.3; color: #222}
dl.vacancy dd {margin-bottom: 1em; float: left; width: 450px}
#content #right_column {float: none; margin: 0 0 20px 20px; clear: none; position: absolute; right: 0; top: 0}
dl.side_margin dd {width: 330px}
h1.side_margin {padding-right: 200px}
#recent, #areas {min-height: 29em}
#current_projects {min-height: 15.2em}
ul.assets{ list-style-type: none; margin: 10px 0px}
ul.assets li{ margin: 8px 0px;}
ul.assets li a{ background-repeat: no-repeat; background-position: center left; padding: 2px 0 2px 24px}
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}
#replies {margin: 0; padding-top: 5px; border-top: 2px solid #AAA; 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 #AAA; clear: both; float: left; width: 100%}
#replies li p {margin-bottom: 0.7em}
#replies li.preview div.by {color: #DB7B2C}
#replies li.preview {border: 1px solid #E4BC6B; padding: 5px 5px 0 5px; width: 474px}
#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%}
#trust_area {padding-left: 12px; float: left; width: 468px}
#trust_area h1, #trust_area h2 {margin-bottom: 0}
#infobank {border-bottom: 2px solid #DFDFDF; padding-left: 10px; padding-bottom: 3px}
#wspp .filter {padding: 5px 10px 0 10px}
#wspp .filter ul {padding: 0}
#wspp .filter li {margin-bottom: 10px}
#wspp .filter label {margin: 0 5px 0 0; display: inline; font-weight: bold}
#wspp .filter label input {background: none; border: none; padding: 0}
#wspp .filter select {width: 100%}
#wspp .filter #search_keywords {background-color: #FFF; border: 1px solid #999999; font-weight: normal; color: #222; width: 17em}
#wspp table {width: 100%}
#wspp table td {border-bottom: none}
#sitemap {line-height: 1.6}
#sitemap h2 {padding-bottom: 5px; margin-bottom: 0px; padding-top: 30px; border-bottom: 1px solid #DFDFDF}
#sitemap h2 a {color: #505252}
#sitemap div.clear {}
#sitemap ul {clear: none; margin: 1em 0; list-style: none}
#sitemap ul ul, #sitemap ul.third {list-style: none; margin: 0.5em 0 0 10px}
#sitemap li {}
#sitemap li a {display: block; width: 200px; font-weight: bold}
#sitemap li li, #sitemap ul.third li {font-size: 100%}
#sitemap li li a, #sitemap ul.third li a {width: 184px; color: #737373; padding-left: 10px; font-weight: normal; background: url("/images/bullet_orange.gif") 0 6px no-repeat}
#sitemap ul.third li a:hover, #sitemap li li a:hover {color: #FF9002}
#sitemap ul#childless_tops{}
#sitemap ul#childless_tops li{ margin: 1em 0px}
.dotted_bottom {background: transparent url('/images/intranet/dotted_horizontal_line.gif') repeat-x bottom left;}
.spacer_bottom {padding-bottom: 20px;}
h2.padded {margin-bottom: 0.8em; padding-bottom: 0.6em;}
#username_header {position: relative;}
#profile_edit {position: absolute; right: 0px;}
form.edit_user {}
form.edit_user fieldset {padding-top: 20px; background: #FFFFFF url('/images/panel_bg.jpg') repeat-x scroll 0pt -220px}
form.edit_user fieldset, form.edit_user div.buttons {padding-left: 10px}
div.buttons .save {background-color: #6BC451; border: 2px solid #45A72B; color: #fff}
div.buttons .save: hover {background-color: #FFBF00; border: 2px solid #FF9000}
#fstabs {}
#fstabs a {text-decoration: none}
#placeholder {background-color: #dfdfdf; width: 150px; height: 200px; margin-bottom: 20px}
.portrait {width: 170px; margin-right: 15px;}
.portrait img {margin-bottom: 20px;}
.details {width: 180px;}
.details dl dd {margin-left: 0px; margin-bottom: 1em}
.extras {width: 240px; margin-left: 15px; padding-left: 15px; background: transparent url('/images/intranet/dotted_vertical_line.gif') repeat-y top left}
.extras p, .portrait p {margin-bottom: 1em;}
.portrait {width: 190px; overflow: hidden;}
img.polaroid {padding: 10px 10px 30px 10px; background-color: #FFF; border: 1px solid #AAA; border-left-color: #DDD; border-top-color: #DDD}
body#iw_page{ width: 825px; margin: 0 auto; background-color: #fff; background-image: none; background:#FFFFFF url(/images/background.jpg) repeat-x scroll 0 0}
#iw_page .container{ background: #fff url('/images/integrated_working_holding/bg-crayons.jpg') no-repeat 0px 150px; width: 825px; padding: 20px 0}
#return-to-site{ float: right; text-decoration: none; margin-right: 25px; margin-top: 5px; display: inline; height:27px; line-height:27px; text-align: center; width:151px; background: #fff url('/images/integrated_working_holding/return-button.gif') no-repeat top left}
#iw_content{ margin: 0px 50px 20px 388px}
#iw_content h2, #iw_content h3, #iw_content h3 a{color: #8e77bc; text-decoration: none;}
#iw_content h3 a:hover{color: #FF9002;}
#iw_content h3{margin-top: 0.6em;}
#leader{ margin-bottom: 99px; display: block}
#iw_page_content{ position:relative}
#signup-column{ position: absolute; top:520px; width:305px; padding: 0 25px}
#pencil-column{ margin-left: 360px}
#signup-box-outer{ background-color: #d5cfc9; padding: 12px}
#signup-box-inner{ background-color: #f3f3f3; padding: 12px; border: 1px solid #fff}
#signup-link{ text-decoration: none; padding-right: 75px; display: block; height:44px; padding-top: 8px; background: transparent url('/images/integrated_working_holding/signup.gif') no-repeat 95% 50%; font-size: 1.1em; line-height:1.1}
#signup-link strong{font-size: 1.4em; padding-right: 0.1em;}
body#body_christmas_2008 {background-image: none}
#body_christmas_2008 .container {width: 800px; height: 600px}
#xmas_card_image {background: url("/images/xmas_no_flash.gif") no-repeat 0 0; width: 800px; height: 600px; color: #fff}
#xmas_card_image p {padding: 25px 460px 0 25px}
#xmas_card_image a {color: #fff}
#xmas_footer {margin: 5px 23px; color: #8c8c8c; font-size: 140%; text-align: right}
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, fieldset select, fieldset textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; border: 2px solid #C2C2C2; padding: 2px; margin: 2px 0 0 0; color: #333333; background-color: #EEE; font-size: 100%}
fieldset textarea {overflow: auto}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus {border-color: #666}
fieldset select {padding: 1px; padding: 2px 1px 2px 0}
fieldset select optgroup {background-color: #EEE; padding-top: 2px; margin-bottom: 1em; margin-left: 2px}
fieldset select optgroup option {padding: 1px 1em 1px 1em; background-color: #FFF}
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 label.required {font-weight: bold}
fieldset span.note {font-weight: normal; color: #AAA !important; margin: 0 1em 0 0; font-size: 92%}
.required {color: #DF0606}
span.required {font-weight: bold}
p span.required {color: #DF0606 !important}
input.required, textarea.required {color: #333333 !important}
fieldset label.checkbox_note {font-weight: normal; display: inline; float: none}
.tiny {width: 10% }
.small {width: 20%}
.third {width: 31%}
.half {width: 48%}
.two_thirds {width: 67%}
.full {width: 98%}
label.tiny, label.small, label.third, label.half, label.two_thirds, label.full {float: left}
fieldset p {margin: 0.5em 0 0 0 !important}
#search_form {text-align: right}
#search_form label {font-weight: bold; display: inline}
#search_field {width: 11em}
#event_search{ margin: 5px 0px; padding: 10px 6px 2px; background:transparent url('/images/hdash.gif') repeat-x scroll 0pt 0%}
#event_search fieldset{ display: block;}
#event_search label{display: block;}
#event_search input#eq{ width: 10em;}
#event_search #event_search_submit{ text-indent: -999px; background:transparent url('/images/bullet_grey.gif') no-repeat scroll 50% 50%; cursor: pointer; border-style: none; padding: 3px 10px; width: 6px; height: 7px; vertical-align: middle; margin-top: 0px}
#post_comment {margin: 0}
#post_comment label {font-weight: bold; display: block}
#post_comment textarea {border-color: #999; padding: 5px}
#post_comment input.comment {font-weight: bold; float: right; margin-right: 0}
fieldset.buttons {border: 0px none #CCCCCC; background-color: transparent; margin: 0; padding: 0 0 15px 0}
fieldset.buttons input {cursor: pointer; width: auto; padding: 2px 10px; background-color: #8E79BE; border-top: 1px solid #907BBF; border-left: 1px solid #907BBF; border-right: 1px solid #7157AB; border-bottom: 1px solid #7157AB; margin-right: 15px; color: #FFF}
fieldset.buttons input:hover {background-color: #907BBF; border-top: 1px solid #7157AB; border-left: 1px solid #7157AB; border-right: 1px solid #907BBF; border-bottom: 1px solid #907BBF; color: #FFF}
fieldset.buttons input.button1 {font-weight: bold}
fieldset.buttons input.button2 {font-weight: normal}
fieldset input.img_button {background-color: transparent; padding: 0; border: none; margin: 0}
fieldset input.img_button:hover {border: none}
fieldset input.post_reply {float: right}
#fstabs, .fstabs {height: 25px; clear: right; border-bottom: 2px solid #DEDEDE; margin-top: 5px}
#fstabs a, .fstabs a {background-color: #F0F0F0; background-repeat: no-repeat; padding: 4px 6px 0 6px; margin-right: 1px; height: 21px; font-weight: bold; float: left; width: auto; font-size: 11px; text-decoration: none}
#fstabs a:hover, .fstabs a:hover {text-decoration: none; background-color: #DEDEDE}
#fstabs a.active, .fstabs a.active {background-color: #DEDEDE; color: #484848}
#survey_form {margin-bottom: 20px}
#survey_form fieldset {padding-top: 10px}
#survey_form legend {font-weight: bold; color: #000; border-bottom: 2px solid #EEE; display: block}
#survey_form li {margin-top: 10px; clear: both; padding-bottom: 12px; border-bottom: 1px solid #EEE}
#survey_form li label {margin-top: 3px; display: block; clear: both; font-weight: bold}
#survey_form li label.subquestion {font-weight: normal}
#survey_form li label.option_label {font-weight: normal}
#survey_form li span.note {clear: both; display: block; font-style: normal}
#survey_form li label.required {color: #4A4A4A}
#survey_form li span.form_paragraph {font-weight: bold}
#survey_form .buttons {text-align: center}
#survey_form .buttons input {margin: 0; float: right}
#survey_form a.continue_buttons {display: block; font-weight: bold; padding: 2px 10px; background-color: #DFDFDF; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; text-decoration: none; vertical-align: middle}
#fieldset_continue_button {float: right}
#fieldset_back_button {float: left; margin-right: 20px}
form.filter {background-color: #F1f1F1; padding: 10px; margin-bottom: 15px}
form.filter input {border: 1px solid #8E86A7; background-color: #8E86A7; color: #FFF; cursor: pointer; font-weight: bold}
form.filter select {border: 1px solid #999; background-color: #FFF}
#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 select, em.field_error textarea {background-color: #F3E9E9; border-color: #B72222; font-style: normal; color: #333 !important}
#ensure_ham_field {display: none}
.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 p , #error p {font-size: 100%; margin-bottom: 0.5em; font-weight: bold; color: #FFCD38}
#errorExplanation ul {margin: 0}
#errorExplanation ul li {font-size: 100%; list-style: square; margin-left: 1em}
table.calendar {width: 100%}
table.calendar td {vertical-align: top}
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: #818283 url("/images/menu_bg.gif") 0 100% repeat-x; color: white; font-size: 92%; text-align: center}
table.calendar td {padding: 3px; border-right: 1px solid white; width: 16%; font-size: 93%; text-align: left; height: 6em; line-height: 1}
table.calendar .otherMonth span, table.calendar .day span, table.calendar .today span, table.calendar .specialDay span {float: right; width: auto; padding: 0}
table.calendar .otherMonth {color: #999; background-color: #F2F2F2; border-bottom: 1px solid #FFF}
table.calendar .otherMonth span {}
table.calendar .day, table.calendar .specialDay {text-align: left; border-bottom: 1px solid #FFF; background-color: #D2C7EB}
table.calendar .specialDay {background-color: #003355; color: white}
table.calendar td.day a {line-height: 1.2; padding: 3px; margin-bottom: 0; display: block; text-decoration: none}
table.calendar td.day a:hover {color: #000; background-color: #B6ACCB}
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 .weekendDay {background-color: #DFDFDF; width: 10%}
table.calendar .today {background-color: #B6ACCB; border-right: 1px solid white; color: #FFF; font-weight: bold}
table.calendar abbr {border-bottom: none}
table.calendar th.monthName {text-align: left}
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}