/* --- start by levelling off the various browsers to have the same assumed styles */
* {margin: 0; padding: 0}
html {height: 100%}
body {min-height: 101%; font: 100.01% Arial, sans-serif; color: black; background: white; margin: 0 auto }
body {background: white; margin: 0; padding: 0; width: 100%; font-family: arial, sans-serif; min-width: 750px}

#printheading {display: none}
#masthead {position: relative; clear: both; background: url(../images/bannerfiller.jpg) repeat-x; height: 60px; width: 100%}
#banner1 {position: relative; background: url(../images/bannerleft.jpg) no-repeat left top; width: 299px; height : 60px; margin: 0}
#banner2 {position: absolute; right: 105px; background: url(../images/bannerright.jpg) no-repeat right top; width: 200px; top: 0px; height: 60px; }
#bannerlogo {position: absolute; right: -1px; top: 0; background: url(../images/bannerlogo.jpg) no-repeat top right; height: 60px; width: 106px}
#pagetitle {position: absolute; margin-left: 30px; background-color: #696891; color: white; font-size: 23px; font-weight: bold; bottom: 15px; }
#leftbar {display: none; background: url(../images/bordersmall_09.gif) repeat-y; width: 215px; top: 64px; left: 0; clear: both; float: left; position: absolute}

/* general styles for the whole site, note that some of these are redefined in honline.css
for elements within the #content div - these can be commented out they
are to be the same as for the whole page*/

caption {display: none; text-align: left}
a {color: #666666; background-color: white}
h1, h2, h3, .textarea, em, .bodytext dt {background-color: white; color: #6c6388}
h1 {font-size: 1.5em; line-height: 1.3em; padding: 0 0 0 0; clear: both}
a: hover {color: black; background-color: white; text-decoration: underline}
form {padding: 15px}
em {font-style: normal; font-weight: bold}


.centre {margin: 0 auto; text-align: center}
.printonly {display: none}
.error {color: red; background-color: white}
.message {}
.bodytext {font-size: 0.9em; line-height: 1.2em; padding: .5em 1em}
.bodytext h2 {font-size: 1.15em; padding: 1.5em 0 0 0}
.bodytext p {margin: 1em 0}
.bodytext ul {list-style: square inside; padding-left: 1em; text-indent: -1em}
.bodytext ul ul {list-style: circle; padding-left: 2em; text-indent: -2em}
.bodytext dt {font-size: 1.15em; font-weight: bold; padding: 1em 0 .5em 0}
.bodytext dl {list-style: none}
.bodytext dd {vertical-align: top}
.bodytext dt img {height: 40px; width: 34px; border: none}
.warning {color: red; background-color: white; font-size: 0.8em}
.usercount {font-size: 0.9em}
.smalltext {font-size: 0.6em}

/* --- username control */
.username {float: right; padding-right: 25px; }
.username {border: none; top: 0; margin: 0 0 0 0px; clear: both; padding-top: 5px; font-size: .7em; float: right; height: 1.2em}
.username a {text-decoration: none}
.username a: hover {text-decoration: underline}

/* positioning for the content of the pages i.e. Heritage Online itself*/

#container {margin: 0px 0 0 20px}
#infopagebody {position: relative; clear: both; margin: 0px 20px 10px 25px}