html{ 
 border: 0;
 margin:0; 
 padding:0; 
 text-align:center;
 font: 12px/1.5em Arial, Helvetica, sans-serif;
 color: #000;
 background-color:#4682b4;
 height: 100%;
 margin-bottom: 1px; 
}  


body{ 
 border: 0;
 margin:0; 
 padding:0; 
 text-align:center;
 font: 12px/1.5em Arial, Helvetica, sans-serif;
 color: #000;
 background-color:#4682b4; 
} 
 
#pagewidth{ 
 width:750px; 
 text-align:left; 
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto; 
} 
 
#header{ 
 background-image: url(images/bluemiddlewickliveryyard.gif); 
 background-repeat: no-repeat; 
 background-position: top center;
 height:90px; 
 width:100%; 
} 
#ad{
position:absolute; 
top:3px; 
left:30px; 
background:#eee; 
border:2px solid #c00; 
margin:5px; 
padding:5px; 
text-align:center;
font-size:1em; 
color:#c00;}
#ad a:link {color:#c00; text-decoration:none;}
#ad a:visited {color:#c00; text-decoration:none;}
#ad a:hover {color:#c00; text-decoration:underline;}


#leftcol{
 width:135px; 
 float:left; 
 position:relative; 
 margin-left:-135px; 
 margin-right:1px; 
 }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a
{
display: block;
width: 9em;
padding: .2em .8em;
font-size: 80%;
text-decoration: none;
background-color: transparent;
color: #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}

#navcontainer a:hover
{
background-color: #ffffff;
color: #4682b4;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 150px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #4682b4;   /* left column colour */ 
border-left-style: solid; 
background-color: #4682b4; /* center column colour */ 
width: auto; 
 } 
 
#footer{
 height:20px; 
 width:100%; 
} 

#legal
{
text-align:center;
font-size: 75%;
color: #ffffff;
line-height: 110%;
} 
#updated
{
font-size: 75%;
color: #ffffff;
line-height: 110%;
text-align:center;
} 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }

#main_content
{
font-size: 100%;
color: #ffffff;
}

#outer>#inner { border-bottom: 1px solid #4682b4;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
.map_copyright {font-size: 65%; line-height: 110%;}
.wed  {float: left; padding: 1px; margin: 0.75px; margin-bottom: 10px; background-color: #fff; border: 1px solid #4682b4; height: 80px; width: 60px;}
.wee  {float: left; padding: 1px; margin: 0.75px; margin-bottom: 10px; background-color: #fff; border: 1px solid #4682b4; height: 75px; width: 75px;}
.wee1 {float: left; padding: 1px; margin: 0.75px; margin-bottom: 10px; background-color: #4682b4; border: 1px solid #4682b4; height: 79px; width: 77px;}
.wee2  {float: left; padding: 0px; margin: 0.75px; margin-bottom: 10px; background-color: #4682b4; border: 1px solid #fff; height: 40px; width: 40px;}
.text {margin: 0; padding: 0;}
.etext {margin: 0; padding: 0; line-height: 120%;}
.redtext {margin: 0; padding: 0; line-height: 120%; color: red;}
.icon {float: left;}
.image {float: right;  padding: 1px; margin: 0.75px; margin-left: 10px; }
.date {font-size:90%; font-weight:bold;}
.first {font-size:90%; margin:.75em;}
a:link {color:#ffffff; text-decoration:none;}
a:visited {color:#ffffff; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:underline;}
h1 {font-size: 16px; margin-top: 0;}
h2 {font-size: 14px; margin-top: 0;}
.nav {font-weight: bold;}
.peter {font-weight: bold;}
.map {float:right;} 
.address {width: 250px;}

 td, th {
	font: 0.8em Arial, Helvetica, sans-serif;
}
.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 95%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable th {
	border: 1px solid #BCBCBC;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr:hover, .datatable tr.hilite {
	background-color: #DFE7F2;
	color: #000000;
}
 
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}