
/* This fixes an IE6 incompatibility with the over CCS */
body { behavior:url("csshover3.htc"); }


/* Bar specials */



.thumbnail1 A:link{ color: #ffffff; text-decoration: none; font-size: 8pt; background-color: #cc0000;   text-align: center; padding: 2px;  text-decoration: none; font-weight:bold;} 
.thumbnail1 A:visited{ color: #ffffff; text-decoration: none; font-size: 8pt; background-color: #cc0000; padding: 2px;    text-decoration: none; font-weight:bold; } 
.thumbnail1 A:active{
	color: #ffffff;
	font-size: 8pt;
	background-color: #cc0000;
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
} 
.thumbnail1 A:hover{
	color: #333333;
	font-size: 8pt;
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
}

.thumbnail1{
position: relative;
z-index: 0;
color: #ffffff;
 font-size: 9pt;
font-family: arial, helvetica, sans-serif;
 font-weight:bold;
}

.thumbnail1:hover{
background-color: transparent;
z-index: 50;
font-family: arial, helvetica, sans-serif;

}

.thumbnail1 span{
	/*CSS for enlarged image*/
	position: absolute;
	width: 400px;
	height: 600px;
	background: #cc0000;
	border: 2px solid #a0a0a0;
	padding: 10px;
	right: 90px;
	visibility: hidden;
	color: #ffffff;
	text-decoration: none;

}

.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}

.thumbnail1:hover span{
	/*CSS for enlarged image on hover*/
	position: absolute;
	background:  #cc0000 ;
	
	visibility: visible;
	top: -400px;
	left: 240px; /*position where enlarged image should offset horizontally */

}

/* End bar specials */

/* Dinner specials */



.thumbnail2 A:link{ color: #ffffff; text-decoration: none;       } 
.thumbnail2 A:visited{ color: #ffffff; text-decoration: none;     } 
.thumbnail2 A:active{color: #FFC24F; text-decoration: none;    
} 
.thumbnail2 A:hover{color: #FFC24F; text-decoration: none;    
}

.thumbnail2{
position: relative;
z-index: 0;
color: #ffffff;
 font-size: 9pt;
font-family: arial, helvetica, sans-serif;
 font-weight:bold;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
font-family: arial, helvetica, sans-serif;

}

.thumbnail2 span{
	/*CSS for enlarged image*/
	position: absolute;
	width: 400px;
	height: 640px;
	background: #cc0000;
	border: 2px solid #a0a0a0;
	padding: 10px;
	right: 90px;
	visibility: hidden;
	color: #ffffff;
	text-decoration: none;

}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}

.thumbnail2:hover span{
	/*CSS for enlarged image on hover*/
	position: absolute;
	background:  #cc0000 ;
	
	visibility: visible;
	top: -500px;
	left: 240px; /*position where enlarged image should offset horizontally */

}

/* End dinner specials */
