body{ 
 margin:0; 
 padding:0; 

 background-color: #6cbfdf;
 background-image: url('images/clouds.png');
 background-repeat: no-repeat;
 background-position: top right;

}



h1 {
font-size: 14pt;
}


#about p {
text-align: center;
color: #ffffff;
font-size: 9pt;
}

#bottom p {
text-align: center;
color: #ffffff;
font-size: 9pt;
padding-bottom: 4em;
}


.navigation {

text-align: center;
margin-left: 0em;
padding-top: 1em;
padding-right: 3em;
font-size: 18pt;
margin-bottom: 1em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;

}


.navigation a {
margin-left: 1em;
text-align: right;
color: #ffffff;
text-decoration: none;
}

.navigation a:hover {
color: yellow;
}


 
#pagewidth{ 

	width:40em; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	margin-top:5px;

} 
 
 
#maincol{
 background-color:; 
 float: right; 
 display: inline; 
 position: relative; 
 width:720px; 
 padding:20px;
 padding-top:0px;



 }
 
#footer{

	padding-left: 0.2em;
	clear:both;
	color: #000000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;

 } 
 
 #footer a {
 color: #ffffff;
 }
 
 

 
.month {

}

.month th, td, p, small {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align: center;
}




.month td {
	width:16px;
	height:16px;
	text-align:center;
}


.month td.unbooked {
background-color: #81e500;}



.month td.booked {
background-color: red;}



.month th {
background-color:; 
color:black;
font-weight:bold;
text-align: center;
}

.calendar {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	
	-moz-border-radius: 2px;
-webkit-border-radius: 2px;


display:block;
float:left;
margin: 0.4em;
background-color: #ffffff;


}

.contact {


padding-top: 1em;
font-family: Arial, Helvetica, sans-serif;

padding: 0.2em 0.2em 0.2em 0.2em;

}


.contact p {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
font-weight: bold;
color: black;
}

.contact a {
color: yellow;
}