/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */

/* BEGIN STRUCTURE */
:focus {-moz-outline-style: none;} /* removes dotted border around FF links */

body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#8a1e04;
}

div#container {
	position:relative; 
	width:846px;
	margin:0 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	padding:9 0 9 0px;
	text-align:left;
	background-color:#fff;
	background-image:url("/img/bg.gif");
	background-repeat:repeat-y;
	background-position:top left;
	border:0px solid black;
}

/* +++ */
div#branding {
	height:191px;
	border-top:3px solid #5f6062;
	background-image:url("/img/vineyard.jpg");
	background-repeat:no-repeat;
	background-position:0px 1px;
	margin:0 29 0 29px;
}

div#breadcrumb{
	position:absolute;
	top:-26px;
	right:24px;
	width:550px;
	text-align:right;
	color:#cc9c91;
	border:0px solid white;
}

div#breadcrumb a {
	font-size:.9em;
	color:#cc9c91;
}

div#breadcrumb img {
	vertical-align:middle;
	margin:-1 5 0 4px;
}

div#content {	
	background-image:url("/img/content-bg.gif");
	background-repeat:repeat-x;
	background-position:top left;
	margin:0 29 0 29px;
	padding:8 0 0 0px;
	border:0px solid black;
}

div#content_main {
	float:right;
	width:535px;
	padding:10 0 0 0px;
	border:0px solid black;
}

div#content_main p, div#content_main h1, div#content_main h2, div#content_main h3, div#content_main h4, div#content_main h5, div#content_main ul, div#content_main ol {
	margin-right:20px;
	border:0px solid black;
}

div#content_sub {
	float:left;
	width:230px;
	background-image:url("/img/content-sub-bg.gif");
	background-repeat:repeat-x;
	background-position:top left;
	border:0px solid black;
}

div#content_sub a {
	font-size:1em;
	color:#5f6062;
	text-decoration:none;
}

div#content_sub a:visited {color:#5f6062;}

div#content_sub_inner {
	margin:2 2 0 0px;
	padding:18 13 10 13px;
	border-top:1px solid #f4eee4;
	border-right:1px solid #f4eee4;
}	

div#content_sub_inner ol {
	list-style:none;
	text-indent:0;
	margin:0 0 16 0px;
	padding:0 0 10 0px;
	font-size:1em;
}

div#content_sub_inner ol.border {border-bottom:1px solid #d8d6d5;}

div#content_sub_inner ol li {
	padding:9 0 0 0px;
	}

div#site_info {
	z-index:1;
	clear:both;
	position:relative;
	height:54px;
	margin:0 10 0 10px;
	padding:25 0 0 0px;
	color:#cdcdcd;
	text-align:center;
	border-top:1px solid #cecece;
}

#site_info img {
	position:absolute;
	top:-3px;
	left:360px;
}

#site_info ul {
	padding:0 0 0 0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	line-height:1.4em;
}

#site_info li {display:inline;}

#site_info p {
	padding:0 10 0 0px;
}

#site_info a {
	color:#cdcdcd;
	text-decoration:none;
}

#site_info a:visited {text-decoration:none;}

#site_info a:hover {text-decoration:none;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#4b4b4b;
}

h1, h2, h3, h4, h5 {
	font-variant: small-caps;
	font-family:palatino, serif;
	color:#8a1e04;
	margin:0px 0px 4px 0px;
}

h3, h4, h5 {
	font-variant: normal;
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#4b4b4b;
}

p, ol, ul {font-size:1.2em;}

h1 {font-size:2.0em;} 

h2 {font-size:1.6em;}

h3 {font-size:1.3em;}

h4 {font-size:1.2em;}

p {margin:0px 0px 10px 0px;}

a {
	font-size:1em;
	color:#0019a0;
	text-decoration:underline;
}

hr {color:#8a1e04;} 

a:visited {color:#5c6cc2;}

a:hover {text-decoration:none;}

ul {
	margin:0;
	padding:0 0 10 30px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
	line-height:1.4em;
}

ol {
	margin:0;
	padding:0 0 10 30px;
	text-indent:0px;
	text-decoration:none;
	line-height:1.4em;
}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
img {border:0;}

.center {text-align:center;}

.bold {font-weight:bold;}

.nomargin {margin:0px;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #FFF;
}

.photo {
	margin:0px;
	padding:1px;
	background-color:#f4ede3;
	border:1px solid #fff;
}

.even {background:#efefef;}

.larger {
	font-size:1.4em;
}

.white {
	color:#ffffff;
}

.float_left {
	float:left;
}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN HOME PAGE */
div#home_box {
	width:380px;
	float:left;
	border-top:1px solid #e6e6e6;
	border-bottom:0px solid #e6e6e6;
	padding:5 0 0 0px;
	margin:0;
}

div#home_box ul {
	list-style:none;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

div#home_box ul li {
	float:left;
	margin:0 5 0 0px;
}

div#home_box ul li.last {
	margin:0 0 0 0px;
}


/* +++ */
div#clubnews_wrapper {
	border:1px solid #e6e6e6;
	width:375px;
	margin:0 0 30 0px;
	float:left;
	padding:1px;
	overflow:auto;
	
}

/* +++ */
div#newsletter {
	float:left;
	background-color:#eee3dd;
	border-right:1px solid #ded3b8;
	width:187px;
	height:196px;
	padding:15 0 5 0px;
}

div#club {
	float:left;
	background-color:#ebe8d1;
	padding:15 0 5 0px;
	width:187px;
	height:196px;
}
div#clubnews_wrapper h2 {
	margin:0 15 4 15px;
	font-size:1.6em;
}

div#clubnews_wrapper p {
	margin:0 15 10 15px;
	font-size:1.2em;
}

div#new_wine {
	float:right;
	text-align:center;
	width:150px;
}

div#new_wine img#title {
	margin:8 0 8 0px;
}

div#new_wine p {
	margin:5 20 0 20px;
	font-size:1.0em;
	color:#8d8d8d;
}

div#new_wine a {
	color:#8d8d8d;
	text-decoration:none;
}
/* END HOME PAGE */


.tableLight{
	background-color:#f4eee3;
	}
	
.tableDark {
	background-color:#e0d9d0;
}

.tableHighlight {
	background-color:#8a1e04;
}

.submit {
	background-color:#5f6062;
	color:#efefef;
	font-variant:small-caps;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.error {
	color:#8a1e04;
}
.submitsm {
	background-color:#5f6062;
	color:#efefef;
	font-variant:small-caps;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

td {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

td p {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#adminnav{
	margin-top:8px;
}	

div#adminnav select {
	background-color:#8a1e04;
	color:#efefef;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#login {
	position:absolute;
	top:-40px;
	left:24px;
	color:#cc9c91;
}

#login a {
	font:10px arial, san-serif;
	color:#cc9c91;
	text-decoration:underline;
}

#login input#login_email {
	width:74px;font-size:11px;
}

#login input#login_password {
	width:74px;font-size:11px;
}

/* +++ */
#login input#login_submit {
	margin-top:-4px;vertical-align:middle;}
	
textarea { font: 12px Arial, Helvetica, sans-serif;}

/* BEGIN BROWSE WINES PAGE */
/* +++ */
div#content_main ol#wine_store {
	width:530px;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	text-indent:0px;
	text-decoration:none;
	line-height:auto;
	list-style:none;
	border:0px solid blue;
}

ol#wine_store li {
	margin:0 0 0 0px;
	float:left;
	width:265px;
	height:250px;
	border:0px solid black;
}

ol#wine_store li h2 {
	margin:0 15 4 0px;
	font-size:1.2em;
	font-weight:normal;
}

ol#wine_store li p {
	font-size:1em;
	line-height:normal;
	margin:0 15 10 0px;
}

ol#wine_store li .photo {
	margin:0 10 0 0px;
}
/* END BROWSE WINES PAGE */