html, body {
	background-color: #f8faed;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
div {
	margin: 0;
	padding: 0;
}
h1, h2 {
	font-size: 20px;
	margin: 2em 0 .5em 0;
}
h2 {
	color: #7a0643;
	margin: 0;
}
h3 {
	font-size: 18px;
	margin: 20px 0 0 0;
}

p, li {
	line-height: 1.4em;
}
a {
	color: #7a0643;
}

.article, .article a {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1em;
	text-decoration: none;
	color: #000;
}
.articleauthor {
	font-size: 10px;
	margin-top: 5px;
	line-height: 1em;
}
.notop {
	margin-top: 0;
}
.quote {
	font-weight: bold;
	font-style: italic;
	margin: 2em 30px 5px 30px;
}
.quoteauthor {
	font-size: 10px;
	text-align: right;
	margin: 0 30px 2em 0; 
}
.purple {
	color: #7a0643;
}
.aligncenter {
	text-align:center;
}
.clear {
	clear:both;
}
*+html .clear {
	margin: 20px 0;
}
* html .clear {
	margin: 20px 0;
}
div.imgright {
	float: right;
	margin: 10px 0 20px 20px;
}
div.imgleft {
	float: left;
	margin: 8px 20px 20px 0;
}
div.imgright p, div.imgleft p {
	font-size: 10px;
	text-align: left;
	line-height: 1em;
	margin-top: 3px;
}
div.imgright p.large, div.imgleft p.large {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
}
/* Callout boxes ==================================================================== */
div.gangwrap, div.contact {
	clear:both;
	height: 103px;
	background-color: #f8faed;
	margin-bottom: 15px;
}
div.gangwrap a, div.contact a {
	color: #000;
	text-decoration: none;
}
div.gangwrap a:hover, div.contact a:hover {
	text-decoration: underline;
}
div.contact p {
	margin-bottom: 1em;
}
div.gangwrap .Lcol, div.contact .Lcol {
	position: relative;
	float: left;
	width: 197px;
	padding: 0 10px;
}
div.gangwrap .Lcol p {
	line-height: 1.95em;
}
div.gangwrap .Rcol, div.contact .Rcol {
	position: relative;
	float: right;
	padding: 0;
	width: 376px;
}
div.bunchL, div.bunchR {
	position: relative;
	float: left;
	width: 50%;
}
div.bunchL a, div.bunchR a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	line-height: .9em;
}
div.bunchL a:hover, div.bunchR a:hover {
	text-decoration: underline;
}
div.bunchR {
	float: right;
}
/* Best of the Bunch formatting ================================== */
div.locationL {
	position: relative;
	width: 135px;
	float: left;
}
div.locationL p {
	text-align: right;
	font-weight: bold;
	line-height: 1.7em;
}
div.locationR {
	position: relative;
	width: 430px;
	margin-left: 20px;
	float: right;
}
div.locationR p {
	line-height: 1.7em;
}
div.locationR a {
	color: #000;
}
div.locationR a:hover {
	color: #7a0643
}
div.chosenforL {
	position: relative;
	width: 135px;
	float: left;
	margin-top: 6px;
}
*+html div.chosenforL {
	margin-top: 4px;
}
* html div.chosenforL {
	margin-top: 4px;
}
div.chosenforL p {
	text-align: right;
	font-weight: bold;
}
div.chosenforR {
	position: relative;
	float:right;
	width: 430px;
	margin: 0 0 0 20px;
}
div.chosenforR p {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
}
div.bizheader {
	clear: both;
	position: relative;
	float:left;
	width: 580px;
	padding: 10px;
	border: 2px solid #000;
	background-color: #f8faed;
	margin-bottom: 20px;
}
div.bizheader p {
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
}
div.bizheader img {
	float: left;
	margin-right: 20px;
}
div.bunchfooter {
	margin: 30px 0 0 0;
}
div.bunchfooter h3 {
	text-align: center;
}
div.bunchfooter p {
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
}
/* content layout ================================================ */
#wrapper {
	position:absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	height: auto;
	background-color: #fff;
}
#header {
	background-image:url(../assets/grapevine-top-banner.jpg);
	background-repeat:no-repeat;
	height: 373px;
	position: relative;
}
#contentwrap {
	position: relative;
	width: 800px;
	height: auto;
}
#sidebar {
	position: relative;
	float: left;
	width: 177px;
	padding: 12px 0 50px 0;
	}
*+html #sidebar {
	margin-top: 6px;
}
* html #sidebar {
	width: 165px;
	margin-top: 9px;
}
#content {
	position: relative;
	float: right;
	width: 593px;
	padding: 1.6em 30px 20px 0;
}
#content img {
	border: 1px solid #ddd;
}
#content img.noborder {
	border:none;
}
#footergraphic {
	position: absolute;	
	margin-left: -177px;
	bottom: 0;
	background-image:url(../assets/sidebar_bkg.jpg);
	background-repeat:no-repeat;
	background-position: bottom left;
	width: 62px;
	height: 46px;
}
* html #footergraphic {
	margin-bottom: -1px;
	margin-left: -167px;
}
#footer {
	clear: both;
	position: relative;
	background-color: #9f86bd;
	border-top: 6px solid #35302d;
	height: 83px;
	text-align: center;
	padding: 15px 0 0 0;
}
#footer a {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p.credits, #footer p.credits a {
	font-size: 10px;
	color: #000;
	margin-top: 40px;
}
/* main menu formatting ========================================================= */
ul#navlist {
	list-style:none;
	margin-left: -25px;
}
*+html ul#navlist {
	margin-left: 20px;
	margin-top: 20px;
}
* html ul#navlist {
	margin-left: 20px;
	margin-top: 20px;
}
ul#navlist li {
	margin: 0 0 8px 0;
}
ul#navlist li a {
	font-size: 13px;
	text-decoration: none;
	color: #7a0643;
	font-weight: bold;
}
ul#navlist li a:hover {
	text-decoration: underline;
}