@import url('colors.css');

html { margin: 0px; padding: 0px; }

body {
	margin: 0px; padding: 0px;
	text-align: center;
}

img { border: 0px; }

.clear { clear: both; }

/*************** fonts *****************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;

}

#footer, #menu {
	font-size: 85%;
}

#menu {
	font-size: 100%;
}


/*************** layout ***************************/
#body2col{
	width: 950px;
	background: url('images/columns2.gif') repeat-y;
}

#body3col {
	width: 950px;
	background: url('images/columns3.gif') repeat-y;
}

#body2 {
	width: 200px;
	float: left;
	padding: 10px 10px 10px 25px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 165px;
}
	html>body #body2 { width: 165px; }

#body2col #body1 {
	width: 750px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px;
}
	html>body #body2col #body1 { width: 730px; }

#body3col #body1 {
	width: 600px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 580px;
}
	html>body #body3col #body1 { width: 580px; }

#body3 {
	width: 150px;
	padding: 10px;
	float: left;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
}
	html>body #body3 { width: 130px; }

#container {
	width: 950px;
	margin: 0px auto;
	text-align: left;
}

#flashmovie {
	background: url('images/bg.jpg') no-repeat;
	width: 950px;
	height: 137px;
}

#logo {
	margin: 0px auto;
	height: 35px;
	text-align: left;
}

#menu { height: 25px; }

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	#menu li { float: left; }
	#menu a {
		float: left;
		padding: 5px 0px 5px 25px;
	}
	
.submenu {
	margin: 0px 0px 0px -15px;
	padding: 0px;
	list-style: none;
}
	.submenu li {
		margin-bottom: 3px;
	}
	
	.submenu a {
		display: block;
		width: 180px;
		padding: 5px 5px 5px 15px;
		border: solid 1px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 158px;
	}
		html>body .submenu a { width: 158px; }

#footer {
	padding: 5px 5px 5px 25px;
}
/* AVAILABILITY CALENDARS ==================*/
.MonthTable{
  /*border-collapse:collapse;*/
  width:170;
}
.avMonth{
  font-size:10px;
  background-color:#7F7F7F;
  color:#FFFFFF;
  font-weight:700;
  padding:3px;
  padding-left:6px;
}
.avDay{
  font-size:10px;
  background-color:#7F7F7F;
  color:#FFFFFF;
  font-weight:700;
  text-align:center;
  padding:5px;
}
.dh{
  border:1px solid #7F7F7F;
  font-weight:700;
  font-size:10px;
  background-color:#7F7F7F;
  color:#ffffff;
  text-align:center;
}
.ok{
  font-size:10px;
  color:#FFFFFF;
  text-align:center;
  background-color:#003300;
  font-weight:700;
  cursor:hand;
  cursor:pointer;
  border:1px solid #A4A4A4;
}
.okDay{
  font-size:10px;
  color:#000000;
  background-color:#A4A4A4;
  font-weight:700;
  border:1px solid #A4A4A4;
  padding-left:5px;
  padding-right:5px;
}
.okimgDay{
  font-size:10px;
  color:#000000;
  background-color:#DA251D;
  font-weight:700;
  border:1px solid #DA251D;
  cursor:hand;
  cursor:pointer;
}
.errorDay{
  font-size:10px;
  color:#FFFFFF;
  background-color:#DA251D;
  font-weight:700;
  background-color:#DA251D;
  padding-left:5px;
  padding-right:5px;
}
.na{
  background-color:#ffffff;
   font-size:10px;
}
.booked{color:#FFFFFF;background-color:#000000;cursor:default;border:1px solid #000000;}
.blocked{color:#FFFFFF;background-color:#000000;cursor:default;border:1px solid #000000;}
.unavailable{color:#003300;background-color:#FFFFFF;cursor:default;border:1px solid #FFFFFF;}
.changeover{color:#9D243A;border:1px solid #115CB2;}

.pad5{padding:5px;}
.pad10{padding:10px;}
}

/***************** other media styles *********************/

@media print {
	#logo, #menu, .submenu, #flashmovie, #footer { display: none; }
	
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
	
}

@media handheld {
	#body2col, #body3col, 
	#body2col #body1, html>body #body2col #body1, 
	#body3col #body1, html>body #body3col #body1, 
	#body3, html>body #body3,
	#body2, html>body #body2, 
	#container { width: auto; float: none; }
	
	#body2col, #body3col { background-image: none; }
	
	#body2, #body1, #body3 { padding: 20px; }
		
	#flashmovie { display: none; }
	
	.submenu, .submenu li { margin: 0px; }
	.submenu li { display: inline; }
	.submenu a:link, .submenu a:visited { display: inline; width: auto; border: none; background: none;  }
	.submenu a:hover { background: none; border: none;  }
}