/* --- 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: 90%/110% arial, sans-serif; color: black; background: url('../images/trial.jpg') repeat}
body {width: 100%; min-width: 750px; margin:10px; padding:0; border:0}

h1,h2,h3,h4,h5,h6,p,div,form,code,pre,fieldset,legend,dl,dt,dd
  {margin:0; padding:0; border:0}

/*#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*/

#masthead{background:url(../images/headerbig.gif) no-repeat left top; height: 80px; padding: 0}
#topimage1{display:none}
#topimage2{display:none}
#pagetitle{display:none}
#leftbar{position:absolute; width: 100px; top:90px; left:0; margin-left:5px}
.heading_right, .heading_left
{background-image: url(../images/line-left.gif); background-repeat:no-repeat; background-position: left 1em; height:50px; width:110px;}
.heading_right {background-image: url(../images/line-right.gif); width:30em; clear:both;}
.heading_left h1, .heading_right h1
{display:inline; background-color: #fff; color: #603098; font-size: .9em; font-weight: bold; margin-left: 40px;	padding:.2em 0;}
.heading_right h1 {margin-left: 25px;}

/* site navigation */

#cssnav{width:100px; margin-top: -25px; left:0px; padding-left: 0px; float: left; clear: both;font-size: 0.75em}
#cssnav ul {list-style: none; padding: 0; margin: 0;}
#cssnav li {clear: both; float: left; margin: .5em 0 0; padding: 0; text-align: right}
#cssnav li a
{background: #603098 url(../images/button_n.gif) no-repeat bottom left; color: #fff; height: 30px;
        line-height: 30px; float: left; width: 100px; display: block; text-decoration: none; text-align: center; font-weight:bold}

/* commented backslash hack hides rule from ie5-mac \*/
#cssnav li a{float:none}
/* end of ie5 mac hack */

#cssnav li a:hover{background: #c898ff url(../images/button_b.gif) no-repeat bottom left; color: black}
#cssnav span {position: relative; right: 0px; bottom: 0px; width: 100px; height: 18px;}
#cssnav a:hover span{}

/* end of navigation */

caption {display: none; text-align: left}
a {color:#603098; background-color: white}
h3, .textarea, em, .bodytext dt {background-color: white; color:black}
h1{background-color:white; color:#603098; font-size:180%;line-height:1.5em}
h2{background-color:white; color:#603098; font-size:150%;}
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: 1em; line-height: 1.3em; padding: .5em 0em}
.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-left: 100px; width:auto}
#infopagebody {position: relative; clear: both; margin: 0px 20px 10px 25px}

/* search by subject page */
#subjectsearch br {line-height:1.4em}
#subjectlist ul {list-style:none}
#subjectlist ul ul {padding-left:3em}
#subjectlist ul ul ul {padding-left:6em}h4 {
	color: #603098;
	background: #FFFFFF;
	margin-top: 1em;
	margin-bottom: 1em;
}
h3 {
	color: #603098;
	background: #FFFFFF;
	margin-top: 1em;
	margin-bottom: 1em;
}