BODY {

background: #D3BE96 url(..images/back_page.gif) repeat-x;
FONT-FAMILY: Arial,Helvetica,sans-serif;
MARGIN-TOP: 4;
MARGIN-LEFT: 0;
MARGIN-RIGHT: 0;
height: 100%;   /*   FF fix to keep scroll bar on    */ 
text-align: center;    /*   fix per notes   */ 
}

div{  /*   fix per notes   */ 
margin: 0 auto;
}

SELECT, TEXTAREA, INPUT{
FONT-SIZE: 90%;
COLOR: #000000;
FONT-FAMILY: Arial,Helvetica,sans-serif
}

table{ 
COLOR: #7F634B;
} 



a.red:link
{
	font-family : Verdana, Geneva, Arial, Helvetica;
	font-size : 11px;
	color: #996600;
	background-color: none;
	text-decoration: underline;
	
}
a.red:active
{
	font-family : Verdana, Geneva, Arial, Helvetica;
	font-size : 11px;
	color: #996600;
	background-color: none;
	text-decoration: underline;

}
a.red:visited
{
	font-family : Verdana, Geneva, Arial, Helvetica;
	font-size : 11px;
	color: #ff9900;
	background-color: none;
	text-decoration: underline;
}
a.red:hover
{
	font-family : Verdana, Geneva, Arial, Helvetica;
	font-size : 11px;
	color: #ff9900;
	background-color: none;
	text-decoration: underline;
}


<!-- .cafe
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 10px;
	text-align:center;
	color: #7F634B;
} -->



p, ol, ul {
FONT-SIZE: 80%;
COLOR: #7F634B;
FONT-FAMILY: Arial,Helvetica,sans-serif;
line-height: 120%;
} 

li{
padding-bottom: 4px;
} 



hr{
height: 1px;
COLOR: #7F634B; 
border: 0 solid #7F634B;
border-top-width : thin;

} 

	h1{ 
	font-size: 150%;
	COLOR: #3F8CB1;  
	margin-top: 0px; 
text-transform: lowercase;
	} 
 

	h2{
	font-size: 100%;
	COLOR: #3F8CB1;  
	margin-top: 0px;
	margin-bottom: 4px; 
	text-transform: lowercase;
	} 

h3{
font-size: 120%;
COLOR: #E93B34;  
margin-top: 0px;
margin-bottom: 6px; 
} 

h4{
font-size: 100%;
COLOR: #3f8cb1;  
margin-top: 10px;
margin-bottom: 5px; 
font-style: italic;
} 

h5{
font-family: Arial,Helvetica,sans-serif;
font-size: 120%;
COLOR: #1F0D63;  
margin-top: -5px;
margin-bottom: 5px;

} 


legend{
font-family: Arial,Helvetica,sans-serif;
font-size: 55%;
COLOR: #1F0D63;  
font-style: italic;
letter-spacing: 1px;
text-transform: uppercase;
} 
*html legend{
margin-bottom: 6px; 
}

fieldset{
font-size: 100%;
background-color: #EEEEEE;

} 
*html fieldset{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px; 
} 


a{
font-family : Verdana, Geneva, Arial, Helvetica;
font-size : 9px;
color:#ffffff; 
border: none;
outline: none 
}


a.menu:link
{
	font-family : Verdana, Geneva, Arial, Helvetica;
	font-size : 12px;
	color: #ffffff;
	background-color: none;
	
	
}
a.menu:active
{
	font-family : Verdana, Geneva, Arial, Helvetica;
	font-size : 12px;
	color: #ffffff;
	background-color: none;
	

}
a.menu:visited
{
	font-family : Verdana, Geneva, Arial, Helvetica;
	font-size : 12px;
	color: #ffffff;
	background-color: none;
	
}
a.menu:hover
{
	font-family : Verdana, Geneva, Arial, Helvetica;
	font-size : 12px;
	color: #6699ff;
	background-color: none;
	
}

a:hover{
text-decoration: none;
}


/* keyword text  */ 


	#keyword{
	  width: 760px; 
	 /*  margin-left: auto;   
	   margin-right: auto;   */ 
	}
	
	#keyword .left{
	color: #ffffff;
	float: left;
	font-size: 11px;
	}
	#keyword .right{
	color: #ffffff; 
	float: right;
	font-size: 11px;
	}
	#keyword a{
	color: #ffffff;
	text-decoration: none;
	}


/* Menu bar  */ 

	#menutop {
	background: #5D9CC2 url(..images/back_menu.gif) 0 0 repeat-x;
	width: 760px; 
	}
	#menutop  a { 
 padding: 10px;   	
/* 	 padding: 15px; WITH 1 less button  */ 
	}
	#menutop .left{
	float: left;
	width: 135px;
	padding: 0px;
	height: 66px;
	}
	#menutop .right{
	float: right;
	margin-top: 26px;
	margin-bottom: -26px;
	height: 66px;
	padding-right: 12px;
	}

	

/* BOXES for Page Outlines  */ 

	#box1{
	border: 1px solid #8F7156;  
	width: 760px;
	}
	

	#box2{  
	width: 760px; 
	border: 1px solid #EDE7D0; 
	background-color: #EDE7D0; 
	}
 

	#footer{ 
	width: 760px; 
	background: url(../images/back_footer_ left.gif) 0 0 no-repeat;
		
	}
	 
	#footer table{  
	width: 760px;
	padding-top: 3px;
	font-size: 10px;
	color: #666666;
	
	} 
	#footer  table a{  
	color: #8E4C00;
	text-decoration: none;
	}


		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		/* End hide from IE-mac */


/* main content spacing table  */
	#line-bottom{  
	width: 760px;
	background:url(images/back_content_top.gif)  repeat-x;	
	height: 35px;
	}
	
	#line-white{  
	border-bottom: 1px solid #ffffff;
	height: 1px;
	}

	#content{  
	width: 760px;
	text-align: left; 
	margin-bottom: 20px;
	background-color: #EDE7D0;
	}
 
	#content .left{   
	float: left;
	margin-left: 20px;
	margin-right: 0px;
	width: 465px;
	text-align: left; 
	border-right: 1px dotted #8F7156; 
	}
	
	#content .left p{   
	margin-right: 20px;
	margin-top: -5px; 
	line-height: 18px;
	background-color: #EDE7D0;
	}
	
 	#content .right{  
	width: 245px;
	float: right;
	padding-right: 5px;
	text-align: left; 
	}
 	#content .right p{
	margin-top: 0px; 
	line-height: 18px;
	background-color: #EDE7D0;
	}
	
	  
	
	#content3up{  
	width: 760px;
	text-align: left; 
	margin-bottom: 20px;
	background-color: #EDE7D0;
	}
 
 	#content3up td.nav{ 
	padding: 10px;
	width: 175px;    
	border-right: 1px dotted #8F7156; 
	}
 
	
	 #content3up td.nav a{   
	font-size: 75%;
	color: #8E4C00;
	background-color: #E3D7B9;
	padding: 3px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin-top: 3px;
	margin-bottom: 3px;
	} 
	
	#content3up td.nav a:hover{   
	color: #006BA6;
	background-color: #E8E1C6; 
	display: block;
	}
	
	#content3up td.nav a.active{   
	color: #3F8CB1;
	background-color: #E8E1C6; 
	display: block;
	}
	
		#content3up .nav-spacer{   
	width: 55px;
	}
	
	div.splitnav{  
	border-bottom: 1px dotted #8F7156; 
	height: 1px;
	margin-top: 0px;
	margin-bottom: 3px; 
	}
	
	*html div.splitnav{  
	margin-top: -18px;
	margin-bottom: 0px; 
	}
	
	
	
	#content3up td.left{   
	 width: 410px; 
	padding: 10px;
	padding-right: 15px;
	text-align: left; 
	border-right: 1px dotted #8F7156; 
	}
	
	#content3up .left p{   
	margin-right: 20px;
	margin-top: -5px; 
	line-height: 18px;
	background-color: #EDE7D0;
	}
	#content3up .left-spacer{   
	width: 265px;
	}
	
 	#content3up td.right{  
	width: 145px;   
	padding: 20px;
	padding-right: 10px;
	}
	
 	#content3up .right p{
	margin-top: 5px; 
	line-height: 18px;
	background-color: #EDE7D0;
	}
	 #content3up td.right a.nav{
	display: block;
	text-decoration: none;
	padding-left: 10px;
	background: url(../images/dot_blue.gif) 0px 6px  no-repeat;
	}
	
	#content3up td.right a.nav:hover{
	color: #3F8CB1;
	text-decoration: underline;
	}
	
	#content3up td.center{   
	 width: 560px; 
	padding: 10px;
	padding-right: 15px;
	text-align: left; 
	}
	
	
	
	#menugrid{   
	 width: 100%; 
	 border-collapse: collapse;
	}
	#menugrid td{   
	 padding: 4px;
	 border-top: 1px dotted #E3D7B9; 
	 padding-bottom: 7px;
	 vertical-align: top;
	}
	#menugrid td.desc{   
	vertical-align: top;
	 font-size: 70%; 
	 
	}
	#menugrid td.desc strong {   
	vertical-align: top;
	 font-size: 120%; 
	}
	
	#menugrid td.price{  
	 font-size: 80%; 
	padding-left: 10px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	}
	
		
	#menugrid td.picture{  
text-align: right;
	}
	
	#galleryThumbs {  
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
		}
			
		#galleryThumbs td{  
	border: 1px dashed #D3BF97;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
		}
	
	
	#galleryThumbs IMG{  

	}
		#galleryThumbs a{  

	}
	

	
/*     LEFT MENU      */
#content-table a.menu{  
background: #767677 url(../images/back_left_menu.gif) repeat-y;
border-top: 1px solid #3C367C;
display: block;
height: 22px;
width: 156px;
font-size: 12px;
padding-top: 6px;
padding-bottom: 0px;
font-weight: bold;
padding-left: 14px;
text-decoration: none;
}
#content-table a.menu:hover, #content-table a.active {  
text-decoration: none;
background: #ffffff url(../images/spacer.gif) no-repeat;
}
*html #content-table a.menu {  
w\idth: 170px;
width: 170px;
p\adding-bottom: 7px;
padding-bottom: 7px;
}
#content-table a.sub{  
padding-left: 35px;
font-weight: normal;
width: 135px;
}
.dot{  
margin-right: 5px;
margin-bottom: 1px;
}


 

/*boxes  */
 


#div-white-box-bl {background: url(..../images/white_bot_left.gif) 0 100% #F3F3F3 no-repeat} 
#div-white-box-br {background: url(..../images/white_bot_right.gif) 100% 100% no-repeat; padding: 4px} 

#div-white-box {
Z-INDEX: 10; 
BACKGROUND-COLOR: #F3F3F3; 
PADDING-LEFT: 20px; 
PADDING-RIGHT: 10px;
padding-top: 20px;
margin-bottom: -20px;
BORDER-RIGHT: #000000 1px solid; 
BORDER-LEFT: #000000 1px solid
}   

#div-white-box-side {
Z-INDEX: 10; 
BACKGROUND-COLOR: #F3F3F3; 
PADDING-LEFT: 0px; 
PADDING-RIGHT: 0px;
padding-top: 20px;
margin-bottom: -20px;
BORDER-RIGHT: #000000 1px solid; 
BORDER-LEFT: #000000 1px solid
}  
*html #div-white-box-side {
PADDING-LEFT:10px; 
PADDING-RIGHT: 5px;
}  

#div-white-box-tl {background: url(..../images/white_top_left.gif) 0 0 no-repeat #F3F3F3;} 
#div-white-box-tr {background: url(..../images/white_top_right.gif) 100% 0 no-repeat; padding:4px} 


#div-red-box-tl {background: url(..../images/back_header_red_left.gif) 0 0 no-repeat #F3F3F3;} 
#div-red-box-tr {
background: url(..../images/back_header_red_right.gif) 100% 0 no-repeat;  
height: 26px; 
font-size: 90%;
color: #ffffff;
font-weight: bold;
letter-spacing: -1px;
padding-top: 6px;
white-space: nowrap;
text-align: center;
} 
*html #div-red-box-tr {
height: 32px; 
h\eight: 32px; 
} 
  

a.print{
border: 1px solid #666666;
padding: 3px;
text-decoration: none;
outline:none;

background-color: #ffffff;
}
a.print:hover{
text-decoration: none;
background-color: #efefef;
}


/*     ON PAGE Navigation      */

	
	
	#more a {
	text-align: right;
	display: block; 
	color: #FF6600;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 70%;
	text-decoration: none;
	margin-top: -14px;
	padding-right: 15px;
	padding-bottom: 8px;
	}
	*html #more a {
	margin-top: -20px;
	}
 

/*     GENERAL -  TEXT - COLOR - SETTING       */
	a.hidden, a.hidden:hover {
	text-decoration: none;
	}  

	.split{
	border-bottom: 1px dotted #8F7156;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
#list-tall li{
padding-bottom: 8px;
}  

#list-tall a{
text-decoration: none;
}  
#list-tall a:hover{
text-decoration: underline;
} 

#list-thin li{
margin-left: -20px;
} 

 

/*     GENERAL padding       */
	.marg0top{
	margin-top: 0px;
	} 
	
		.marg-10top{
	margin-top: -10px;
	}   
	
*html .marg-15top{
margin-top: -15px;
m\argin-top: -15px;
}

	.marg10bot{
	margin-bottom: 10px;
	}
	
	
	.marg-3bot{
	margin-bottom: -6px;
	}
	*html .marg-3bot{
	margin-bottom: -3px;
	}
	
	

	.pad10top{
	padding-top: 10px;
	p\adding-top: 10px;
	}

.bot-pad20{
padding-bottom: 20px;
}

.marg40bot{
margin-bottom: 40px;
}


/*     GENERAL text size      */
	.text120{
	font-size: 120%;
	}
	
	.text110{
	font-size: 110%;
	}
	
	.text100{
	font-size: 100%;
	}
	
	.text90{
	font-size: 90%;
	}
	.text80{
	font-size: 80%;
	}
	
	.text70{
	font-size: 70%;
	}
	.text60{
	font-size: 60%;
	}
 

/*     GENERAL sizes       */

.wide{
width: 250;
}
.homeheader{
PADDING-LEFT: 18px; 
FLOAT: left; 
margin-bottom: -14px;
LINE-HEIGHT: 16px; 
PADDING-TOP: 2px;
}
*html .homeheader{
PADDING-LEFT: 10px;
margin-bottom: 0px;
PADDING-BOTTOM: 2px;  
}

/*     GENERAL colors      */
.back-blue {
background-color: #006BA6;
}
 
.blue{
color: #00365B;
} 

.blue-light{
color: #3F8CB1;
} 

.blue-light{
color: #3F8CB1;
} 


.black{
color: #000000;
} 
.white{
color: #ffffff;
}



.imgoutline {

border: 4px solid #ffffff;
}