/* Get rid of default paddings and margins. If I want them, I'll say so */
* {
 margin: 0px;
 padding: 0px;
 }
body {
 background: white;
 padding-bottom: 30px;
 }
#main {
 position: relative;
 top: 0px;
 left: 140px;
 width: 634px;
 border: 0px;
 padding-bottom: 30px;
 /* IE is gay towards transparent bg images, so it's white now */
 background: url('/images/leavers-bdr.png') repeat-y center;
 overflow: auto;
 }
#content {
 padding-left: 25px;
 padding-right: 25px;
 }
div.float-space {
 clear: both;
 }
#bottom-border {
 position: relative;
 background: url('/images/leavers-bdrbt.png') no-repeat scroll top center;
 width: 634px;
 height: 40px;
 left: 140px;
 }

#main ul {
 list-style-type: none;
 }
 .bodytext {
 font-family: "Times New Roman", times, serif;
 }
#main li {
 display: inline;
 float: left;
 padding: 2px;
 }
#main img {
 border: 0px;
 }
h3 {
 padding-top: 15px;
 font-style: italic;
 color: #cc9966;
 text-align: left;
 font-family: "Times New Roman", times, serif;
 }
h4 {
 padding-top: 10px;
 color: #cc9966;
 font-family: "Times New Roman", times, serif;
 text-align: left;
 font-weight: bold;
 font-size: medium;
 }
#main p {
 font-family: "Times New Roman", times, serif;
 padding-top: 5px;
 color: black;
 }
.cent {
 text-align: center;
 }
.keypoint {
 font-weight: bold;
 color: #cc9966;
 }
#main form {
 padding-top: 10px;
 }
#title {
 padding-top: 15px;
 padding-bottom: 35px;
 }
h1 {
 font-family: "Times New Roman", times, serif;
 text-decoration: underline;
 font-style: italic;
 color: #cc9966;
 text-align: center;
 }
.comment {
 position: relative;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 5px;
 padding-right: 5px;
 margin-bottom: 5px;
 width: 565px;
 border: 2px solid #aaaaaa;
 }
.comment p {
 padding-top: 0px;
}
.comment_attrib {
 font-style: italic;
 font-size: small;
}

/* Nav stuff */

#nav-container {
 position: absolute;
 left: 0px;
 top: 50px;
 }
#nav {
 list-style: none;
 padding-left: 2px;
 }
#nav li {
 position: relative;
 float: none;
 display: block;
 } 
li ul {
 position: absolute;
 display: none;
 left: 124px;
 top: 12px;
 list-style: none;
 padding: 0px;
 z-index: 1;
}
#nav li a {
 display: block;
 width: 124px;
 height: 24px;
 background: url('/images/leavers-rlbk.png') top left no-repeat;
 text-decoration: none;
 color: #963;
 font-size: small;
 font-family: times, serif;
 padding-left: 15px;
 padding-top: 3px;
 padding-bottom: 0px;
 }
#nav li a:hover {
 background-position: 0 -25px;
/* Image appears to move down (being pressed), want text to move with it, so pad an extra px */
 padding-top: 4px;
/* But stop the total size of the link from growing */
 height: 23px;
 }
#nav li a:active {
 background-position: 0 -50px;
 }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */

/* Search form */
#searchform {
 padding-left: 4px;
 }