/*[fmt]1A20-1A0B-150*/

/*SxBRC Main Stylesheet

* by Charles Roper



--- GENERAL ---*/

* {

  margin: 0;

  padding: 0;

}



HTML {

}



BODY {

  margin: 0;

  padding: 0;

  background: #DDD url(../images/master/bg.png) repeat-y center top;

  text-align: center;

  font: normal 12px/1.8em "Trebuchet MS", Verdana, FreeSans, "Bitstream Vera Sans", sans-serif;

  color: #000;

}



A {

  font-weight: bold;

  color: #0096BF;

  text-decoration: none;

}



A:hover {

  background: #E0F3F8;

  text-decoration: none;

}



IMG {

  border: none;

}



STRONG {

  color: #333;

}



H1, H2, H3, H4 {

  margin: 0;

  padding: 0;

  font-weight: normal;

  color: #006480;

}



H1 {

  font-size: 24px;

}



H2 {

  font-size: 22px;

}



H3 {

  font-size: 16px;

}



H3 A {

  font-weight: normal;

}



H4 {

  font-size: 1.15em;

  color: #000;

}



#newsbox H4, H4.by {

  font-size: 11px;

  color: #BFBFBF;

}



H4.by:hover {

  color: #505050;

}



#newsbox DIV.post {

  padding-bottom: 0.25em;

  background: transparent url(/images/master/dot_border.png) repeat-x scroll center bottom;

}



#newsbox DIV.post .post-meta-info, #maincontent .post .post-meta-info {

  margin: -8px 0px 3px;

  font-size: 11px;

  font-style: italic;

  color: #666666;

}



#maincontent .post .post-meta-info {

  margin-left: 10px;

}



P, LI, DL {

  margin: 0;

  padding: 0;

  color: #505050;

}



P.leadin {

  font-weight: bold;

  color: #333;

}



P.bigleadin {

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 1em;

}



.oldstyle {

  text-transform: uppercase;

  font-size: 90%;

  letter-spacing: 0.1em;

}



ACRONYM {

  color: #333;

  text-transform: uppercase;

  font-size: 90%;

  letter-spacing: 0.1em;

}



BLOCKQUOTE {

  font-style: italic;

  margin: 0 3em 0 1em;

}



#container {

/*Alternate Box Model Hack - http://snipurl.com/90mw*/

  width: 580px !important;

/*Value for all browsers*/

  width /**/: 720px;

/*Value for all IEs apart from 6. If IE6, above gets applied*/

  margin: 0 auto;

  padding: 35px 70px 10px;

  text-align: left;

}



#maincontent {

/*There is a padding-left of 12px by default making the width 374px*/

  width: 386px;

  float: left;

  margin: 0 0 1em;

}



#maincontent H2 {

  background: url(/images/master/dot_border.png) repeat-x bottom;

  padding: 0 0 8px;

  margin: 17px 0 7px;

}



#maincontent H3 {

  color: #666;

}



#maincontent H2, #maincontent H3, #maincontent H4, #maincontent P, 

#maincontent DL {

  padding-left: 12px;

}



#maincontent H3 {

  margin: 10px 0 7px;

  padding-bottom: 0;

  font-weight: bold;

}



#maincontent P {

  margin-bottom: 1em;

}



DIV.boxout {

  margin: 0 0 1.5em;

  padding: 6px;

  border: 1px solid #E6E6E6;

  background: url(/images/master/boxout_bg.png) no-repeat;

}



DIV.no-head {

  padding-top: 20px;

}



#maincontent .boxout H3 {

  margin-bottom: 0.25em;

  font-style: italic;

  color: #333;

}



#maincontent .boxout P {

  margin: 0 12px 12px;

}



.boxout OL, .boxout UL {

  margin: 0 12px 12px;

}



.boxout OL LI {

  margin: 6px 48px;

}



.boxout UL LI {

  margin: 6px 12px;

}



IMG.body-logo {

  float: right;

  margin: 0.5em 0 0.5em 0.5em;

}



.laquo {

  font-size: 1.25em;

  font-weight: bold;

}



DT {

  font-size: 16px;

  color: #006480;

}



#maincontent .flow-right, #maincontent .flow-left {

  padding: 5px;

  padding-bottom: 0px;

  margin-bottom: 1em;

  border: 1px solid #BFBFBF;

}



#maincontent .flow-right {

  float: left;

  margin: 0 1em 0 0;

}



#maincontent .flow-left {

  float: right;

  margin: 0 0 0 1em;

}



/*=team*/

DD.team-role {

  font-style: italic;

  font-weight: bold;

  color: #666666;

}



DD.team-txt {

  margin-bottom: 1em;

}



/*=lists*/

UL {

  list-style: none;

  margin: 0 0 1em;

  padding: 0;

}



#maincontent UL.content {

  list-style: none;

  padding-left: 12px;

}



#maincontent UL.content LI {

  margin-bottom: 0.5em;

}



#maincontent UL LI {

  background: url(/images/master/grey_bullet.png) no-repeat 0 7px;

  padding-left: 14px;

}



#maincontent UL.biglinklist {

  background: url(/images/master/dot_border.png) repeat-x bottom;

  padding-bottom: 1em;

}



#maincontent UL.biglinklist-last {

  background: none;

  padding-bottom: 1em;

}



#maincontent UL.biglinklist LI, #maincontent UL.biglinklist-last LI {

  background-image: none;

  font-size: 125%;

  line-height: 150%;

}



.biglinklist A, .biglinklist-last A {

  font-weight: normal;

}



#maincontent IMG.landscape {

  margin: 0 0 1em 12px;

  border: 1px solid #B0B0B0;

}



#maincontent IMG.portrait {

  float: right;

  margin: 0.5em 0 0.5em 0.5em;

}



#maincontent DIV.breakout {

  float: right;

  width: 200px;

  margin-left: 0.5em;

}



#maincontent DIV.breakout IMG.portrait {

  margin: 0;

}



#maincontent DIV.breakout P {

  font-size: 9px;

  line-height: 1.2em;

  font-style: italic;

}



/*=mapping list*/

#mapping-list H3 {

  padding-bottom: 0.25em;

  margin-top: 1.5em;

  margin-bottom: 0.25em;

  background: url(/images/master/dot_border.png) repeat-x bottom;

}



#mapping-list H4 {

  font-size: 1.1em;

  margin-top: 0.5em;

  color: #006480;

}



#mapping-list UL {

  margin: 0;

}



/*=tables*/

TABLE {

  width: 100%;

  border-top: 1px solid #E6E6E6;

  border-right: 1px solid #E6E6E6;

  margin: 1em auto;

  border-collapse: collapse;

  background: url(/images/master/boxout_bg.png) no-repeat;

}



TD, TH {

  color: #505050;

  border-bottom: 1px solid #E6E6E6;

  border-left: 1px solid #E6E6E6;

  padding: 0.3em 1em;

  text-align: center;

}



TH {

  font-weight: bold;

  color: #000;

  background-color: #F5F5F5;

}



TD.trees {

  text-align: left;

}



CAPTION {

  display: none;

}



/*--- GENERAL END ---

--- FORMS ---*/

FORM {

  margin: 0;

  padding: 0;

}



INPUT, TEXTAREA {

  margin: 0;

  padding: 2px;

  background: #EFF9FC;

  border: 1px solid #CBCBCB;

  font: 11px "Trebuchet MS", Verdana, "Bitstream Vera Sans", Arial, sans-serif;

  color: #666;

  /*+border-radius:2px;*/

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  -khtml-border-radius: 2px;

  border-radius: 2px 2px 2px 2px;

}



INPUT:focus, TEXTAREA:focus {

  background-color: #FFF7F2;

}



INPUT.headersearch {

  width: 130px;

}



INPUT.btn {

  margin: 0 0 0 3px;

  padding: 1px;

  border: 1px outset #CBCBCB;

  background: #F2F2F2 url(../images/master/button_bg.png);

  font: bold 10px "Trebuchet MS", Verdana, "Bitstream Vera Sans", Arial, sans-serif;

}



INPUT.btn:active {

  border: 1px inset #CBCBCB;

  background-image: url(../images/master/button_bg_inset.png);

}



#hdrsearch {

  position: absolute;

  top: 45px;

  width: 200px;

  margin: 0 0 0 410px;

  padding: 8px 0 3px 8px;

  border-left: 1px solid #CBCBCB;

  z-index: 1;

}



#hdrsearch LABEL {

  padding: 0 0 0 16px;

  background: url(../images/master/spyglass.png) no-repeat left;

  font-weight: bold;

}



/*--- FORMS END ---

--- HEADER ---*/

#header H1 {

  background: transparent url(../images/master/logo.png) no-repeat;

  line-height: 64px;

  margin: 0 0 8px;

  padding: 0;

}



#header H1 A {

  display: block;

  text-indent: -9000px;

  overflow: hidden;

  text-decoration: none;

  height: 64px;

  background: none;

}



#header H1 A:hover {

  background-color: transparent;

}



#navblock {

  position: relative;

  margin-top: 15px;

  font-size: 11px;

  line-height: normal;

  z-index: 2;

}



#navblock UL {

  margin-bottom: 1px;

  list-style: none;

  text-align: center;

}



#navblock UL LI {

  display: inline;

  margin: 0 -3px 0 0;

}



#navblock UL LI A {

  background: url(/images/master/navbar_left.png) no-repeat top left;

  padding: 0 0 0 9px;

  color: #000;

  font-weight: bold;

  text-decoration: none;

}



/*Feed correct padding to compliant browsers*/

#navblock UL LI>A {

  padding: 2px 0 1px 9px;

}



#navblock UL LI A SPAN {

  background: url(/images/master/navbar_middle.png) no-repeat top right;

  padding: 2px 7px 1px 0;

}



#navblock UL LI A:hover {

  background-position: 0% -60px;

  color: #00546A;

}



#navblock UL LI A:hover SPAN {

  background-position: 100% -60px;

}



#navblock UL LI#n-on A {

  background-position: 0% -60px;

  color: #00546A;

}



#navblock UL LI#n-on A SPAN {

  background-position: 100% -60px;

  color: #00546A;

}



#headergraphic {

/*see individual stylesheets for header images*/

  width: 580px;

  height: 57px;

  clear: both;

}



#headergraphic.hdr-home {

  background: url(/images/master/headers/home_fern.jpg) no-repeat top left;

}



#headergraphic SPAN {

  display: block;

  width: 580px;

  height: 57px;

  background-image: url(/images/master/headers/header_border.png);

}



/*--- HEADER ENDS ---

--- SIDEBAR ---*/

#sidebar {

  margin: 0 0 0 386px;

  padding: 15px 0 10px 20px;

}



* HTML #sidebar {

  height: 1%;

}



/*Holly hack: http://snipurl.com/8fx4*/

#sidebar H3 {

  margin: 0 0 8px;

  padding: 0 0 10px;

  font-size: 18px;

  background: url(/images/master/dot_border.png) repeat-x bottom;

}



#sidebar H3.sub {

  margin: 12px 0 8px;

  padding: 0 0 10px;

  font-size: 18px;

  background: url(/images/master/dot_border.png) repeat-x bottom;

}



.subside {

  margin-top: 1em;

}



/*=sidebar: =lists*/

#sidebar UL {

  list-style: none;

  margin: 0;

  padding: 0;

}



#sidebar UL LI {

  padding: 0 0 0 14px;

  background: url(/images/master/grey_bullet.png) no-repeat 3px 55%;

}



#sidebar P {

  margin: 0 0 0.5em;

}



#sections UL LI, #sidebar DIV.subside UL LI {

  margin: 0;

  padding: 0;

  height: 1.75em;

  list-style: none;

  background: url(/images/master/grey_bullet.png) no-repeat 3px 55%;

}



#sections UL LI A, #sidebar DIV.subside UL LI A {

  display: block;

  padding: 0 0 0 14px;

  height: 1.75em;

  vertical-align: middle;

  background: none;

}



/*Fix compliant browsers*/

#sections UL LI>A, #sidebar DIV.subside UL LI>A {

  white-space: nowrap;

}



#sections UL LI A:hover, #sidebar DIV.subside UL LI A:hover {

  background: #E0F3F8 url(/images/master/grey_bullet.png) no-repeat 3px 50%;

}



#sections UL LI A.on, #sidebar DIV.subside UL LI A.on {

  color: #006480;

  background: #EFF9FC url(/images/master/greydark_bullet.png) no-repeat 3px 55%;

}



#sections A.on:hover, #sidebar DIV.subside A.on:hover {

  cursor: default;

}



/*html>body #sections ul li, html>body #sections ul li a,

html>body #our-data ul li, html>body #our-data ul li a {

height: auto;  holly hack

}

=sidebar =acrobat*/

#getacrobat {

  margin-top: 1em;

}



#getacrobat IMG {

  vertical-align: text-top;

  float: left;

  margin-right: 10px;

}



#getacrobat P.getacroicon {

  text-align: center;

}



#getacrobat P.getacroicon IMG {

  float: none;

  margin: 0;

  vertical-align: middle;

}



/*--- SIDEBAR ENDS ---

--- FOOTER ---*/

#footer {

  text-align: center;

  clear: left;

  margin: 0;

  padding: 5px 12px !important;

  padding: 3px 12px;

/*trick IE*/

  background: url(/images/master/dot_border.png) repeat-x top;

}



#footer P, #footer {

  margin: 0;

  font-size: 95%;

}



DIV.vcard {

  margin: 2em;

}



DIV.vcard DIV.org {

  display: inline;

}



DIV.vcard DIV.adr {

  display: inline;

  clear: both;

}



DIV.vcard DIV.tel, DIV.contact-us {

  clear: both;

  display: inline;

}



UL.partners LI {

  display: inline;

  font-size: 90%;

}



UL.partners {

  margin: 0 0 2em;

  text-align: center;

}



/*=misc*/

.hilite {

  background-color: #E0F3F8;

}



DD.backToTop {

  float: right;

  display: block;

  margin-top: -2.5em;

  text-align: right;

  font-size: 75%;

}



.emphasise {

  font-style: italic;

}



.backlink {

  font-size: 0.75em;

  letter-spacing: 0.2em;

  clear: both;

}



#maincontent .post IMG {

  border: 1px solid #E6E6E6;

  padding: 5px;

  margin: 0 5px 0 0;

  background-color: #FFF;

  /*+border-radius:7px;*/

  -moz-border-radius: 7px;

  -webkit-border-radius: 7px;

  -khtml-border-radius: 7px;

  border-radius: 7px 7px 7px 7px;

}



P.footerSubs {

  line-height: 16px;

}



P.footerSubs IMG {

  margin-right: 3px;

}



P.footerSubs A {

  padding: 2px 0;

}



/*=documents & downloads*/

#maincontent.documents H3 {

  border-bottom: 1px solid #E7E7E7;

  padding: 10px 0 10px 12px;

}



#maincontent.documents DT {

  margin: 14px 0 0;

  font-size: 1.2em;

}



#maincontent.documents DD {

  padding: 0;

  margin: 0 0 0px;

}



#maincontent.documents DD P {

  margin: 0;

  padding: 0 0 3px 0px;

}



#maincontent.documents DT .download-size {

  font-size: 0.75em;

}