html,body {margin:0;
padding:0;}

body {font: 62.5% arial,sans-serif;
text-align:center;
background: #EAEAEA url(../../images/rebrand/bg.gif) repeat-y top center;}

div#outer {text-align:left;
width:770px;
margin:0 auto;
padding: 0;
background-color: #ffffff;}

/* -- General tags -- */

a {text-decoration: none;
color: #74004c;}

a:hover {text-decoration: underline}

ul, ol, li {list-style-type: none;
list-style:none;
margin: 0;
padding: 0;}

ul li.itemstyle a {display: block;
text-decoration: none;
font-size: 1.2em;}

ul li.itemstyle a:hover {text-decoration:underline;}

#lcdlogo {margin: 16px 0px 16px 8px;
padding: 0px;}

#intlogo {padding: 0em;
margin: 0 0 16px 7px;
float: left;
}

#donate {float: right;
margin-top: 5px;}

/* -- Content areas -- */

div#wrapper {float:right;
width:600px;
margin: 0px;
padding: 0px 10px 0px 10px;}

div#mainpanel {width:600px;
font-size: 1.2em;}

div#greycontainer {padding: 0;
width: 100%;
background-color: #ebe8e3;
float: left;}

div#content {width:580px;
margin-left: 10px;
background-color: #ffffff;
margin-bottom: 10px}

div#navigation {background: #ffffff;
float: left;
width:140px;
padding-left: 6px;
padding-top: 0px;
padding-bottom: 6px;}

div#extra {
float:left;
clear:left;
width:130px}

div#footer {clear: both;
width:100%;}

/* -- Top links and accessibility -- */

#toplinks {float: right;
width: 600px;}

#toplinks ul, #toplinks li {margin: 0;
list-style: none;
padding-top: 3px;
padding-left: 0em;
padding-bottom: 0em;
padding-right: 0em;}

#toplinks li {float: right}

#toplinks li a {display: block;
color: #99938a;
font-weight: bold;
padding: 1px 5px 3px 5px;
font-size: 1.1em;
text-decoration: none}

#toplinks li a:hover {background-color: #99938a;
color: #fff}

#toplinks li a.toplinkimage:hover {color: #fff;
background-color: #ffffff}

/* -- END Top links and accessibility -- */

/* -- Main top navigation -- */

#mainnavblock {width: 100%;
margin: 0px;
padding: 0px;
float: left;}

#mainnavblock ul {font-size: 1.3em;
font-weight: bold;
margin: 0px;
padding: 0px;}

#mainnavblock a {display: block;
padding: 6px 0.24em 6px 0.24em;}

#mainnavblock li {border-right: 1px #ffffff solid;
float: left;
background-color: #dadad2;}

#mainnavblock li a {color: #74004c}

#mainnavblock li.selected a {color: #aa0056}

#mainnavblock li.selected {background-color: #ebe8e3;
border-bottom: 1px #ebe8e3 solid;}

/* -- END Main top navigation -- */

/* -- Search box -- */

form {margin: 0;
padding: 0px;}

input {margin: 0;
padding: 0;
width: 120px;}

#topsearch input.searchBoxinput {display: inline;
position: relative;
border: 1px solid #c5c5c6;
background-color: #fafafa;
width: 94px;
color: #99938a;
font-size: 9px;
padding: 2px 0 0 3px;
height: 14px;}

#topsearch input.searchSubmit {display: inline;
position: relative;
width: 25px;
border: 1px solid #c5c5c6;
background-color: #fafafa;
color: #74004c;
font-size: 9px;
padding: 0px;
height: 18px;}

/* -- END of Search box -- */

/* -- Left side navigation -- */

#navcontainer {width: 128px;
border: 1px #cecdc8 solid;
margin: 10px 0px 10px 0px}

#navigation h2 {font-size: 1.3em;
color: #99938a;
padding: 4px 4px 4px 4px;
width: 120px;
background-color: #ffffff;
margin: 0;
}

#navcontainer h2 {font-size: 1.3em;
color: #aa0056;
padding: 4px 4px 4px 4px;
width: 120px;
background-color: #ffffff;
margin: 0;
border-bottom: 1px #cecdc8 solid}

#navcontainer ul {margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;}

#navcontainer ul.namedmenu {}

#navcontainer li {margin: 0 0 1px 0;}

#navcontainer a {display: block;
padding: 4px 15px 4px 15px;
color: #d21a4d;
text-decoration: none;
font-size: 1.2em;}

#navcontainer li.itemstyle {background: #ffffff url(../../images/rebrand/red_arrow.gif) no-repeat 4px 7px;}

#navcontainer li.selecteditemstyle {background: #ffffff url(../../images/rebrand/red_square.gif) no-repeat 4px 8px;}

#navcontainer a:hover {color: #56003a;
text-decoration: underline;}

#navcontainer ul ul li {margin: 0 0 1px 0;
padding: 0;}

#navcontainer ul ul a {display: block;
padding: 4px 5px 4px 26px;
color: #d21a4d;
text-decoration: none;}

#navcontainer ul ul li.selectedsubitemstyle a {background: #eeedea url(../../images/rebrand/red_square.gif) no-repeat 14px 8px;}

#navcontainer ul ul li.subitemstyle a {background: #eeedea url(../../images/rebrand/red_arrow.gif) no-repeat 14px 7px;}

#navcontainer ul ul a:hover {color: #56003a;}

/* -- END Left side navigation -- */

/* -- Navigation crumbs -- */

div.crumb {margin: 6px 0px 6px 10px;
font-size: 0.9em;
color: #74004c;
width: 560px;}

div.crumb a:link, div.crumb a:active, div.crumb a:visited {color: #d21a4d;}

/* -- END Navigation crumbs -- */

/* -- Main content styling -- */

#contentmain {border-width: 0px 1px 1px;
border-style: solid;
border-color: #ebe8e3;
padding: 10px;
clear: both;}

#contentmain h1, #intropanel h1 {font-size: 1.6em;
color: #aa0056;
margin: 0em;
}

#contentmain h2 {font-size: 1.2em;
font-weight: bold;}

#contentmain h3 {font-size: 1.3em;
}

#contentmain h4 {font-size: 1.5em;
color: #74004c}

#contentmain h5 {font-size: 1.5em;
color: #d21a4d}

#contentmain ul {margin: 5px 0 0 15px;}

#contentmain ul li {margin: 0 0 0.2em;
padding: 0;
list-style: none;
background: url(../../images/bullet.gif) no-repeat left 0.2em;
padding-left: 18px}

/* -- END main content styling -- */

/* -- Right side bar -- */

#rightbox {width: 154px;
float: right;
background-color: #ebe8e3;
margin-left: 12px;
margin-bottom: 10px;
padding-bottom: 8px;
padding: 8px;}

#rightsidebar h2 {margin: 0;
padding: 10px;
color: #d21a4d;
font-size: 1em;
background-image: url(../../images/rebrand/rightcoltop.gif);
background-repeat: no-repeat;}

.attachmentlist a {font-weight: bold;
color: #74004c;
display: block;
padding: 3px 3px 3px 10px;
width: 122px;
text-align: left;}

.attachmentlist .attachmentformat {font-weight: bold;
color: #000000;
padding: 1px 3px 5px 10px;
text-align: left;}

/* -- END right side bar -- */

div#footer p {margin:0;
padding: 0px 10px 1px 10px;
color: #99938a;
font-size: 1em;}

/* SITEMAP */

div.branchmap {font-weight:bold;
margin: 0px}

div.branchmapItem {margin: 0 0 0 0;
list-style: disc}

ul.leafmap li {font-weight:normal;
padding-bottom: 3px;
margin: 0 0 0 0px;
list-style: circle}

/* IMAGE TABLE PADDING */

table.documentimage,
table.documentimage_left {padding: 0 10px 10px 0}

table.documentimage_centre {padding: 10px 0 10px 0}

table.documentimage_right {padding: 0 0 8px 10px}

/* SEARCH RESULTS */

div.searchresults {margin: 0;
padding: 0;
display: block;
float: left;}

div.resultsnumber {margin:0;
padding: 0;
display: block;
float: left;
font-weight: bold}

div.resultstext {margin: 0 0 0 35px;
padding: 0;
display: block;
position: relative;}

div.resultsscore {font-size: 10px}

/*printer styles - NEEDS INSERTING!! */

/* -- HOMEPAGE styling -- */

#extra img {margin: 0 0 10px 0;}

#homecontentmain {border-width: 1px;
border-style: solid;
border-color: #ebe8e3;
clear: both;
background-color: #faf9f7;}

div.panelcontainer {
margin-top: 6px;}

div.panelcontainer p {
margin: 10px 0 10px 0;
}

div.panelcontainer ul {
margin: 0;
padding: 0;
}

div#intropanel {width:580px;
margin: 12px 0 0 18px;
float: left;
padding: 4px 0 0 0;
display: inline;}

#intropanel h1 {font-size: 1.6em;
color: #5b595a;
margin: 0em;
}

#intropanel p {font-size: 1.2em;
line-height:1.3em;}

div.sectionpanel {width:284px;
height: 234px;
border: solid 1px #f0efee;
background-color: #fff;
margin-left: 10px;
margin-bottom: 10px;
float: left;
display: inline;
overflow: hidden;
}

div.sectionpanelbig {width:284px;
height: 240px;
border: 0;
margin-left: 10px;
margin-bottom: 10px;
float: left;
display: inline;
overflow: hidden;
}

div.sectionpanel img {float: right;
display: inline;
padding: 0;
margin: 0 0 0 6px;
border: 0}

div.sectioncontent {padding: 8px;
background-color: #ffffff;
font-size: 1.2em;
font-weight: bold;
line-height: 1.2em;
color: #6f6f6f;}

div.sectioncontent h2 {margin: 14px 0 16px 0;
font-size: 1em;}

#bottomspacer {height: 10px;
clear: both;}

.sectioncontent ul li {display: block;
background: #ffffff url(../../images/rebrand/red_arrow.gif) no-repeat 1px 11px;
padding: 8px 15px 1px 10px;}

#contentcontainer ul li {display: block;
background: #ffffff url(../../images/rebrand/red_arrow.gif) no-repeat 1px 11px;
padding: 8px 15px 1px 10px;
color: #74004c;
text-decoration: none;
font-size: 1.1em;}

div.clearer {clear: both}