/*This is the CSS for the Cafe section.
Spottled beige background, white content.*/
body {
	margin: 0;
	background-image: url(images/cafebg.jpg);
	padding: 0;
	border: 0;
	text-align: center;
}
h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: Green;
}
h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: Green;
}
p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-indent: 20px;
}

p.left {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}

p.right {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
}

p.just {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	text-indent: 0px;
	padding: 0% 3%;
}

p.center {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
span.smallwhite {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Green;
	font-size: small;
	text-align: center;
	font-weight: bold;
}
span.smallfoot {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Green;
	font-size: x-small;
	text-align: center;
	font-weight: normal;
}
span.smalli {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: smaller;
	font-weight: normal;
	font-style: italic;
	text-indent: 15px;
}
span.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: x-small;
	text-align: center;
	font-weight: normal;
}
span.smaller {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: small;
	font-weight: normal;
}
span.b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: larger;
}
span.bold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: smaller;
}
span.bolder {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
}
span.redbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Red;
	font-weight: bold;
}
span.greenbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Green;
	font-weight: bold;
}
span.i {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	font-style: italic;
}
/*box for update date and webmaster address*/
div.foot {
	border: 0;
	margin: 5% 0% 0% 0%;
	padding: 0;
	font-size: smaller;
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*For content of home page, white box centered*/
div.main {
	top: 35px;
	color: Black;
	background-color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: thin solid Green;
	position: relative;
	margin: 0% auto 0%;
	width: 80%;
}

/*table WITHOUT borders for Cafe pages*/
table.noc {
	width: 500px;
	text-align: center;
	background-color: transparent;
	border: none;
}
td.noc {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	border: 0px;
	vertical-align: top;
	text-align: left;
	width: 80%;
}
td.norc {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	border: 0px;
	vertical-align: top;
	text-align: right;
	width: 20%;
}
td.centernoc {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	padding: 3px;
	border: 0px;
	vertical-align: top;
	text-align: center;
}

/*table WITHOUT borders for wine pages*/
table.now {
	width: 90%;
	border: 3px;
	text-align: center;
	background-color: transparent;
	border-color: black;
}
td.now {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border: 0px;
	vertical-align: top;
	text-align: left;
}
td.norw {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border: 0px;
	vertical-align: top;
	text-align: right;
}
td.centernow {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding: 3px;
	border: 0px;
	vertical-align: top;
	text-align: center;
}
/*navigaton system with drop down boxes*/
div.nav {
	padding: 0;
	background: #808259;
	width: 100%;
	border: 1px solid #333300;
	top: 63px;
	position: absolute;
	margin: 0 auto;
	left: 0%;
}
	#nav li {
	display: inline;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
	#nav a:link,
	#nav a:visited {
	color: Green;
	background: #99CC99;
	padding: 4px 5px 4px 5px;
	float: left;
	width: auto;
	border-right: 1px solid #333300;
	font: bolder x-small/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
	#nav a:hover {
		color:#fff;
		background:#727454;
	}
	#nav li:first-child a {
		border-left:1px solid #333300;
	}
	#home #nav-home a,
	#new #nav-new a,
	#about #nav-about a,
	#retail #nav-retail a,
	#whole #nav-whole a,
	#cafe #nav-cafe a,
	#tips #nav-tips a {
	background: Green;
	color: #fff;
}
	#home #nav-home a:hover,
	#new #nav-new a:hover,
	#about #nav-about a:hover,
	#retail #nav-retail a:hover,
	#whole #nav-whole a:hover,
	#cafe #nav-cafe a:hover,
	#tips #nav-tips a:hover {
		background:#e35a00;
	}
	#nav a:active {
	background: Green;
	color: #fff;
}
	/* ]]> */
	
	#nav a span {display: none;}
	#nav a:hover span {
	display: block;
	position: absolute;
	top: 75px;
	left: 200px;
	width: 275px;
	padding: 5px;
	margin: 10px;
	color: Black;
	background: #CCFFCC;
	font: 10px Verdana, sans-serif;
	text-align: center;
	border: thin solid Green;
}	
/*-------------Simple Unordered List-----------------------*/
ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-type: circle;
	text-align: left;
}

/*-------------Smaller Unordered List-----------------------*/
ul.s {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-type: circle;
	font-size: smaller;
	text-align: left;
}

/*---------------Simple Ordered List -----------------------*/
ol {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-type: decimal;
	font-size: smaller;
	text-align: left;
}
/*-------------Unordered List without bullet-----------------------*/
ul.none {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: smaller;
	text-align: left;
}