*{margin: 0; padding: 0; border: 0;}
body {font: normal normal normal 1em/1.4em 'arial', sans-serif; background: #EFEFEF; font-size: 75%; color: #000;}
h2, h3, h4, h5, h6, p, ul, ol, dl, table, div.contentItem, address {margin-bottom: 0.25em; color:#2F2F2F;}
h1 {font-size: 2.1em; color: gold;}
h2 {font-size: 1.7em; font-weight: normal; margin: 0.5em 0 0.25em 0; line-height: 1.2em;}
h3 {font-size: 1.4em; font-weight: 600; margin: 0.55em 0 0.25em 0; color:#474747; line-height: 1.3em;}
h4 {font-size: 1.2em; font-weight: 600; margin: 0.25em 0 0.25em 0;}
h5 {font-size: 1em;}
p {margin-bottom: 0.5em;}
ul li, ol li {margin-left: 3em;}
table {border: 2px solid #000; border-collapse: collapse;}
td, th {border: 2px solid #000; padding: 0.25em; text-align: left;}
th {background-color: #6A1B16; color: gold; padding: 0 3em; text-align: left; border: 2px solid #000;}

#layout1 {width: 990px;  margin: 0 auto; background: url(/images/rhs.gif) no-repeat bottom right;}
#layout2 {margin-left: 10px; background: url(/images/content_bg.gif) repeat-y top left;  height: 100%;}
#header {background: url(../images/header.jpg) no-repeat top left; height: 206px;}
#navigation { width:235px; float: left; margin-top: 0; clear: none;}
#mainContent {margin-left: 275px; width: 665px; min-height: 35em; background: #fff;}
#loginBox {float: right; width: 250px; padding: 0px 0 0 0; margin-right: 35px;}
#footer {height: 120px; width: 958px; background: url(../images/bottom.gif) no-repeat bottom left;}
#banner {width: 701px; float: right; margin-right: 22px; background: #FBE90B url(/images/warning_banner_side_shadow_.jpg) repeat-y top left}


#header h1, #header .logo {float: left; width: 300px;}
#loginBox { width: 170px; padding-right: 30px;}
#loginBox h2 {margin: 2em 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid white; color: white;}
#loginBox ul li {list-style: none; margin:5px 0;}
#loginBox a {color: white; text-decoration: none;}
#loginBox a:hover {text-decoration: underline;}
#loginBox .register {text-align: right; padding-top: 1em}
#loginBox .lastLink {border-top: 1px solid #fff; width: 100%;}

#bp2010info, #bp2011info {float: left; width: 45%; margin: -8px 2% 0 2%; text-align: center;}
#banner h2 {font-size: 1.3em; font-weight: bold;}
#banner .topBorder {width: 100%; height: 8px;  background: url(/images/warning_banner_top_bg.jpg) no-repeat top left;}
#banner .bottomBorder {clear: left; width: 100%; height: 13px;  background: #fff url(/images/warning_banner_bottom_bg.jpg) no-repeat top left;}
#banner a {color: #000; font-weight: bold;}
#banner a:hover {text-decoration: none;}

#mainContent a:link, #mainContent a:visited, #mainContent a:hover, #mainContent a: active {color: #00E; text-decoration: underline;}
#mainContent a:hover {text-decoration: none;}
#mainContent h1 {float: none; display: block; font-size: 1.9em; font-weight: normal; margin: 0.5em 0 0.75em 0; width: 100%; line-height: 120%;}
#mainContent dt {font-weight: bold;}

#accessibleNavigation {position: absolute; top: -10000px}

#breadcrumbs ul {display: block; font-size: 1em; list-style: none; margin: 0 0 0 270px; padding: 0 0 15px 0; clear: right;}
#breadcrumbs li {list-style: none; float: left; margin-left: 0.5em; border-left: 1px solid #000; padding-left: 5px;}
#breadcrumbs ul li a:link, breadcrumbs ul li a:visited, #breadcrumbs ul li a:hover, #breadcrumbs ul li a:active {margin: 0; padding: 0; color: #00E; text-decoration: underline;}
#breadcrumbs a:hover {text-decoration: none;}

.contentItem {padding: 0 0 0.75em 0; border-bottom: 1px solid #A9A9A9;}

.contentItem img {display:inline; float: right; padding: 20px;}

#advertOne {float: right; margin: 86px 0 0 0;}

blockquote {margin: 1em 40px;}
p.quoteInfo {padding-left: 400px;}

#navigation h2 {margin-left: 11px; margin-bottom: 0px; border-bottom: 5px double #999999; width: 240px; padding: 0 0 12px 6px; font-size: 1em;}
#navigation li.topLevelLink a { margin: 0px 17px 0 11px; clear: left; font-size: 1em;}
#navigation li.topLevelLink a:link, #navigation li.topLevelLink a:visited, #navigation li.topLevelLink a:hover, #navigation li.topLevelLink a:active {font-size: 1.1em; font-weight: bold; padding: 10px 20px 10px 7px; width: 219px; color: #fff;}
#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {width: 200px; padding: 10px 20px 10px 24px; display: block; text-decoration: none;  font-weight: bold; color: #fff; border-bottom: solid 1px #fff;}
#navigation ul li {list-style: none; margin: 0;}
#navigation ul li ul li {margin: 0 0 0 0;}
#navigation ul li ul li a {font-size: 1em !important; background: #612420; padding-left: 24px !important; width: 202px !important;}
#navigation ul li ul li ul {}
#navigation ul li ul li ul li {margin: 0 0 0 0;}
#navigation ul li ul li ul li a:link, #navigation ul li ul li ul li a:visited, #navigation ul li ul li ul li a:active {width: 182px !important; padding-left: 44px !important; font-size: 1em!important; font-weight: bold; color: #fff; background: #402420;}
#navigation ul li ul li ul li a:hover {width: 180px; padding-left: 44px;}
#navigation a:hover {background: #790150 !important; color: #fff; }

#index.bp2011 a.bp2011link,
#index.bp2010 a.bp2010link, 
#index.bp2009 a.bp2009link, 
#news a.newsLink, 
#about a.aboutLink,
#access a.accessLink,
#tour a.tourLink,
#notices a.noticesLink,
#relatedSites .relSitesLink,
#relatedPubs .relPubsLink,
#accessMulti #navigation .bp2010SubAccess a.muaLink,
#accessSingle a.surLink,
#ban .banLink,
#suaReg #bp2011Sub .bp2011SubAccess .surLink,
#ebook #bp2011Sub a.ebookLink,
#maximise #bp2011Sub a.maxLink,
#regConcurrentUser #bp2011Sub a.muRegLink,
#suaReg #bp2010Sub .bp2010SubAccess .surLink,
#ebook #bp2010Sub a.ebookLink,
#maximise #bp2010Sub a.maxLink,
#regConcurrentUser #bp2010Sub a.muRegLink
{background: #B62420;}

.bp2010 #bp2011Sub, 
.bp2009 #bp2011Sub, 
.bp2011 #bp2009Sub, 
.bp2011 #bp2010Sub,
.bp2010 #bp2009Sub, 
.bp2009 #bp2010Sub, 
.topLevelItem #bp2011Sub,
.topLevelItem #bp2010Sub, 
.topLevelItem #bp2009Sub, 
.bp2011SubAccess, 
.bp2011SubAbout,
.bp2010SubAccess, 
.bp2010SubAbout,
.bp2009SubAbout,
.bp2009SubAccess
{display: none;}

#about #bp2011Sub .bp2011SubAbout,
#about #bp2010Sub .bp2010SubAbout,
#about #bp2009Sub .bp2009SubAbout,
#ebook #bp2010Sub .bp2010SubAbout,
#maximise #bp2011Sub .bp2011SubAbout,
#maximise #bp2010Sub .bp2010SubAbout,
#access #bp2011Sub .bp2011SubAccess,
#access #bp2010Sub .bp2010SubAccess,
#access #bp2009Sub .bp2009SubAccess,
#suaReg #bp2011Sub .bp2011SubAccess,
#suaReg #bp2010Sub .bp2010SubAccess,
#accessMulti #bp2011Sub .bp2011SubAccess,
#regConcurrentUser #bp2011Sub .bp2011SubAccess
#accessMulti #bp2010Sub .bp2010SubAccess,
#regConcurrentUser #bp2010Sub .bp2010SubAccess
{display: block}

#footer ul {margin: -25px 0 0 410px; width: 405px;}
#footer ul li {list-style: none; float: left;}
#footer a {color: #2f2f2f;}
#footer a:hover {text-decoration: none;}
#footer #tsoLogo {position: relative; top: 5px; left: 61px; width: 126px;}

/* Login page */
.latestBp {float: left; width: 50%;}
.previousEd {margin-left: 52%; width: 48%; padding-top: 0.02em; min-height: 13.7em;}
#login #mainContent h3  {border-bottom: 1px solid #000; margin-bottom: 0;}
#login #mainContent h4 {padding: 0.5em 0 0 0;}
#login #mainContent ul li {list-style: none; padding: 0; margin: 0;}
#login #mainContent ul li a {text-decoration: none; font-weight: bold; color: #000; padding: 0; margin: 0; border-bottom: 1px dotted #CCC; line-height: 2.6em; width: 100%; display: block;}
#login #mainContent ul li a:hover {background: #EEE;}
#login #mainContent ul li a span.ver {display: inline-block; line-height: 1.25em; font-weight: normal; padding: 0em 0.5em 0em 0.5em; margin-left: 0.25em; border: 1px solid #FBE90B;}
#login #mainContent ul li a span.login {float: right; text-align: right;}
span.login span {height: 27px; width: 25px; display: inline-block; vertical-align: middle;}
.amend span.ver {background: #160CDD; color: #fff;}
.pub span.ver {background: #791912; color: #fff;}
.comp span.ver {background:#227B13; color: #fff;}
.amend span.login span {background: url(/images/login_icons.jpg) -25px -31px no-repeat;}
.pub span.login span {background: url(/images/login_icons.jpg) -25px 0 no-repeat;}
.comp span.login span {background: url(/images/login_icons.jpg) -25px -64px no-repeat;}
.amend a:hover span.login span {background: url(/images/login_icons.jpg) 0 -31px no-repeat;}
.pub a:hover span.login span {background: url(/images/login_icons.jpg) 0 0 no-repeat;}
.comp a:hover span.login span {background: url(/images/login_icons.jpg) 0 -64px no-repeat;}
/* end of login page */

/* height adjusters for when text content is smaller than images */
.h10 {height:10em;}
.h15 {height:15em;}
.h20 {height:20em;}
.h22 {height:22em;}
.h25 {height:25em;}
.h30 {height:30em;}

.inputerror {color: #FF0000; display: block; margin-left: 17.5em;}
button {color: #000;background: #F4EEDF;border: 2px outset #d7b9c9;}
#frmRegister .mup, #frmCustFeed .mup{margin-top: 10px;}
#frmRegister .centre, #frmCustFeed .centre {text-align: center;}
#frmRegister .centre button {margin: inherit auto;}
#frmRegister p, #frmCustFeed p {clear: left; margin-top: 0.5em;}
#frmRegister .mleft, #frmCustFeed .mleft {margin-left: 10px;}
#frmRegister, #frmCustFeed {margin-top: 1.5em;}
#frmRegister label, #frmCustFeed label {clear: both; float: left; text-align: right; width: 17em; margin-right: 5px; padding-top: 0.1em;}
#frmRegister label.longtext, #frmCustFeed label.longtext {width: 75%; text-align: right;}
#frmRegister input, #frmRegister select, #frmCustFeed input, #frmCustFeed select  {border: 1px solid #000000; text-align: left; width: 14em;}
#frmRegister input.tickbox, #frmCustFeed input.tickbox {width: 3em; border: 0;}
#frmCustFeed input.tickbox {width: 3em; margin-top: 1em; border: 0;}
#frmRegister legend, #frmCustFeed legend {text-align: left; width: 14em; color: #820024; font-size: 1.6em; line-height: 1.1em; margin-left: -8px;}
#frmRegister .dotted_line, #frmCustFeed .dotted_line {padding-bottom: 10px;border-bottom: 2px dotted #000;}
#frmCustFeed .group1, #frmCustFeed .group2{width: 50%; float: left; padding-bottom: 1em;}
#frmCustFeed .dotted_line {clear: both; border-bottom: none; border-top: 2px dotted  #000; margin-top: 5px;}
#frmCustFeed textarea {border: 1px solid #000; padding: 0.2em;}
#frmCustFeed input.inputbx{ float: left; clear: both; margin: 0.25em 0 0.5em 0;}
a.tip {color: #820024;cursor: help;display: inline;height: 1em;position: relative;text-decoration: underline; z-index: 24}
a.tip:hover, a.tip:focus {	z-index: 25;text-decoration: none;background-color: #FFFFFF}
a.tip span {display: none;}
a.tip:hover span, a.tip:focus span {border: 1px solid #D0C7B0;background-color: #F4EEDF;display: block;padding: .25em;position: absolute;top: 2em;left: -1em;width: 11em;}