html, body{ 

 margin:0; 

 padding:0; 

 text-align:center; 

 background-color: #ccccff;

   font: 1em Verdana, Arial, sans-serif; color: black;

}



.top_right {

position: absolute;

top:70px;

right:20px;

width:200px;

background-color:#ccccff;

padding:5px;

border: 1px solid #cccccc;

text-align:center;

font-size:85%;

}



.back {background-color:#7C85FE;text-align:center;padding:0.5em;font-size:1.2em;color:white;text-transform:uppercase;}



a {text-decoration:underline;color:inherit;}



hr {

  border: 0;

  width: 100%;

  background-color: #006699;

height: 1px;

text-align:right

}





.pricing {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-align: center;

}



 

#pagewidth{ 

 width:760px; 

 text-align:left;  

margin-left:auto; 

 margin-right:auto;  

 margin-top:5px;

  border: 1px solid #cccccc;

} 

 

 

#maincol{background-color: #ffffff; 

 float: right; 

 display: inline; 

 position: relative; 

 width:720px; 

 padding:20px;

 padding-top:0px;

border-bottom: 0px solid black;





 }



#footer{

 height:1.5em; 

  background-color: #006699; 

 clear:both;

 padding:0.5em;

  text-align:center; 

 font: 0.9em Verdana, Arial, sans-serif; color: white;

border-top: 1px solid #cccccc;

 } 

 
#returnbut{

  height:1.5em; 

  background-color:  #006666; 

 clear:both;

 padding:0.5em;

  text-align:center; 

 font: 0.9em Verdana, Arial, sans-serif; color: white;

border-top: 1px solid #cccccc;

 } 
 

 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  



.month {

	border: 1px solid #454545;

}



.month th, td, p, small {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:0.9em;

}

.month table {

	border:1px solid white;

	padding:2px;

		text-align:center;



}

.month td, th {

	padding:1px 1px 1px 1px;

	border: 1px solid black;

}

.month td {

	width:16px;

	height:16px;

	text-align:center;

}

.month td.low {

background-color: #87CEFA;}

.month td.mid {

background-color: #66CDAA;}

.month td.high {

background-color: #9370D8;}

.month td.booked {

background-color: #e71c00;}

.month td.empty {

background-color:silver;

border: 1px solid silver;}

#pricing {display:block;text-align:center;color:black;margin-top:15px;width:700px;margin-left:30px;}

#pricingbooked{width:140px;height:60px;display:block;float:left;background-color: #e71c00;border:1px solid black;}

#pricinglow{width:140px;height:60px;display:block;float:left;background-color: #87CEFA;border:1px solid black;margin-left:25px;}

#pricingmid{width:140px;height:60px;display:block;float:left;background-color: #66CDAA;border:1px solid black;margin-left:25px;}

#pricinghigh{width:140px;height:60px;display:block;float:left;background-color: #9370D8;border:1px solid black;margin-left:25px;}



.month th {background-color:#FFFFF0; color:black;

font-weight:bold;

}



.calendar {

display:block;

background-color:white;

float:left;

margin:2px;

border: 1px solid black;

}

.calendarwrap {

width:695px;

display:block;

float:right;

	font-size:90%;

	color:black;

	text-align:center;

	margin-top:15px;

}