/*---------------------------------------------------------\
|                                                            |
|    CSS BY THE U.P. WEB MAESTRO - www.upwebmaestro.com      |
|                                                            |
 \---------------------------------------------------------*/

/*
FONT FAMILY (GENERIC) NAMES
serif 		(e.g. Times) 
sans-serif 	(e.g. Helvetica) 
cursive 	(e.g. Zapf-Chancery) 
fantasy 	(e.g. Western) 
monospace 	(e.g. Courier)   
*/


/*============== TEXT STYLES ================================================*/

body		{  	margin: 0px 0px 0px 0px;
        	        padding: 0px;
			background-color: #ffffff;
			background-image: url(side-background.png);
			background-repeat: repeat-y;
			background-position: top right;
			color: #000000;
			font-size: 100%				}
                         	
h1		{  	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 130%;  
			margin: 2px 0px 8px 0px;	}

h2		{  	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 120%; 
			margin: 2px 0px 8px 0px;	}

h3		{  	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 110%; 
			margin: 2px 0px 8px 0px;	}

p		{  	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 80%; 
			line-height: 130%;
			margin: 5px 0px 10px 0px;		}

li		{	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 100%; 
			line-height: 130%;
			margin: 2px 0px 10px 0px;		}

.credits	{	font-size: 65%;
			font-family: verdana, sans-serif;
			text-align: center; 
			clear: both;
			padding-top: 10px;
			margin: 20px 5px 20px 5px;		}
				
.menuBlurb	{	color: #000000;
			font-size: 10px;
			line-height: 11px;
			margin: 20px 0px 5px 0px;
			font-family: verdana, sans-serif;
			padding: 0px 10px 0px 10px; }
			
.menuBlurb a	{	color: #000066;	}
	
.sampleMenu {  
	font-family: verdana, sans-serif;
        font-size: 12px; 
        background-color: #eee;
        }
.sampleMenuHeader {  
	font-family: verdana, sans-serif;
        font-size: 14px; 
        font-weight: bold; 
        }
.sampleMenuPrice {  
	font-family: monospace;
        font-size: 14px; 
        text-align: right;
        vertical-align: top;
        background-color: #eee;
        }
	
.orderHeader  { background-color: #000066;
		text-align: center;
		color: #ffffff; }
		
.formData	{ font-family: verdana, arial, helvetica, sans-serif;
		  text-align: center;
		  font-size: 12px;  }

.formPrice	{ font-family: verdana, arial, helvetica, sans-serif;
		  text-align: right;
		  font-size: 12px;  }

.total		{ font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 12px;
		  text-align: right;
		  font-weight: bold; }

.formHeader	{ font-family: verdana, arial, helvetica, sans-serif;
		  color: #990000;
		  font-size: 14px; 
		  font-weight: bold; }	
		 
.formLabel	{ font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 10px;
		  text-align: right;
		  font-weight: bold; }
		  
.formPriceLabel	{ font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 10px;
		  text-align: right;
		  font-weight: bold; }	
/*============== LINK STYLES ================================================*/


#buttons ul 		{	list-style: none; 
				margin: 0px 0px 0px 0px; 
				padding: 2px; 	}
			
#buttons li  		{	font-family: arial, sans-serif;  
				line-height: 15px;
				margin: 0px 0px 0px 0px;	}			
			
#buttons li a 		{	display: block;
				color: #336; 
				font-weight: bold;
				background-color: #a5a4ca;
				border-top: #000 solid 1px; 
				font-size: 11px;
				text-align: center;
				width: 176px; 
				padding-bottom: 2px;
				padding-top: 2px;
				text-decoration: none;  	}
						
#buttons li a:hover 	{ 	display: block;
				background-color: #ffff00;   
				color: #000; 
				border-top: #000 solid 1px; 
				font-size: 11px;
				width: 176px; 
				text-decoration: none;  	}
			
#onit  			{	display: block;
				background-color: #cdcde9;   
				color: #000; 
				border-top: #000 solid 1px; 
				width: 176px;  
				font-size: 12px;
				text-align: center;
				text-decoration: none;   	}

li.menuHeading		{	padding: 4px 0px 4px 0px;
				margin: 0px;
				color: #fff;
				font-size: 10px;
				border-top: #000 solid 1px;
				font-weight: bold; 
				width: 176px; 
				text-align: center;
				text-decoration: none;   	}

.seasonal     { background-color: #FF5555;
		vertical-align: top;
		font-family: verdana, arial, helvetica, Sans-Serif;
		text-align: right;
		border-bottom: #999 solid 1px;
		border-right: #999 solid 1px;
		font-size: 12px;  }
		
.reserved     { background-color: #FFFF00;
		vertical-align: top;
		font-family: verdana, arial, helvetica, Sans-Serif;
		text-align: right;
		border-bottom: #999 solid 1px;
		border-right: #999 solid 1px;
		font-size: 12px;  }

.open         { font-family: verdana, arial, helvetica, Sans-Serif;
		vertical-align: top;
		text-align: right;
		border-bottom: #999 solid 1px;
		border-right: #999 solid 1px;
		font-weight: bold;
		font-size: 12px;  }
		
.dayHeading   { font-weight: bold;
		font-family: verdana, arial, helvetica, Sans-Serif;
		text-align: center;
		background-color: #000000;
		color: #ffffff;
		font-size: 12px; }
		  
.blankDay     {  background-color: #777799; }
		  
.monthHeading { font-weight: bold;
		font-family: verdana, arial, helvetica, Sans-Serif;
		text-align: center;
		background-color: #001144;
		color: #ffffff;
		font-size: 18px; }

/*============== IMAGE STYLES ================================================*/

.floatingMenu		{	float: right;
				width: 150px;
				margin: 0px 10px 20px 20px;	}

.floatingMenu img	{	display: block;	}

.menuButton		{	margin: 2px 0px 2px 0px;
				text-align: center;	}