@charset "UTF-8"; /* CSS Document */   body  { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color:#151515; font-family: Verdana, Arial, sans-serif; font-size: 100%; background-color:white; } #container { width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; background-image: url(../images/bg.gif); background-repeat:repeat-y; margin: 20px auto; text-align: left; /* this overrides the text-align: center on the body element. */ } #header { background-image: url(../images/newbanner.jpg); background-repeat: no-repeat; height: 228px; margin:0; padding:0; } /* TOP BULLET MENU CSS  remove the margin and bullets, set the padding */ .topmenu {color:#FFFFFF; margin:0px; padding:0px; list-style:none; background-color:#330033; font-size:0.8em; font-family:Geneva, Arial, Helvetica, sans-serif;}  /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */ .topmenu li {display:inline; float:left;}  /* style the links and place the background image to start from left edge */ .topmenu li a {display:block; color:#fff; height:47px; line-height:47px;  float:left; text-decoration:none; margin:0 0 0 0; padding:0 25px 0 25px;} /* style the link hover to replace the background image - border:0 needed for IE6 to work */ .topmenu li a:hover { border:0; text-decoration:none; cursor:pointer; background:url(../images/hilite.gif); background-repeat:no-repeat; background-position:bottom; }  #mainContent { width:749px; /*larger breaks in IE6*/ text-align:left; margin:0 25px 0 25px; padding:0; /*remember that padding is the space inside the div box and margin is the space outside the div box */ }  #footer { clear:both; margin:20px 20px 0 20px; }  #end { height:28px; background-image: url(../images/footer.gif); background-repeat: no-repeat; background-position:bottom; }  h1 { font-size: 1.1em; font-weight:normal; margin: 18px 0 15px 0; } h2 { font-size: 0.9em; font-weight:normal; margin: 8px 0 10px 0; } h3 { font-size: .8em; font-weight:normal; margin: 18px 0 0 0; } p { font-size: 0.75em; line-height: 150%; padding: 0; margin-top: 5px; margin-bottom:10px; }  .quote { padding: 0; margin-top:10px; font-style:italic; }  h1, h2, h3, a, .linkcolour {color:#330099}  /*purple*/  #mainContent li { font-size: 0.75em; line-height: 1.3em; margin: 8px 0px 8px -10px; } #mainContent .condensed li { margin: 0px 0px 4px -20px; }  #footer p, #end p { /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ font-size: 0.7em; text-align:center; }  .formfield {background-color:#EAEAEA; font-family: Verdana, Arial, sans-serif; font-size: 100%; }  hr {clear:both; color:#330099; margin:15px 0px; height:1px;}  img { border: none; }  .border {border:1px solid black; }  .print {display:none;} .screen {display:inline;}  .siteimage {margin:10px 0 10px 20px; background-color:#CCCCCC; padding:5px; border:1px solid #999; width:400px; float:right; } .small {font-size:95%; font-style:normal;}