html, body {
	border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #ccc;
    color: #000;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
	}
 
	#container { 
	max-width: 900px;
min-width: 600px;
	background: #fff;
 color: #000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #AAA;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#header {
 position: relative;
 height: 90px;
 padding: 0 10px;
 border-bottom: 1px solid #AAA;
 text-align: center;
 }
 
.logobox {
position: absolute;
bottom: 0px;
left: 10px;
}
.logobox a{
margin: 0px;
padding: 0px;
background-color: transparent;
}
.straplinebox {
position: absolute;
bottom: -3px;
right: 10px;
}

#nav {
	float: left;
	width: 8.5em;
 border-right: 1px solid #AAA;
 border-bottom: 1px solid #AAA;
	}

#navlist ul, li
{
list-style-type: none;
padding-top:.7em;
margin-left:0;
padding-left: .2em;
padding-right: .2em;
text-align: left;
}
#navlist em {
font-style: normal;
font-size: 90%;
}
#body3 {
	padding: 0px 9em 0px 9em;
	}

#body2 {
	padding: 0px 1em 0px 9em;
}
	
#sidebar {
float: right;
	padding-left: .4em;
	padding-right: .4em;
	width: 8em;
 border-left: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer {
	border-top: 1px solid #AAA;
	font-size: smaller;
	text-align: center;
	padding: 2px 10px 0 0;
	}
	
#buttons li{
display: inline;
list-style-type: none;
padding-top:.7em;
margin-left:0;
padding-left: .2em;
padding-right: .2em;
text-align: left;
white-space: nowrap;
}
.ahem
  {visibility: hidden;}

a {
  color: #000;
  background: #fff;
  text-decoration: underline;
  }


a:hover{
  color: #060;
  background: transparent;
  }

p {
	padding: 0;
	margin-top: 0px;
		}
p.centred {text-align: center}

p.vital {border: 3px solid red}

img {
  border: 0px;
  margin: 0px;
  padding: 0px;
  }

img.photor {
float: right;
padding: .2em
}
         
h1 {
  text-align: left;
  }

h2 {
  text-align: left;
  }

h3 {
  text-align: left;
  }

h4 {
  text-align: left;
  }
   
.menutitle {
  text-align: left;
  color: #000;
  background: #fff;
  font-size: large;
  font-weight: bold;
  }
  
em {font-style: italic}

.comment {
  font-style: italic;
  color: #060;
  background: #fff;
  }
  
td, th {
  padding-top:.7em;
  padding-left:.5em;
  padding-right:.5em;
  vertical-align: top;
  text-align: left;
  }
td.money {text-align: right;}
td.date {white-space: nowrap;}
  
th {
   font-weight: bold;
   }