@charset "utf-8";
/* CSS Document */

.indexTxt{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:24px;
	
}

.indexTxt a:link {
	padding: 4px;
	color:#FFFFCC;

}

.indexTxt a:visited {
	color: #FFFFFF;
	padding: 4px;
}

.indexTxt a:hover {
	color: #FFFFFF;
	padding: 4px;
}

.indexTxt a:active {
	color: #FFFF99;
	text-decoration: underline;
	padding: 4px;
}
 
/* main template styles start here */

h1 {
	font-size: 2.2em;
	color: #CC0000;
} 

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #999999;
} 

h3 {
	font-size: 1.8em;
	color: #CC0000;
} 

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #999999;
} 


h5 {
	font-size: 1.3em;
	color: #CC0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;

} 

h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #999999;
} 


.content{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:20px;
	
}

.content a:link {

	text-decoration: underline;
	color:#000000;
}

.content a:visited {
	color: #666666;
	text-decoration: underline;

}

.content a:hover {
	color: #CC0000;

}

.content a:active {
	color: #990000;

}

/* New Hover Actions */

.button{ 
	color:#666666;
	text-decoration: none;
	float:left;
	margin-right:1px;
}

.button a:link {
	color:#666666;
	text-decoration: none;
	padding: 7px 11px 7px 11px;
	background-color:#FFF;
	border:solid #CCCCCC 1px;
}

.button a:visited {
	color:#666666;
	text-decoration: none;
	padding: 7px 11px 7px 11px;
	background-color:#FFF;
	border:solid #CCCCCC 1px;
}

.button a:hover {
	color: #CC0000;
	text-decoration: none;
	padding: 8px 12px 8px 12px;
	background-color:#efefef;
	border:none;
}

.button a:active {
	color:#666666;
	text-decoration: none;
	padding: 7px 11px 7px 11px;
	background-color:#FFF;
	border:solid #CCCCCC 1px;
}



.footer { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:24px;
	
}

.footer a:link {
	padding: 4px;
	text-decoration: underline;
	color:#CC0000;
}

.footer a:visited {
	color: #990000;
	text-decoration: underline;
	padding: 4px;
}

.footer a:hover {
	color: #CC0000;
	padding: 4px;
}

.footer a:active {
	color: #990000;
	text-decoration: underline;
	padding: 4px;
}

/* Graphic Buttons css */

a.rollTop {
	display: block;
	width: 40px;
	height: 40px;
	background: url("../graphics/button_top.jpg") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollTop{
	background-position: 0 -40px;
}

a.rollHome {
	display: block;
	width: 40px;
	height: 40px;
	background: url("../graphics/button_home.jpg") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollHome{
	background-position: 0 -40px;
}


a.rollBreakFast {
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_breakfast_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollBreakFast{
	background-position: -200px 0;
}

a.rollMains {
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_mains_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollMains{
	background-position: -200px 0;
}

a.rollDesserts {
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_desserts_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollDesserts{
	background-position: -200px 0;
}





a.rollKids {
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_kidsmenu_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollKids{
	background-position: -200px 0;
}

a.rollSpecDiet{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_specialdiet_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollSpecDiet{
	background-position: -200px 0;
}

a.rollLunchSp{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_lchspecials_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollLunchSp{
	background-position: -200px 0;
}


a.rollDrinkCold{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_drinks_cold_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollDrinkCold{
	background-position: -200px 0;
}

a.rollDrinkHot{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_drinks_hot_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollDrinkHot{
	background-position: -200px 0;
}

a.rollAlcohol{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_drinks_alcohol_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollAlcohol{
	background-position: -200px 0;
}





a.rollWedding{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_weddings_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollWedding{
	background-position: -200px 0;
}

a.rollEvening{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_evening_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollEvening{
	background-position: -200px 0;
}

a.rollEvSpecials{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_evspecials_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollEvSpecials{
	background-position: -200px 0;
}



a.rollWinterLuncheon{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_luncheon_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollWinterLuncheon{
	background-position: -200px 0;
}

a.rollWinterEvening{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_evening_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollWinterEvening{
	background-position: -200px 0;
}

a.rollWinterSpecials{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_specials_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollWinterSpecials{
	background-position: -200px 0;
}

a.rollBlackboard{
	display: block;
	width: 200px;
	height: 40px;
	background: url("../graphics/button_menu_black_css.gif") 0 0 no-repeat;
	text-decoration: none;
}
a:hover.rollBlackboard{
	background-position: -200px 0;
}