/* CSS Document */

#info ul {list-style-type:none; background:transparent;}
#info li {display:block; float:left;}
#info {text-align:right; display:block; position:absolute; background:transparent; top:156px; right:0px; width:530px; z-index:1; font-size:12px;}
html>body #info {top:144px; }
#info h2 {margin-bottom:1em;}

.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; font-family:Arial, Helvetica, sans-serif; color:#888; margin:0; font-weight:bold; padding-bottom:0.5em;}

.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#cccc99; border-left:1px solid #ffffcc; border-right:1px solid #ffffcc;}
.xb1 {margin:0 5px; background:#ffffcc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ded6c4; border:0 solid #ffffcc; border-width:0 1px 1px 1px; border-bottom:1px solid #888;}


a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xboxcontent {background:#cccc99; border-color:#888; border-bottom:1px solid #cccc99;}
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#cccc99; border-color:#888;}

a:link {color:black;
		text-decoration:none;}
a:hover {color:#FFF9E7;
		text-decoration:none;}
a:visited {color:black;
		text-decoration:none;}
a:visited:hover {color:#FFF9E7;
		text-decoration:none;}

body {background-color:#ccffff;
margin-left:3px;}


#slates	{ position:absolute;
			top:0; }
			
#logo	{ position:absolute;
			top:75px;
			left:115px;
			}
			
#logo img { border-style:none; }

#bottom	{ 	background:url(images/bottom.jpg) no-repeat;
			z-index:-1;
			width:auto;
			height:71px;
			position:relative;
			padding:15px 27px 0px 27px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;}
			
html>body #bottom {z-index:0;}

#bottom a:hover
{
	color:black;
	text-decoration:underline;
}
			
#alan	{ position:absolute;
			top:130px; 
			left:450px;
			width:200px;
			background-color:#cccc99;
			text-align:center; }
			
#alan img { border-style:none; }
			
.address	{ position:absolute;
			top:50px; 
			left:550px;
			width:150px;
			padding:10px;
			background-color:#cccc99;
			text-align:left;}
			
.calendar-month {
			color:#7a7a3f;
			font-size:16px;
			font-weight:bold;
			}
			
table.calendar {
			font-weight:bold;
			text-align:center;
			}
			
table.calendar th {
			color:#878274}
			
table.calendar td.pastday {
			text-decoration:line-through;
			font-weight:normal;
			}
	
table.calendar td.freeday {
			background-color:#66cc66;
			}
			
table.calendar td.partialday {
			background-color:#ffcc66;
			}
			
table.calendar td.fullday {
			background-color:#ff9999;
			}
			
table.availability {
			text-align:center;
			}
			
table.availability tr.odd {
			background-color:#CCCC66;
			}

table.availability tr.even {
			background-color:#C6BB9F;
			}
			
table.availability td.event {
			text-align:left;
			}
			
table.availability td.pasttime {
			text-decoration:line-through;
			}
			
td.right {
	background-color:#cccc66;
	width:239px;
	text-align:left;
	}
	
td.left {
	background-color:#C6BB9F;
	width:151px;
	text-align:right;
	font-weight:bold;
	}
			
.bodycontentholder
		{	position:absolute;
			top:180px;
			background:none;
			width:770px;
			height:auto;
			z-index:-1;
			padding:0px;
			}
			
html>body .bodycontentholder {z-index:0;}

.mainbg { position:relative;

			background-color:#cccc99;
			width:auto;
			height:auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding:10px;
			border-color:#888;
			border:solid 1px #888;
			z-index:-1;
			}
			
html>body .mainbg { z-index:0; }

.textbg { position:relative;
			background-color:#DED6C4;
			height:inherit;
			width:auto;
			padding:10px;
			z-index:-1;
			}
			
html>body .textbg { z-index:0; }

#mappopup a:hover
		{	color: #888;
			text-decoration:none;
			}
#mappopup a:visited:hover
		{	color: #888;
			text-decoration:none;
			}
			
#hp1 {	 
		border-style:none;
		padding:10px 10px 10px 10px; 
		float:right;
		}
		
		
#hp1 img { border-style:none; 
			padding:10px 10px 10px 10px; 
			background-color:#cccc99;
}

#hp2 {	 
		border-style:none;
		padding:10px 10px 10px 10px;
		float:left;}
		
#hp2 img { border-style:none; 
			padding:10px 10px 10px 10px; 
			background-color:#cccc99;
}

#his1 {	 
		border-style:none;
		padding:10px 10px 10px 10px;
		float:right;}
		
#his1 img { border-style:none; 
			padding:10px 10px 10px 10px; 
			background-color:#cccc99;
}

#fac1 {	 
		border-style:none;
		padding:10px 10px 10px 10px; 
		float:left;
		}
		
		
#fac1 img { border-style:none; 
			padding:10px 10px 10px 10px; 
			background-color:#cccc99;
}

#fac2 {	 
		border-style:none;
		padding:10px 10px 10px 10px; 
		float:left;
		}
		
		
#fac2 img { border-style:none; 
			padding:10px 10px 10px 10px; 
			background-color:#cccc99;
}

#fac3 {	 
		border-style:none;
		padding:10px 10px 10px 10px; 
		float:left;
		}
		
		
#fac3 img { border-style:none; 
			padding:10px 10px 10px 10px; 
			background-color:#cccc99;
}

#adminsection { border-style:none;
				position:absolute;
				top:110px;
				left:250px;
				font-size:16px;
				font-weight:bold;
				}
				
#upcoming {	text-align:center;
			position:relative;
			top:0px;
			right:35px;
			float:right;
			width:280px;
			
			background-color:#cccc99;
			padding:10px;
			}