/* CSS/xhtml by Neil Paterson & Design by Zoe Ingram, Civic. */
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;}
* {margin:0; padding:0}
body {background:#fff; font-family:verdana, arial, helvetica, sans-serif; font-size:71%; padding:0; margin:0; text-align:center}

/* standard headings, fonts and links */
h1,h2,h3,h4,h5,h6{}
h1{color:#444; font-weight:bold; margin:0 0 13px 0; border-bottom:1px solid #989C9B; font-size:161%; padding:0 0 13px 0; position:relative}
h1.wideBg {border:none; width:412px; color:#444; font-weight:bold; margin:0 0 13px 0; background:url(../images/css-h1bg.gif) bottom right no-repeat; font-size:161%; padding:0 275px 14px 0; float:left; position:relative}
	* html h1.wideBg {float:none; padding:0 272px 14px 0;}

h1 span {position:absolute; top:6px; right:0; font-size:71%}
	* html h1 span {right:20px}
body#home h1 {font-size:161%; font-weight:normal; border:none; margin:0 0 18px 0; padding:0}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:111%; color:#fff; font-weight:bold;}
body.equality #wide h2 {margin:0 0 5px 0}
h2.pale {padding:4px 11px 10px 11px; background:#577F8E url(../images/css-h2pale.gif) bottom center no-repeat}
#right h2.light {padding:4px 11px 10px 11px; background:#25396D url(../images/css-h2light.gif) bottom center no-repeat}
#right h2.dark, #right h2 {padding:4px 11px 10px 11px; background:#242B3D url(../images/css-h2dark.gif) bottom center no-repeat}
#center h2, #center h3, #center h4, #center h5, #wide h2, #wide h3, #wide h4, #wide h5, #full h2, #full h3 {font-weight:bold; color:#444; font-family:verdana, arial, helvetica, sans-serif; margin:0 0 15px 0; font-size:111%}
#wide h3.progress {text-align:center; background:#444; color:#fff; padding:5px;}
#center h2, #wide h2 {border-bottom:1px solid #444; padding:0 0 4px 0}
#center h4, #wide h4 {font-size:101%}
a {color:#0493A0; text-decoration:none}
a.newWin {background:url(../images/newWin.gif) 0 0 no-repeat; padding:0 0 0 17px;}
a:hover {text-decoration:underline}
p {line-height:150%; color:#444; margin:0 0 15px 0}
.skiplinks {display:none}
img {border:none}
hr{}

.clearfix {display:block; clear:both; height:0; width:100%; text-indent:-9999px}

/* containers */
#container {text-align:left; margin:0 auto; width:980px; background:#fff url(../images/css-bg.gif) top center repeat-y}
#content {margin:0 15px; border-left:2px solid #C4C9CA; border-right:2px solid #C4C9CA;  clear:both}
#header {width:946px; padding:0 17px; background:url(../images/css-home-header-bg.gif) top center no-repeat}
#left {float:left; width:234px; margin:-13px 25px 0 0; font-size:100%}
#center {float:left; width:412px; padding:0 25px 25px 0}
body#home #center {width:356px}
#right {padding:0; width:250px; float:left; margin:0}
body#home #right {padding:0; width:306px; float:left; border:none; margin:-75px 0 0 0}
#wide {width:662px; float:left; padding:0 25px 25px 0}
#full {width:100%;}
#full div#wrapper {padding:0 20px}

/* header */
ul#topLinks {text-align:right; background:#fff url(../images/css-top-links-bg.gif) bottom center no-repeat; padding:14px 0 11px 0; font-size:91%}
ul#topLinks li {display:inline; padding:0 5px 0 0; margin:0 5px 0 0; list-style-type:none; border-right:1px solid #0493A0}
ul#topLinks li.last {border:none; margin:0 15px 0 0}
#header p {font-family:Georgia, "Times New Roman", Times, serif; font-size:281%; color:#fff; border-top:2px solid #C4C9CA; padding:0 0 75px 0; margin:0; line-height:100%; background:#2C373B url(../images/css-home-header.jpg) bottom center no-repeat; text-align:center}
	body.sub1 #header p {background:#2C373B url(../images/css-sub1-header.jpg) bottom center no-repeat}
	body.sub2 #header p {background:#2C373B url(../images/css-sub2-header.jpg) bottom center no-repeat}
	body.sub3 #header p {background:#2C373B url(../images/css-sub3-header.jpg) bottom center no-repeat}
	body.sub4 #header p {background:#2C373B url(../images/css-sub4-header.jpg) bottom center no-repeat}
#header a {color:#fff; text-decoration:none; border-bottom:1px solid #C4C9CA; display:block; padding:9px 0 14px 0 }
#header a:hover {color:#ccc; text-decoration:none}

/* left */
#left ul {margin:0 0 41px 0; text-transform:uppercase; border-top:1px solid #97999A; }
#left li {list-style-type:none}
#left li a {font-weight:bold; color:#fff; width:212px; display:block; padding:8px 11px; text-decoration:none; border-bottom:1px solid #989C9B; background:#143C4A url(../images/css-leftNav.gif) top center repeat-y}
#left li a:hover, #left li.hot a, #left li.open a {background:#23376A url(../images/css-leftNav-hover.gif) top center repeat-y}
#left li a#m21, #left li a#m76 {background:#263A70 url(../images/css-leftNav-hom.gif) top center no-repeat; padding:33px 11px 7px 11px}
#left li a#m21:hover, #left li.hot a#m21, body#home #left li a#m21, #left li a#m76:hover, #left li.hot a#m76, body#home #left li a#m76 {background:#323D42 url(../images/css-leftNav-hom.gif) bottom center no-repeat}
#left ul ul {margin:0; border:none; border-bottom:1px solid #97999A; background:#7089CC url(../images/css-leftSubNav.gif) top center repeat-y; padding:0 0 17px 0; text-transform:none}
#left ul ul li a {font-weight:bold; color:#fff; width:212px; display:block; margin:0 0 0 11px; padding:6px 11px 6px 0; text-decoration:none; border-bottom:1px solid #fff; background:none}
#left ul ul li a:hover, #left li.open li.open a, #left li.open li.hot a {background:none; color:#10181A; border-bottom:1px solid #10181A}
#left li.open li a, #left li.hot li a {background:none}
#left ul ul ul {margin:0; border:none; background:#7089CC url(../images/css-leftSubNav.gif) top center repeat-y; padding:3px 0 17px 0}
#left ul ul ul li a, #left li.open li.open li a, #left li.open li.hot li a {font-weight:normal; color:#fff; width:201px; display:block; margin:0 0 0 11px; padding:5px 11px 5px 11px; text-decoration:none; border-bottom:none; background:none}
#left ul ul ul li a:hover, #left li.open li.open li a:hover, #left li.open li.hot li a:hover, #left li.open li.open li.hot a {background:none; color:#10181A; border-bottom:none}
#left p {padding:5px 11px}
#left em {display:none}

/* center */
#center div, #wide div {font-size:161%; font-weight:normal; border:none; margin:0 0 18px 0; padding:0; color:#444}
#wide div#wrapper {font-size:100%}
#center ul, #wide ul, #full ul {margin:0 0 15px 0; padding:0; line-height:160%}
#right ul {margin:0 10px 15px 10px; padding:0; line-height:140%}
#center li, #wide li, #right li, #full li {list-style-type:none; margin:0 0 5px 0; padding:0 0 0 15px; background:url(../images/css-li.gif) 0 5px no-repeat; color:#444}
#center ul#lowGraphics, #wide ul#lowGraphics, #right ul#lowGraphics {display:none;}

/* right */
#right img {border:none; margin:0 0 1px 0; padding:0}
#right p {padding:5px 11px}

/* footer */
ul#footer  {display:block; clear:both; text-align:center; background:#fff url(../images/css-footer-bg.gif) top center no-repeat; padding:24px 0 20px 29px}
ul#footer li {display:inline; padding:0 5px 0 0; margin:0 5px 0 0; list-style-type:none; border-right:1px solid #0493A0}
ul#footer li.last {border:none; margin:0 15px 0 0}

/* forms */
#wide form, #wide fieldset {border:none; padding:0; margin:0}
#wide form h3 {margin:10px 0 10px 0; padding:0; color:#0493A0;}
#wide form label {margin:0; display:block; padding:3px 0 0 }
#wide form li {position:relative;}
	* html #wide form li {height:1%;}
#wide form li.inline {text-align:left; position:relative; border-bottom:1px solid #f0f0f0; }
#wide form li.inlineNB {text-align:left; position:relative; border:none; padding:0; margin:0 0 5px 0;}
#wide form li.head {border:none; font-size:121%; color:#000; font-weight:bold;}
#wide form li.inline span, #wide form li span {clear:both; display:block; font-weight:bold; color:#ff0000; width:100%;}
#wide form li.inline span.required, #wide form label span.required, span.required, #wide form li p span, #wide form li.inlineNB span.required {clear:none; display:inline; color:#ff0000; width:auto;}
#wide form li.inline span.important, #wide form li.multiSelect span.important {color:#444; font-style:italic; font-size:91%; font-weight:normal; padding:0 10px 0 0; line-height:120%;}
#wide form li.inline span.help {width:auto; display:inline; cursor:help;}
#wide form li span.clear {display:block; clear:both; height:0; width:100%; text-indent:-9999px; margin:0; padding:0;}
#wide form li.inline label {width:220px; text-align:left;}
#wide form li.inline input {width:430px; background:none; position:absolute; top:0; right:0}
#wide form li.submit {padding:10px 0 0 220px; height:2.8em; border-bottom:1px solid #f0f0f0; }
#wide form li.submit input.submit {background:#f0f0f0; border:1px solid #333; padding:4px; margin:0 5px 0 0; width:auto; float:left; }
#wide form li.submit input.remove {background:#fff; border:1px solid #f0f0f0; color:#333; padding:4px; margin:0 5px 0 0; width:auto;}
#wide form li.inline select {width:150px; padding:3px; margin:0 0 5px 0; position:absolute; top:0; right:0}
#wide form li.terms {padding:0; position:relative; border-bottom:1px solid #f0f0f0; }
#wide form li.terms p {padding:0 0 0 30px}
#wide form li.terms input {position:absolute; top:2.5em; left:0; width:auto; border:none}
	* html #wide form li.terms input {top:0; left:-30px}
#wide form li {list-style-type:none; border-bottom:1px solid #f0f0f0; padding:0 0 10px 0; margin:0 0 10px 0; background:none;}
#wide form li.textarea {border-bottom:1px solid #f0f0f0; margin:0; padding:0 0 5px 0}
body.equality #wide form li.textarea {margin:5px 0 0 0}
body.equality #wide form li p {margin:0 0 5px 0}
body.equality #wide form li label {margin:0; padding:0;}
body.equality #wide form li select {width:200px}
#wide form li.select select {margin:0 0 5px 0}
#wide form li.select {border-bottom:1px solid #f0f0f0; }
#wide form li.multiChoice {margin:0; clear:both; padding:0; border:none; line-height:140%;}
#wide form li.multiChoice p {padding-top:5px}
#wide form li.multiChoice input {border:none; margin:0 5px 0 0; padding:0; width:auto; float:left; clear:left;}
#wide form li.multiChoice label {margin:0; padding:0 0 0 0; display:inline; width:auto;}
#wide form li.multiChoice li input {}
#wide form li.multiChoice li {list-style-type:none; padding:5px 0 0 0}
#wide form li.multiChoice .borderBottom {border-bottom:1px solid #f0f0f0!important;}
/* 131008 */
#wide form li.newSelect select {width:175px; }
/*
#wide form li.multiChoice textarea {height:50px}
*/
#wide form li.multiSelect {margin:0 0 5px 0; min-height:68px; border-bottom:1px solid #f0f0f0; }
#wide form li.multiSelect select {float:left; height:70px; width:250px; clear:none;}
#wide form li.multiSelect label {width:220px; background:none; float:left;}
#wide form li ul {margin:0; clear:both; display:block; height:1%}
#wide form li li {list-style-type:disc; margin:0 0 0 15px; border:none}
#wide form li.tick label, #wide form li.tick input {width:auto; display:inline; margin:0 10px 0 0; border:none!important}
#wide form li.tick {margin:0 0 5px 0; clear:both; border-bottom:1px solid #f0f0f0; }
#wide form li input.tick {width:auto; padding:0; margin:0 5px 0 0}
#wide form textarea {clear:both; width:650px; height:13px; border:1px solid #ccc; padding:5px}
#wide form textarea#parta1, #wide form textarea#parta2, #wide form textarea#parta3, #wide form textarea#parta4 {height:90px;}
body.equality #wide span.field input {clear:both; width:650px; border:1px solid #ccc; padding:5px}
body.equality #wide form input.submit {background:#f0f0f0; border:1px solid #333; padding:4px; margin:0 5px 0 0; width:auto; float:left; display:block; clear:both}
body.equality #wide form li.subInput {border:none; clear:both; padding:10px 0 0 0}
#wide form input {border:1px solid #ccc; width:92%; padding:5px; }
#wide form select, #wide form input, #wide form textarea {font-family:verdana, arial, helvetica, sans-serif; font-size:100%}
#wide form table {border-collapse:collapse; padding:0; margin:0 0 0 0; text-align:left}
#wide form table caption {text-align:left; padding:0 0 20px 0}
#wide form table th {background:#f0f0f0; padding:5px; vertical-align:top}
#wide form table th.twocol {background:#f0f0f0; padding:5px; width:50%}
#wide form table td {padding:5px 0; vertical-align:top}
#wide form table td.input1 input {width:100px}
#wide form table td.input2 input {width:200px}
#wide form table td.input3 input {width:320px}
#wide form table td.input4 input, #wide form table td.input5 input {width:317px}

#wide form li.inlineNBselect {text-align:left; position:relative; border:none; padding:0; margin:0 0 5px 0; min-height:30px}
#wide form li.inlineNBselect label {width:220px; text-align:left; position:relative; padding:5px 0 0 0; float:left; width:220px;}
#wide form li.inlineNBselect select {width:440px; background:#fff; position:relative; float:left; top:0; right:0; padding:3px; margin:0 0 5px 0}

p.error {color:#ff0000}
#wide form li.tick p {margin:0 0 10px 0}
#wide form li p {margin:0 0 10px 0}
#wide a.submit {background:#f0f0f0; border:1px solid #333; padding:4px; margin:0; float:left; clear:both }
#wide a.submit:hover {text-decoration:none; color:#000}

#full {width:500px; margin:0 0 0 223px}
#full p {margin:0 0 15px 0}
#full p.mt {margin:15px 0 30px 0}
form#frmLogin {width:430px; text-align:left; margin:0 auto;}
form#frmLogin label {width:120px; float:left; padding:3px 0 0 0; margin:0 0 10px 0; color:#444}
form#frmLogin input {padding:0; float:left; width:300px; margin:0 0 10px 0}
form#frmLogin input.submit img {display:none;}
form#frmLogin input.submit {width:46px; height:25px; display:block; background:url(../images/css-login-submit.gif) center center no-repeat; text-indent:-9999px; margin:0 5px 0 120px}
	* html form#frmLogin input.submit {margin:0 5px 0 60px}

/* what happens when diagram */
#wide ul.whw1, #wide ul.whw2, #wide ul.whw3, #wide ul.whw4 {width:100%; display:block; clear:both;margin:0; padding:0}
#wide ul.whw1 p, #wide ul.whw2 p, #wide ul.whw3 p, #wide ul.whw4 p {margin:0; padding:0;}
#wide ul.whw1 {background:url(../images/css-whw1.gif) bottom left no-repeat; min-height:115px; padding:0}
#wide ul.whw2 {background:url(../images/css-whw2.gif) bottom left no-repeat; min-height:105px; padding:0}
#wide ul.whw3 {background:url(../images/css-whw3.gif) bottom left no-repeat; min-height:115px; padding:0}
#wide ul.whw4 {background:url(../images/css-whw4.gif) bottom left no-repeat; min-height:125px; padding:0}
#wide ul.whw1 li {display:inline; float:left; clear:none; list-style-type:none; background:none; margin:0; padding:0; line-height:150%}
#wide ul.whw1 li.whw1l {background:#C93436 url(../images/css-whw1l.gif) top center no-repeat; width:67px; float:left; clear:none; padding:54px 10px 10px 10px; color:#fff; text-align:center}
#wide ul.whw1 li.whw1t {min-height:68px; background:url(../images/css-whw1t.gif) top right no-repeat; padding:10px 10px 0 10px; float:left; clear:none; margin:0; width:545px; }
#wide ul.whw1 li.whw1b {padding:10px 0 0 0; float:right; clear:none; margin:0; width:565px}
#wide p.whw1clear {background:url(../images/css-whw1clear.gif) center left no-repeat; width:652px; height:22px; display:block; margin:0; padding:0; text-indent:-9999px}
#wide ul.whw2 li {display:inline; float:left; clear:none; list-style-type:none; background:none; margin:0; padding:0; line-height:150%}
#wide ul.whw2 li.whw2l {background:#7AB338 url(../images/css-whw2l.gif) top center no-repeat; width:67px; float:left; clear:none; padding:54px 10px 10px 10px; color:#fff; text-align:center}
#wide ul.whw2 li.whw2t {min-height:58px; background:url(../images/css-whw2t.gif) top right no-repeat; padding:10px 10px 0 10px; float:left; clear:none; margin:0; width:545px; }
#wide ul.whw2 li.whw2b {padding:10px 0 0 0; float:right; clear:none; margin:0; width:565px}
#wide p.whw2clear {background:url(../images/css-whw2clear.gif) center left no-repeat; width:652px; height:22px; display:block; margin:0; padding:0; text-indent:-9999px}
#wide ul.whw3 li {display:inline; float:left; clear:none; list-style-type:none; background:none; margin:0; padding:0; line-height:150%}
#wide ul.whw3 li.whw3l {background:#754995 url(../images/css-whw3l.gif) top center no-repeat; width:67px; float:left; clear:none; padding:54px 10px 10px 10px; color:#fff; text-align:center}
#wide ul.whw3 li.whw3t {min-height:48px; background:url(../images/css-whw3t.gif) top right no-repeat; padding:10px 10px 0 10px; float:left; clear:none; margin:0; width:545px; }
#wide ul.whw3 li.whw3b {padding:10px 0 0 0; float:right; clear:none; margin:0; width:565px}
#wide p.whw3clear {background:url(../images/css-whw3clear.gif) center left no-repeat; width:652px; height:22px; display:block; margin:0; padding:0; text-indent:-9999px}
#wide ul.whw4 li {display:inline; float:left; clear:none; list-style-type:none; background:none; margin:0; padding:0; line-height:150%}
#wide ul.whw4 li.whw4l {background:#009DBE url(../images/css-whw4l.gif) top left no-repeat; width:77px; float:left; clear:none; padding:54px 5px 10px 5px; color:#fff; text-align:center}
#wide ul.whw4 li.whw4t {min-height:78px; background:url(../images/css-whw4t.gif) top right no-repeat; padding:10px 10px 0 10px; float:left; clear:none; margin:0; width:545px; }
#wide ul.whw4 li.whw4b {padding:10px 0 0 0; float:right; clear:none; margin:0; width:565px}
#wide p.whw4clear {background:url(../images/css-whw4clear.gif) center left no-repeat; width:652px; height:43px; display:block; margin:0; padding:0; text-indent:-9999px}

/* video */
.MultiBoxContainer {position:absolute; border:20px solid #000; background:#fff; display:none; z-index:2; text-align:left; /*overflow: hidden;*/}
.MultiBoxLoading {background:url(../images/loader.gif) no-repeat center}
.MultiBoxContent {position:relative; width:100%; height:100%; overflow:hidden}
.MultiBoxClose {position:absolute; top:-26px; right:-26px; background:url(../images/close.png) no-repeat; width:24px; height:24px; cursor:pointer}
	* html .MultiBoxClose {background: url(../images/close.gif) no-repeat}
.MultiBoxControlsContainer {overflow:hidden; height:0px; position:relative}
.MultiBoxControls {width:100%; height:65px; position:relative; background:#000}
.MultiBoxPrevious {position:absolute; background:url(../images/left.png) no-repeat; width:24px; height:24px; top:10px; left:0; margin-top:0; cursor:pointer}
	* html .MultiBoxPrevious {background: url(../images/left.gif) no-repeat}
.MultiBoxNext {position:absolute; background:url(../images/right.png) no-repeat; width:24px; height:24px; top:10px; right:0px; margin-top:0; cursor:pointer}
	* html .MultiBoxNext {background: url(../images/right.gif) no-repeat}
.MultiBoxNextDisabled {cursor:default; background:url(../images/rightDisabled.png) no-repeat}
	* html .MultiBoxNextDisabled {background: url(../images/rightDisabled.gif) no-repeat}
.MultiBoxPreviousDisabled {cursor:default; background:url(../images/leftDisabled.png) no-repeat}
	* html .MultiBoxPreviousDisabled {background: url(../images/leftDisabled.gif) no-repeat}
.MultiBoxTitle {position:absolute; top:15px; left:30px; width:340px; margin:0; line-height:140%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; font-weight:bold; text-align:left}
.MultiBoxNumber {position:absolute; width:50px; bottom:0; right:0; margin:0; float:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-align:right}
.MultiBoxDescription {position:absolute; margin:0; left:30px; bottom:0; padding-top:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-align: left}