/*---------------------------
-Styles for Caffe Zingaro-
Design Firm: Wion Design, www.wion.com
Author: Destry Wion
Created: 4 July 2004
Last Revised: 18 November 2004
---------------------------*/


/*_____________Imported Styles_______________________________
-----------------------------------------------------------*/
/* Nothing at this time */


/*_____________IE5.0/Mac Band Pass Filter____________________
(This filter is the work of Tantek Celik, The Great One, at 
the request of Douglas Bowman of StopDesign. See the 
write-up at http://www.stopdesign.com/examples/ie5mac-bpf/)
-----------------------------------------------------------*/

/*\*//*/
	@import "ie5mac.css";
/**/


/*_____________IE5.x/Win Mid Pass Filter____________________
(All hail Tantek Celik, http://www.tantek.com/CSS/Examples/midpass.html)

(Note: Tantek also has filters to separate out IE5.0/win from 
IE5.5/win, but depending on the nature of your designs, 
it is generally sufficient to use this MPF to hit both.) 
-----------------------------------------------------------*/

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5x.css'; /*";}
}/* */




/*_____________Begin Modern Browser Styles___________________
-----------------------------------------------------------*/


body {

	font: normal 90% verdana, arial;
	color: #000;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	background-color: #F6CB67;
	}

img {
	margin: 0;
	border: 0;
	padding: 0;
	}

h1 {
	font-size: 1.35em;
	color: #000;
	text-align: center;
	margin: 35px 0 15px 0;
	padding: 0;
	}

h2 {
	font-size: 1.15em;
	color: #000;
	margin: 10px 0 3px 30px;
	padding: 0;
	}

h2.center {
	font-size: 1.15em;
	text-align: center;
	margin: 40px 0 20px 0;
	color: #42020f;
	}

h2.tea {
	font-size: 1.15em;
	margin-left: 100px;
	}

h3 {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	margin: 10px 0 3px 30px;
	padding: 0;
	}

p {
	font-size: 1em;
	margin: 0 30px 20px 30px;
	}

p.menu {
	
	text-align: center;
	margin-left: 80px;
	margin-right: 80px;
	}

p.bio {
	
	margin-bottom: 5px;
	}

.quote {
	font-size: 1em;
	font-style: italic;
	color: #000;
	line-height: 17px;
	margin: 0 70px 20px 90px;
	}

p.center {
	text-align: center;
	}

ol, ul {
	font-size: 1em;
	color: #000;
	line-height: 1.5;
	margin: 0 30px 20px 70px;
	list-style-position: inside;
	}

/* The next three rules define the links in the body text.
   Note the class designator, "norm" */

a.norm:link, a.norm:visited {
	font-size: 1em;
	font-weight: bold;
	color: #530011;
	text-decoration: underline;
	}

a.norm:hover {
	text-decoration: none;
	}

#top {
	
	margin: 0 auto 0 auto;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	padding: 0;
	width: 747px;
	height: 130px;
	background-color: #000;
	background-image: url("../images/banner.jpg");
	background-repeat: no-repeat;
	}

/* Begin primary navigation */

#navbar {
	
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	}

#navbar ul {
	
	position: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	border: 0;
	}

#navbar ul li {
	
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	display: block;
	}

#navbar ul li a {
	
	font-size: 11px;
	margin: 0;
	border-right: 1px solid #000;
	border-bottom: 2px solid #000;
	padding: 0;
	text-align: center;
	background-color: #760019;
	width: 82px;
	height: 18px;
	display: block;
	color: #fcac01;
	text-decoration: none;
	}

#navbar ul li a:hover {
	background: #000;
	color: #fcac01;
	}

#navbar ul li a:hover.current {
	background: #be2d18;
	color: #fcac01;
	}

#navbar ul li a.current {
	background: #be2d18;
	}
/* End primary navigation. */


#photoright {
	float: right;
	margin: 0 20px 10px 10px;
	border: 1px solid #000;
	padding: 0 0 -4px 0;
	}

#main {
		
	margin: 0 auto 0 auto;
	border: 2px solid #000;
	padding: 0;
	width: 747px;
	background-color: #fff2b2;
	}

#maineats { /* Defines Main div on the eats page. */
	
	margin: 0 auto 0 auto;
	border: 2px solid #000;
	padding: 0;
	width: 747px;
	background-color: #fff2b2;
	background-repeat: no-repeat;
	background-position: 95% 3%;
	background-color: #fff2b2;
	}

#maineats2 { /* Defines Main div on the eats2 page. */
	
	margin: 0 auto 0 auto;
	border: 2px solid #000;
	padding: 0;
	width: 747px;
	background-color: #fff2b2;
	background-image: url("../images/bg-CocoCake.jpg");
	background-repeat: no-repeat;
	background-position: 95% 7%;
	background-color: #fff2b2;
	}

#address {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 20px 0;
	border: 0 none inherit;
	padding: 0;
	width: 100%;
	}

/* The following five tablewrap rules position the 
    tables on the coffe and tea pages. */

#tablewrap {

	margin: 0;
	border: 0;
	padding: 0 0 20px 200px;
	}

#tablewrap.one {

	margin: 0;
	border: 0;
	padding: 0 0 20px 200px;
	}

#tablewrap.two {

	margin: 0;
	border: 0;
	padding: 0 0 20px 200px;
	}

#tablewrap.three {

	margin: 0;
	border: 0;
	padding: 0 0 20px 200px;
	}

#tablewrap.four {

	margin: 0;
	border: 0;
	padding: 0 0 20px 200px;
	}

table.menu {
	font: bold 1.2em garamond, "times new roman";
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
	width: 400px;  
	}


/* The following four rule sets define the table content. */

.itemhead {
	font: bold 1.4em garamond, "times new roman";
	color: #530011;
	text-decoration: underline;
	}

.pricehead {
	font: bold 1.4em garamond, "times new roman";
	color: #530011;
	text-align: right;
	text-decoration: underline;
	}

td.item {
	font: normal 1.2em garamond, "times new roman";
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0 none inherit;
	width: 200px;
	}

td.price {
	font: normal 1.2em garamond, "times new roman";
	text-align: right;
	margin: 0;
	padding: 0;
	border: 0 none inherit;
	width: 200px;
	}

#copyright {
	/* This rule set defines the promo bar. */
	
	font: normal 11px arial, verdana;
	text-align: center;
	margin: 0 auto 0 auto;
	border-top: 0;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	padding: 3px 0 3px 0;
	width: 747px;
	background-color: #FCBB25;
	}

a.copyright:link {
	font: normal 11px arial;
	color: #530011;
	text-decoration: underline;
	}

a.copyright:hover {
	font: normal 11px arial;
	color: #530011;
	text-decoration: none;
	}

a.copyright:visited {
	font: normal 11px arial;
	color: #530011;
	}

#NNone, #NNtwo, #NNthree {display: none;}


