body {
font-family:Verdana, Arial, Helvetica, sans-serif; 
background-color:#ddd;
font-size:small;
}

#container
{
width: 750px;
margin: auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
}

#top_heading
{
padding:0;
background-image:url(images/longrooves.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
height:172px;
border: 1px solid gray;
}

#top_text
{
color: #FFFF99;
font-size:1em;
border:0;
padding:0;
margin:130px 0 0 10px;
}

#leftnav
{
top:172px;
float: left;
width: 145px;
margin: 0;
}

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

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

#leftnav a
{
display: block;
color: #036;
background-color: #FFCC33;
width: 9em;
padding: .2em .8em;
text-decoration: none;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #036;
border-bottom: 1px solid #036;
}

#leftnav a:hover
{
background-color: #CC9900;
color: #FFF;
border-top: 1px solid #036;
border-left: 1px solid #036;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}


#content
{
margin-left: 160px;
margin-right:5px;
padding: 0;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #FFCC33;
border-top: 1px solid gray;
text-align:center;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.floatright
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}

.floatleft
{
float: left;
margin: 0 10px 10px 0;
}

#image01 {margin: 0.5em 0.5em 0.5em 0; border:0; padding: 0;}

#availability2004{background:#ddd; text-align:center; border:0; padding:0;margin:1em;}
#availability2004 {border:thin solid gray;}
#availability2004 tr{background-color:#fff;}


tr.booked td{background-color:#CC99FF;}

.booked{background-color:#cc99ff;}

tr.provisional td{background-color:#FFFF33;}

.provisional{background-color:#ffff33;}