body{margin:0;padding:0;font-size:76%}input,select,textarea{font-size:1em}
body,input,select,textarea{font-family:"Century Gothic",Arial,Helvetica,sans-serif}
img {border:0}

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

body { padding: 0 0 2em; background: #192566 url(../graphics/body.png) repeat-x; }

a { text-decoration: none; color: #ed873c; }
a:hover { text-decoration: underline; }

h1 { font-size: 2em; font-weight: normal; color: #a0014c; margin: 0 0 0.5em; }
h2 { font-size: 1.6em; font-weight: normal; color: #0f1b5f; margin: 0 0 0.5em; }
h3 { font-size: 1.2em; color: #0f1b5f; margin: 0 0 0.5em; }

div.form td { padding: 0 0 1em; }
div.form label { display: block; }
div.form label.checkbox_label { display: inline; }
div.form input.text,
div.form textarea { width: 200px; }
div.form textarea { height: 80px; }
div.form #Special_Requirements { width: 400px; height: 100px; }

#wrapper { position: relative; width: 960px; margin: 30px auto 37px; background: url(../graphics/wrapper.png) repeat-x; }
#wrapper div.wrapper1 { position: relative; background: url(../graphics/wrapper-tl.gif) no-repeat left top; }
#wrapper div.wrapper2 { position: relative; background: url(../graphics/wrapper-tr.gif) no-repeat right top; }
#wrapper div.wrapper3 { position: relative; background: url(../graphics/wrapper-bl.png) no-repeat left bottom; }
* html #wrapper div.wrapper3 { background: url(../graphics/wrapper-bl.gif) no-repeat left bottom; }
#wrapper div.wrapper4 { position: relative; padding: 24px 0 45px; background: url(../graphics/wrapper-br.png) no-repeat right bottom; }
* html #wrapper div.wrapper4 { background: url(../graphics/wrapper-br.gif) no-repeat right bottom; }
#wrapper div.wrapper5 { position: relative; border-width: 0 3px; border-style: solid; border-color: #8aaf1f; }

#header { position: relative; height: 126px; }
#logo { position: absolute; left: 32px; top: 5px; }
#byline { position: absolute; right: 35px; top: 24px; }

#search { position: absolute; right: 12px; bottom: 15px; height: 30px; width: 360px; background: url(../graphics/search/field.gif) no-repeat 105px center; }
#search label { position: absolute; right: 267px; top: 5px; color: #0e1a5f; font-size: 1.4em; font-weight: bold; }
#search input.text { position: absolute; right: 38px; top: 6px; width: 212px; background: white; border: 0; }
#search input.image { position: absolute; right: 0; top: 1px; }

#main { position: relative; margin: 55px 0 0; padding: 0 0 20px; background: #8aaf1e url(../graphics/wrapper.png) 0 -206px repeat-x; }

#navigation { position: absolute; z-index: 30; right: 11px; top: -56px; font-size: 1.2em; }
* html #navigation { position: relative; float: right; left: -7px; top: 2px; margin: -55px 0 0; padding: 0 203px 0 0; }
#navigation ul { float: left; margin: 0; padding: 0; list-style-type: none; }
* html #navigation ul.alt { position: absolute; right: 0; top: 0; }
#navigation ul li { float: left; position: relative; height: 49px; margin: 0 3px 0 0; background: url(../graphics/navlink.jpg) repeat-x; }
#navigation ul li.alt { background: url(../graphics/navlink-alt.jpg) repeat-x; }
#navigation ul li:hover,
#navigation ul li.nav_active,
#navigation ul li:hover a,
#navigation ul li.nav_active a,
#navigation ul.alt li:hover a,
#navigation ul.alt li.nav_active a { background-position: 0 -49px; text-decoration: none; }
#navigation ul li a { float: left; position: relative; zoom: 1; height: 49px; color: white; background: url(../graphics/navlink-left.jpg) no-repeat; text-align: center; }
#navigation ul li.alt a { background: url(../graphics/navlink-alt-left.jpg) no-repeat; }
#navigation ul li a span { float: left; position: relative; height: 49px; line-height: 49px; padding: 0 15px; background: url(../graphics/navlink-right.jpg) no-repeat right top; cursor: pointer; }
#navigation ul li.alt a span { height: 39px; padding: 10px 15px 0; line-height: 1em; background: url(../graphics/navlink-alt-right.jpg) no-repeat right top; }
#navigation ul li:hover a span,
#navigation ul li.nav_active a span,
#navigation ul.alt li:hover a span { background-position: right -49px; }
#navigation li a:hover { text-decoration: none; }

#navigation ul li ul,
#navigation ul li.nav_active ul { float: none; height: auto; position: absolute; left: 0; top: 49px; text-align: left; background: #0f1b5f; }
#navigation ul li ul li,
#navigation ul li.nav_active ul li { float: none; height: auto; background: none; border-bottom: 1px solid #070e37; background: #0f1b5f; }
#navigation ul li ul li a,
#navigation ul li.nav_active ul li a { float: none; display: block; height: auto; background: #0f1b5f none; width: 150px; text-align: left; }
#navigation ul li ul li a:hover,
#navigation ul li.nav_active ul li a:hover { background: #13237a none !important; }
#navigation ul li ul li a span,
#navigation ul li.nav_active ul li a span { float: none; display: block; zoom: 1; padding: 5px 15px; height: auto; font-size: 0.8em; font-weight: bold; line-height: 1.1em; background: transparent none; white-space: nowrap; }

#member-box { position: relative; margin: 50px 0 0 5px; #margin: 35px 0 6px 5px; padding: 3px 0 0 10px; width: 137px; height: 37px; color: #ccc; background: url(../graphics/box.gif) no-repeat; }
#member-box a { color: white; }
#member-box a.top { position: absolute; top: -20px; left: 10px; color: #8AAB0E; font-weight: bold; }

* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 100; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130; }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }

#content { float: left; position: relative; z-index: 5; padding: 0 0 0 78px; color: #0f1b5f; }

#content div.sidebar { position: relative; top: -4px; float: left; width: 186px; }
#content div.sidebar ul.sliders { margin: 0; padding: 0; list-style-type: none; }
#content div.sidebar ul.sliders li { position: relative; }
#content div.sidebar ul.sliders li.link1 { height: 134px; background: url(../graphics/sidebar/recognise_1_active.gif) no-repeat; }
#content div.sidebar ul.sliders li.link2 { #top: -3px; height: 136px; background: url(../graphics/sidebar/relate_1_active.gif) no-repeat; }
#content div.sidebar ul.sliders li.link3 { #top: -6px; height: 153px; background: url(../graphics/sidebar/respond_1_active.gif) no-repeat; }
#content div.sidebar ul.sliders li span { position: absolute; left: 0; top: 0; cursor: pointer; }
#content div.sidebar ul.sliders li span.hidden { z-index: 5; }
#content div.sidebar ul.sliders li span.nextimg { z-index: 7; }
#content div.sidebar ul.sliders li span.active { z-index: 10; }
#content div.sidebar ul.sliders li span.pointer { z-index: 20; left: 164px; top: 0; height: 31px; overflow: hidden; }
#content div.sidebar ul.sliders li.link2 span.pointer { top: 8px; }
#content div.sidebar ul.sliders li.link3 span.pointer { top: 9px; }
#content div.sidebar ul.sliders li span.pointer img,
#content div.sidebar ul.sliders li span.pointer span { position: relative; z-index: 20; top: -31px; }
#content div.sidebar ul.sliders li.active span.pointer img,
#content div.sidebar ul.sliders li.active span.pointer span { top: 0; }

#crumbs { padding: 0 0 1em; }

#content div.content { position: relative; top: -4px; float: left; width: 476px; padding: 10px 24px 1em 24px; min-height: 414px; font-size: 1.1em; background: white url(../graphics/content.gif) no-repeat right bottom; }
* html #content div.content { height: 414px; }
#content div.content a { color: #8aab0e; font-weight: bold; }

#sliders { position: absolute; z-index: 15; left: 263px; top: -4px; width: 522px; color: white; }
#sliders.inactive { display: none; }
#sliders h2 { color: white; }
#sliders ul.sliders { position: relative; overflow: hidden; width: 522px; min-height: 421px; margin: 0; padding: 0; list-style-type: none; }
* html #sliders ul.sliders { height: 421px; }
#sliders li.slider { position: absolute; display: none; width: 522px; }
#sliders li.active { display: block; }
#sliders li.slider div.inner2 { padding: 20px 24px 1px; min-height: 400px; }
* html #sliders li.slider div.inner2 { height: 402px; }
#sliders li.slider a.closer { position: absolute; right: 0; top: 0; width: 70px; height: 30px; }
#sliders li.slider a.closer span { position: absolute; overflow: hidden; height: 0; width: 0; }
#sliders li.slider a.more { position: absolute; right: 24px; bottom: 15px; text-decoration: underline; color: white; font-size: 0.9em; }
#sliders li.slider a { position: relative; color: white; text-decoration: underline; cursor: pointer; }

#sliders li.slider1 { background: #a0014c url(../graphics/sliders/slider1-corner.gif) no-repeat right top; }
#sliders li.slider1 div.inner1 { background: url(../graphics/sliders/slider1-left.gif) no-repeat; }
#sliders li.slider1 div.inner2 { background: url(../graphics/sliders/slider1-corner1.gif) no-repeat right bottom; }

#sliders li.slider2 { background: #ec7620 url(../graphics/sliders/slider2-corner.gif) no-repeat right top; }
#sliders li.slider2 div.inner1 { background: url(../graphics/sliders/slider2-left.gif) no-repeat; }
#sliders li.slider2 div.inner2 { background: url(../graphics/sliders/slider2-corner1.gif) no-repeat right bottom; }

#sliders li.slider3 { background: #93b52f url(../graphics/sliders/slider3-corner.gif) no-repeat right top; }
#sliders li.slider3 div.inner1 { background: url(../graphics/sliders/slider3-left.gif) no-repeat; }
#sliders li.slider3 div.inner2 { background: url(../graphics/sliders/slider3-corner1.gif) no-repeat right bottom; }

#sidebar { float: left; width: 166px; margin: 0 0 0 0; padding: 0 0 270px; }
#sidebar a { color: #0F1B5F; font-weight: bold; }

#sidebar div.subnav { position: relative; padding: 16px 14px 16px 10px; }
* html #sidebar div.subnav { float: left; }
#sidebar div.subnav ul { margin: 0; padding: 0; list-style-type: none; }
#sidebar div.subnav ul li {  }
#sidebar div.subnav ul li a { display: block; position: relative; zoom: 1; padding: 5px 10px; background: white; color: #0F1B5F; font-weight: bold; border-bottom: 1px solid #d2d2d2; text-align: right; }
#sidebar div.subnav ul li.nav_active a,
#sidebar div.subnav ul li a:hover { text-decoration: none; background: #b8bcd0; }
#sidebar div.subnav .top { position: absolute; top: 0; left: 0; }
#sidebar div.subnav .base { position: absolute; bottom: 0; left: 0; }

#sidebar div.base { position: absolute; right: 13px; bottom: 15px; }
* html #sidebar div.base { position: relative; right: 0; bottom: 0; text-align: center; }
#sidebar div.base img,
#sidebar div.base span { display: block; margin: 1em 0 0; cursor: pointer; }

#footer { position: absolute; left: 0; bottom: -43px; width: 930px; padding: 0 15px; height: 42px; line-height: 42px; color: white; }
.ie8 #footer { float: left; }
* html #footer { bottom: 27px; }
#footer p { float: left; margin: 0; font-size: 1.1em; }
#footer ul { margin: 0; padding: 0; list-style-type: none; float: right; line-height: 1em; }
#footer li { float: left; padding: 0 0 0 1em; margin: 0 0 0 1em; background: url(../graphics/nav/footer-divider.gif) no-repeat left center; }
#footer li.link1 { background: none; }
#footer li.link6 { display: none; }
#footer li a { float: left; height: 42px; line-height: 42px; color: white; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }