body{
	background-color: #009; color: #06c;
	font-family: helvetica, tahoma, arial; font-size: 12pt;
	padding: 0; margin: auto; width: 700px; text-align: center;
}

#wrap {
	text-align: center; background-color: #fff; width: 760px; 
	margin: auto; padding: 4px;
}

#header {
	background-color: #fff; color: #009;
	vertical-align: middle; text-align: center;
	margin: 0; padding: 0;
	font-size: 16pt; font-weight: bold;
	border-bottom: 2px #c00 solid;
	width: 100%;
}
#navbar {
	color: #c00; font-size: 12pt; font-weight: bold; 
	display: block; padding: 1px 4px 1px 4px; word-spacing: 4px;
}

#navbar a {
	color: #39c; font-size: 12pt; font-weight: bold; text-decoration: none;
}

#navbar a:hover {
	color: #ccc; font-size: 12pt; font-weight: bold; text-decoration: none;
}

.headernav {
	color: #39c; font-size: 12pt; font-weight: bold; text-decoration: none;
}
.headernav:hover {
	color: #ccc; font-size: 12pt; font-weight: bold; text-decoration: none;
}

#main {
	background-color: #ddd; color: #000; width: 700px; text-align: center;
	font-family: helvetica, tahoma, arial; font-size: 10pt; font-weight: normal;
	margin: 10px; padding: 2px 10px 2px 10px; border: 4px dashed #eee;
}

#footer {
	background-color: #fff; color: #06c; font-size: 8pt; font-weight: normal;
	text-align: center; word-spacing: 4px;
	border-top: #c00 solid 2px;
	border-bottom: #c00 solid 2px;
	width: 100%;
}

#footer p {
	background-color: #fff; color: #06c; font-size: 8pt; font-weight: normal;
}
#footer a {
	text-decoration: none; color: #c00;
}
#footer a:hover {
	text-decoration: none; color: #ddd;
}

.footernav {
	color: #39c; font-size: 8pt; font-weight: normal;
	padding: 0; width: 100%;
}
.footergrey {
	background-color: #eee; color: #c00; font-size: 8pt; font-weight: normal;
	padding: 0; width: 100%;
}

.footerdarkgrey {
	background-color: #ccc; color: #c00; font-size: 8pt; font-weight: normal;
	padding: 0; width: 100%;
}
.navbold {
	color: #900; font-size: 8pt; font-weight: bold;
}
.navbold-dg {
	color: #900; font-size: 8pt; font-weight: bold;  background-color: #ccc; text-decoration: none;
}
.navbold-lg {
	color: #900; font-size: 8pt; font-weight: bold;  background-color: #eee; text-decoration: none;
}

div#intro {
	font-family: helvetica, tahoma, arial; font-size: 12pt; font-weight: normal;
	text-align: center; color: #000; line-height: 1em; 
	padding: 12px 6px 12px 26px; margin: 12px 10px 12px 10px;
	width: 700px; border: 2px solid #c00;  background: #eee;
}

div#form {
	font-family: helvetica, tahoma, arial; font-size: 10pt; font-weight: normal;
	text-align: left; color: #000; line-height: 1em; padding: 6px;
	width: 600px; border: 2px solid #000;  background: #eee;
}

.formBlock {
	display: block; line-height: 3em;
}

.formItem {
	font-size: 12pt; font-weight: bold; padding: 2px 6px 2px 10px;
 	width: 200px; text-align: left; vertical-align: top; margin-right: 2em;
	border-bottom: 1px solid #000; border-right: 1px solid #000;
}

.section{
	font-family: helvetica, tahoma, arial; font-size: 16pt; font-weight: bold;
	text-align: left; color: #000; padding: 1em 1em 0em 4em;
	width: 560px; border-bottom: 1px solid #000;
}

div#update {
	font-family: helvetica, tahoma, arial; font-size: 10pt; font-weight: normal;
	text-align: left; color: #000; line-height: 1.2em; padding: 12px 6px 12px 6px;
	width: 600px; border: 2px solid #933;  background: #fff;
}

div#update a{
	color: #933; text-decoration: none; font-weight: bold;
}

.updateDate {
	font-weight: bold; text-decoration: underline;
}

div#wine {
	font-family: helvetica, tahoma, arial; font-size: 10pt; font-weight: normal;
	text-align: left; color: #000; line-height: 1em; padding: 12px 6px 12px 6px;
	width: 600px; border: 2px solid #933;  background: #fcc;
}

div#wine h1 {
	font-size: 16pt; font-weight: bold;
	text-align: center; color: #933;
}

div#wine h2 {
	font-size: 14pt; font-weight: normal;
	text-align: center; color: #933;
}

div#wine h3 {
	font-size: 12pt; font-weight: bold;
	text-align: center; color: #000;
}

div#wine .wineitem {
	font-weight: bold;
}

.news {
	font-family: helvetica, tahoma, arial; font-size: 10pt; font-weight: normal;
	text-align: left; color: #000; line-height: 1em; padding: 12px 6px 12px 6px;
	width: 600px; border: 2px solid #933;  background: #fff;
}

.news h1 {
	font-size: 16pt; font-weight: bold;
	text-align: center; color: #933;
}

.news h2 {
	font-size: 14pt; font-weight: bold;
	text-align: left; color: #933; text-indent: 1em;
}

.news h3 {
	font-size: 14pt; font-weight: bold;
	text-align: left; color: #000;
}

.news li {
	font-size: 10pt; line-height: 1.4em;
}

div#recipe {
	font-family: helvetica, tahoma, arial; font-size: 12pt; font-weight: normal;
	text-align: left; line-height: 1em; padding: 12px 6px 12px 6px;
	width: 600px; border: 2px solid #033;  background: #39c;  min-height: 300px;
}

div#recipe h1 {
	font-size: 16pt; text-align: center; color: #033;
}

div#recipe h2 {
	font-size: 14pt; text-align: center; color: #033;
}

div#recipe h3 {
	font-size: 12pt; text-align: center; color: #c00;
}

div#recipe .recipeitem {
	font-weight: bold;
}

div#reccol1 {
	float:left; width: 280px;
	margin: 2px 0px 2px 0px; padding: 6px;
	font-size: 10pt; font-family: helvetica, tahoma, arial;
	vertical-align: top; text-align: left;
}

div#reccol2 {
	width: 280px;
	margin: 2px 0px 2px 300px; padding: 6px;
	font-size: 10pt; font-family: helvetica, tahoma, arial;
	vertical-align: top; text-align: left;
}

#recother {
	clear: both; margin: 2px 20px 2px 80px; padding: 10px;
	font-size: 10pt; vertical-align: top; text-align: left;
	border-top: 0px solid #000;
	border-bottom: 1px solid #000;
	border-left: 0px solid #000;
	border-right: 1px solid #000;
}

.menuChoice {
	font-family: helvetica, tahoma, arial; font-size: 12pt; font-weight: normal;
	text-align: left; color: #000; line-height: 1em; padding: 12px 6px 12px 6px;
	width: 600px; border: 2px solid #000;  background: #fff; display: block;
}

.leadLink {
	color: #fff; text-decoration: none; margin-bottom: 6px;
}

.leadLinkBlack {
	color: #000; text-decoration: none; font-weight: bold; margin-bottom: 6px;
}

.leadLinkRed {
	color: #c00; text-decoration: none; font-weight: bold; margin-bottom: 6px;
}

div#editmenu {
	font-family: helvetica, tahoma, arial; font-size: 10pt; font-weight: normal;
	text-align: left; line-height: 1em; padding: 12px 6px 12px 6px; margin: 10px 0px 10px 0px;
	width: 620px; border: 2px solid #000;  background: #39c; text-align: center;
}

div#editmenu a:visited {
	color: #eee; 
}

div#editmenu a:hover {
	color: #c00; 
}

.col1 {
	float: left; width: 450px;
	margin: 0px; padding: 6px;
	font-size: 10pt; font-family: helvetica, tahoma, arial;
	vertical-align: top; text-align: left;
	border-bottom: 1px solid #eee;
}

.col2 {
	width: 130px;
	margin: 0px 0px 0px 462px; padding: 6px;
	font-size: 10pt; font-family: helvetica, tahoma, arial;
	text-align: left;
	border-bottom: 1px solid #eee;
}

p.welcomeFirst:first-letter {
	font-size: 14pt; font-weight: bold;
}

p {
	color: #000; font-size: 10pt; font-weight: normal;
	padding: 4px; 
}
a {
	color: #c00; font-family: helvetica, tahoma, arial; font-size: 10pt; font-weight: normal;
}
a:visited {
	color: #c00;
}
a:hover {
	color: #eee;
}
h1 {
	color: #000; font-size: 14pt; font-weight: bold;
}
h2 {
	color: #c00; font-size: 12pt; font-weight: bold;
}
h3 {
	color: #c00; font-size: 10pt; font-weight: bold;
}
table {
	padding: 4px 0px 8px 0px;
}
td {
	padding: 6px;
}
tr {
	padding: 0; margin: auto;
}
ul {
	text-align: left; padding: 4px 4px 4px 26px; margin: 0px 4px 0px 10px;
}
li {
	padding: 2px; list-style-type: circle;
}
.newsarticles {
	text-align: justify; color: #000; font-size: 10pt; font-weight: normal;
}
p.newsarticles:first-letter {
	color: #39c; font-size: 14pt; font-weight: bold;
}
.articles {
	text-align: justify; color: #000; font-size: 10pt; font-weight: normal;
}
.updates {
	color: #39c; font-size: 10pt; font-weight: normal;
}
.footer {
	color: #000; font-size: 8pt; font-weight: normal;
}
.bold {	
	color: #000; font-size: 10pt; font-weight: bold
}
.bigbold {	
	color: #fff; font-size: 12pt; font-weight: bold
}
.italic {	
	color: #000; font-size: 10pt; font-weight: normal;; font-style: italic
}
.topnews {
	color: #c00; font-family: tahoma, arial, helvetica; font-size: 12pt; font-weight: bold
}
.topnewsblack {
	color: #000; font-family: tahoma, arial, helvetica; font-size: 12pt; font-weight: bold
}
.newsRed {
	color: #c00; font-family: tahoma, arial, helvetica; font-size: 10pt; font-weight: normal;
}
.date {
	color: #39c; font-family: tahoma, arial, helvetica; font-size: 10pt; font-weight: bold
}
.heading {
	color: #c00; font-family: tahoma, arial, helvetica; font-size: 10pt; font-weight: bold
}
.breadcrumb {
	color: #c00; font-family: tahoma, helvetica, arial; font-size: 8pt; font-weight: normal;
}
.breadcrumbbold {
	color: #c00; font-family: tahoma, helvetica, arial; font-size: 8pt; font-weight: bold
}
.gold {	
	color: #ffcc00; font-size: 10pt; font-weight: normal;
}
.goldbold {	
	color: #ffcc00; font-size: 10pt; font-weight: bold
}
.imgleft {
	float:left; padding: 0px;
}

.imgright {
	float:right; padding: 0px;
}
.center {
	text-align: center;
}
pre {
	font-family: tahoma, helvetica, arial; font-size: 8pt; font-weight: normal;
	width: 95%;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}