/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== 
#menu {height:800px; width:180px; position:relative; background:#e7b63a;}
 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px;}
 
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:0;}
 
#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;padding:0 20px 0 10px;} 
#menu li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}
 
#menu li a:hover {background-color:#09c; color:#fff;} 
#menu li:hover > a {background-color:#09c; color:#fff;}
 
#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}
 
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
 
#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px; }

*/
#menu img {
	border: none;
	display: block;
    margin-left: auto;
    margin-right: auto;    
}
#menu div {
	margin-left: auto;
    margin-right: auto;
    width: 164px;
}
#menu {
	position: absolute;
	top: 2px;
	left: 0px;
	width: 180px;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	font: 12px verdana, arial, sans-serif;
	text-align:left;
	background-color: #cae289;
}

#menu h2 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: transparent;
	}
#menu p{
    font: 10px Arial, Georgia, "Times New Roman", Times, serif;
    margin-top: 5px;
    text-align: center;
}
#menu ul {
	list-style: none;
	margin-left: 10px;
	padding-left: 0;
}
#menu li {
	font-size: 85%;
	margin-bottom: 0.3em;
}
#menu ul img{
	 display: inline;
	 position: relative;
	 padding-left: 5px;
}
#menu ul a:link, #menu ul a:visited{
	text-decoration: none;
	color: #000066;
	background-color: transparent;
}

#menu ul a:hover {
	text-decoration: none;
	color: #811221;
	background-color: transparent;
}

#menu ul ul {
	margin-left: 1.5em;
}

#menu ul ul a:link, #menu ul ul a:visited {
	text-decoration: none;
	color: #0c5648;
	background-color: transparent;
}
#menu ul ul a:hover {
	text-decoration: none;
	color: #811221;
	background-color: transparent;
}
#menu ul .spacer {
	text-align: center;
	color: #000080;
	background-color: #ffffff;
}
#menu .day td.booked {
	background-color: #ff5c2c;
	border: 2px solid #ffffff;
	padding: 1px 2px 1px 2px;
	width: 20px;
}
#menu .day td.free {
	background-color: #ffffff;
	border: 2px solid #ffffff;
	padding: 1px 2px 1px 2px;
	width: 20px;
}
#menu .day td.reserved {
	background-color: #000000;
	border: 2px solid #ffffff;
	padding: 1px 2px 1px 2px;
	width: 20px;
}
#menu .day td.bookedbyus {
	background-color: #7e7bd8;
	border: 2px solid #ffffff;
	padding: 1px 2px 1px 2px;
	width: 20px;
}
#menu .dropDownDates {
	text-align: center;
}
/*_____________________________ menu key _____________________________________________/*
#menu .key {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	font: 80% arial, "times new roman", times, serif;
	color: #000000;
	text-align: center;
}
#menu .key td.active {
	background-color: #b1cbe1;
	border: 2px solid #ee9311;
	text-align: center;
}
#menu .key th {
	border: 1px solid #828282;
	background-color: #bcbcbc;
	font-weight: normal;
	text-align: center;
	padding: 4px, 18px, 4px, 18px;
}
#menu .key td.delfree {
	background-color: #e3e0df;
	border: 2px solid #ffffff;
	padding: 1px 2px 1px 2px;
	width: 20px;
}
#menu .key td.delbooked {
	background-color: #ff9574;
	border: 2px solid #ffffff;
	padding: 1px 2px 1px 2px;
	width: 20px;
}
#menu .key td.delpend {
	background-color: #f1f30f;
	border: 2px solid #000000;
	padding: 1px 2px 1px 2px;
	width: 20px;
}