@charset "utf-8";
/* CSS Document */

* { /* zero all elements */
margin: 0;
padding: 0;
border: 0;
}

html {  height: 100%; /* not height: 100% */ }

body { 
	background-image:url(/content/image/bg_center_vert.gif); 
	background-repeat:repeat-y; 
	background-color: #7e7e66; 
	background-position: center;
	font-size: 70%; 
	margin: 0px 20px; 
	font-family: Verdana, sans-serif;
	color: #44383e;
	height: 100%; /* not height: 100% */ 
	}

.flashwarning {
	padding: 20px;
}

#siteWrapper {
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	height: 100%; 
	}
	
a { color: #852d33; text-decoration: none; }
a:hover { color: #852d33; text-decoration: underline; }

h1 { margin: 0 0 10px 0; font-size: 1.7em; line-height: 1.4em; font-weight: normal; font-family: Verdana, "MetaNormal-Roman";}
p { margin: 0 0 15px 0; line-height: 1.5em;}
h2 { font-size: 1.3em; margin: 8px 0 4px 0px; color: #333; font-weight: normal; }
ul, ol { line-height: 1.4em; }
ul { list-style: none; margin: 0 0 1em 15px; padding: 0; }
ul li { margin-bottom: .5em; background: url(/content/image/bullet.gif) no-repeat 0 .5em; padding-left: 12px; }

hr { border-top: 1px solid #eee; margin: 10px 0; }
/* -- form default styles -- */			 
/* input { vertical-align: middle; border: 1px solid #C3C3C3; font-size: 1em; padding: 1px 1px 1px 3px; color: #666; }*/
select { vertical-align: middle; border: 1px solid #C3C3C3; font-size: 1em; padding: 1px 1px 1px 3px; color: #666; }
textarea { vertical-align: middle; border: 1px solid #C3C3C3; font-size: 1em; padding: 1px 1px 1px 3px; color: #666; }
	
	
#header { background-color: #852d33; width: 898px; height: 89px; background-image:url(/content/image/masthead.gif); margin-bottom: 8px; overflow: hidden; position: relative; }
#header h1 { float: left; width: 340px; height: 51px; margin: 40px 0 0 0; }
#header h1 a { width: 340px; height: 51px; background: none; text-decoration: none; }

#search { /*float: right; 
		margin-top: 23px; */
		position: absolute;
		top: 63px;
		right: 0px;
		width: 185px; 
		height: 70px;}

/*following 2 lines have changed to use no IDs*/
input, select, textarea { vertical-align: middle; border: 1px solid #C3C3C3; font-family: verdana, sans-serif; 
		font-size: 1em; padding: 1px 2px; color: #999999; }
input.searchbutton { vertical-align: middle; margin: 0 0px 1px 5px; border: 0; }
input#searchbutton { vertical-align: middle; margin: 0 0px 1px 5px; border: 0; }

#bar { position: relative; z-index:100; clear: both; width: 100%; height: 23px; background-color: #7e7e66; margin: 0; padding: 0px; font-size: 1em; margin-bottom: 9px; }
.template1 #bar, .template2a #bar, .template2b #bar, .template3 #bar { margin-bottom: 28px; }

#bar #globalnav { position: absolute; height: 23px; margin: 0; padding: 0; list-style: none; line-height: 1.2em;  }
#bar #globalnav li {
	float: left;
	margin: 0;
	padding: 0px;
	border-right: 2px solid #44383e;
	background: #a0a082;
}

#bar #globalnav li a { float: left; padding: 4px 9px; background: none; text-transform: uppercase; text-decoration: none;  color: #fff; border: 1px solid #a0a082;  }
#bar #globalnav li a:hover { text-decoration: none; background-color: #852d33;  }
#bar #globalnav li a.on { background-color:#7e7e66; }
#bar #globalnav li a.on:hover { text-decoration: none; background-color: #852d33;  }
#bar #globalnav li.last { border: none; }
#bar .dropDown {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 23px;
	border-top: 1px solid #44383E;
	background-color: #7e7e66;
}
#bar .dropDown a {
	z-index: 100;
	text-transform: none !important;
	padding: 5px 9px 7px 9px !important;
	clear: both;
	padding: 8px 10px 3px 10px;
	border-left: 1px solid #a0a082; 
	border-right: 1px solid #a0a082; 
	border-bottom: 1px solid #a0a082; 
	border-top: none !important; 
}

#leftNav {
	width: 178px;
	float: left;
	font-weight: bold;
}

#leftNav h4{
	color: white;
	font-size: .9em;
	text-transform: uppercase;
	background-color: #7e7e66;
	padding: 5px 10px;
}

#leftNav ul{
	list-style: none;
	margin: 0 0 0 0; padding: 0;
}

#leftNav ul li{
	margin: 0 0 0 0; padding: 5px 10px;
	background: #a0a082;
	border-bottom: 1px solid #7e7e66;
	line-height: 1.3em;
}
#leftNav ul li.active {
	background: url(/content/image/red-arrow.gif) no-repeat 7px 7px #a0a082; padding-left: 17px; 
}

#leftNav ul li.active a {
	font-weight: bold; 
}

#leftNav ul.subLevel li{
	margin: 0 0 0 0; padding: 5px 10px 5px 17px;
	background: #a0a082;
	border-bottom: 1px solid #7e7e66;
	line-height: 1.3em;
}

#leftNav ul.subLevel li a{
	color: #44383e;
}

#leftNav ul.subLevel li.active {
	background: url(/content/image/red-arrow.gif) no-repeat 7px 7px #a0a082; padding-left: 17px; 
}

#leftNav ul li.active a {
	font-weight: bold; 
}

#headBanner {
	position: relative;
	width: 712px;
	border-top: 1px solid #e0e0b6;
	border-bottom: 1px solid #e0e0b6;
	margin-bottom: 7px;
	float: right;
}

#headBanner h2 {
	position: absolute;
	top: 0;
	color: #fff;
	background-color: #44383e;
	font-size: 1.5em;
	margin: 0;
	padding: 5px 16px 8px;
	border-right: 1px solid #e0e0b6;
	border-bottom: 1px solid #e0e0b6;
}

.template2b #headBanner {
	height: 45px;
	border-bottom: 0;
	margin-bottom: 0px;
}

.template2b #headBanner h2 {
	border-bottom: 0;
}

.template3 #headBanner {
	width: 898px;
	float: none;
}

#contentWrapper {
	background-color: #e0e0b6; 
	border-top: 1px solid #e0e0b6;
	padding: 0px;
}

.template1 #contentWrapper, .template2a #contentWrapper, .template2b #contentWrapper {
	width: 712px;
	float: right;
}

#contentWrapper a {
	font-weight: bold;
}

#contentWrapper ul li a { font-weight: normal; }

#mainColumn hr { border-top: 1px solid #b6b693; margin: 20px 0px; }

#mainColumn {
	float: left;
	width: 612px;
}
#fullWidthColumn {
	width: 694px;
}
#fullWidthColumn #mainColumn {
	width: 694px;
	margin: 0px 18px 18px 18px;
}
#fullWidthColumn #mainColumn h1 {
	width: 420px;
	margin-top: 18px;
}

.template1 #mainColumn {
	margin: 18px;
}

.template2a #mainColumn, .template2b #mainColumn {
	margin: 18px;
	width: 470px;
}

.template3 #mainColumn {
	margin: 18px 40px;
	width: 480px;
}

#mainColumn h1 {
	color: #852d33;
	margin-bottom: 20px;
}

.home #mainColumn h1 {
	color: #44383e;
}

.home #mainColumn h2 {
	font-size: 1em;
}

.imageContent {
	margin: 0 20px 20px 0;
	float: left;
}

.intBook { 
	width: 480px;
	border-top: 1px solid #b6b693; 
	margin: 15px 0;
	padding: 15px 0;
}

.intImg {
	float: left;
	width: 190px;
}

.intText {
	float: right;
	width: 270px;
}

.intText h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #44383e;
}


#shareBottom {
	background-color: #7e7e66;
	margin-top: 7px;
	width: 712px;
	float: right;
}

#shareBottom img {
	border-right: 7px solid #44373e;
}

#newsCarousel {
	width: 612px;
	height: 370px;
	margin-bottom: 20px;
}

/* Homepage Blog Module */
#hpBlog {
	width: 592px;
	padding: 0 0 0 20px;
}

#hpBlog h2 {
	color: #77272d;
	margin: 0 0 10px 0; 
	padding: 0 0 5px 0; 
	font-size: 1.3em;
	border-bottom: 1px solid #77272d; 
	
}

#hpBlogContent {
	width: 340px;
	float: right;
}
#hpBlogContentWide {
	/*width: 340px;*/
	/*float: left;*/
}

#hpBlog img {
	border: 1px solid #8a383b;
}

#hpBlog img.arrow {
	border: 0;
}


/* Right Column CSS */
#rightColumn {
	float: right;
	width: 274px;
}

.template2a #rightColumn, .template2b #rightColumn {
	width: 180px;
}

.rightModule {
	width: 274px;
	background-color: #a0a082;
	margin-bottom: 7px;
}

.rightModule.share {
	background-color: #7e7e66;
}

.template2a .rightModule, .template2b .rightModule {
	width: 180px;
}

.rightModule.last {
	margin-bottom: 0;
}

.rightModule h4 {
	color: #fff;
	width: 254px;
	background-color: #7e7e66;
	text-transform: uppercase;
	font-size: .9em;
	padding: 4px 10px;
}

.rightModule p, .rightModule div.row {
	width: 254px;
	padding: 10px;
	margin: 0; line-height: 1.5em; 
}
.rightModule p.tighter, .rightModule div.rowTighter {
	width: 254px;
	padding: 0px 10px 6px 10px;
	margin: 0; line-height: 1.5em; 
}

.rightModule #searchForm {
	margin: 0px 0 10px 10px;
}

.template2a .rightModule h4, 
.template2a .rightModule p, 
.template2b .rightModule h4, 
.template2b .rightModule p {
	width: 160px;
}

.rightModule hr { border-top: 1px solid #7e7e66; margin: 0 10px; }

.rightModule ul { margin: 10px 11px; padding: 0; }
.rightModule ul li { margin-bottom: 1em; padding-left: 12px; }


#picks { font-weight: bold; }

.winePicks { padding: 14px 10px 0 11px; }

.red { padding: 1px 10px 14px 16px; 
		background-image: url(/template/images/wine-icon-red.png); 
		background-repeat: no-repeat; 
		min-height: 28px; vertical-align: middle; }
		
.rose { padding: 1px 10px 14px 16px; 
		background-image: url(/template/images/wine-icon-rose.png); 
		background-repeat: no-repeat; min-height: 28px; 
		vertical-align: middle; }
		
.white { padding: 1px 10px 14px 16px; 
		background-image: url(/template/images/wine-icon-white.png); 
		background-repeat: no-repeat; 
		min-height: 28px; vertical-align: middle; }
		
.bubbly { padding: 1px 10px 14px 16px; 
		background-image: url(/template/images/wine-icon-bubbly.png); 
		background-repeat: no-repeat; 
		min-height: 28px; vertical-align: middle; }

/* Footer */
#footer {
	color: #7e7e66;
	margin: 7px 0;
	font-size: .9em;
	border-top: 1px solid #e0e0b6;
	padding: 9px 0;
	margin-bottom: 10px;
}

#footer .copyright{
	float: left;
}
#footer .credit{
	float: right;
}
#footer a {
	color: #7e7e66;
}



.clear
{
	clear: both;
}

.buffer35
{
	height: 35px;
}



/* ---- Image Replacement -------------- 
	Basic shell replacements are handled here. In addition, .img can be used for specific needs site-wide.
*/

/* -- #nav #globalnav li a,-- */
#header h1,
#header h1 a,
.img 
{ 
	letter-spacing: -1000em;  text-indent : -9999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles 

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	visibility: hidden;
	font-size: 24px;
}*/
 
.sIFR-hasFlash #mainColumn h1 {
	/*letter-spacing: -5px;*/
	visibility: hidden;
}

/* stuff Tom added */
#contactForm p.halfWidth { float: left; width: 200px; margin-right: 15px; }
#contactForm p.fullWidth { clear: both; }
#contactForm input, #contactForm select { width: 190px; }
#contactForm textarea { width: 400px; }
input#contactSubmit { width: auto; color: #ffffff; font-weight: bold; background-color: #852D33; cursor: pointer ;}

.reCaptchaWarning { padding: 10px; background-color: #ff0000; color: #ffffff; }
#recaptcha_widget_div { margin-bottom: 15px; }

#comments {clear: both; margin-top: 10px;}
#commentForm {margin-top: 15px; padding-top: 10px; border-top: 1px solid #7E7E66;}
#commentForm input, #commentForm textarea {width: 300px; }
#commentForm .commentform-row {margin-bottom: 10px;}
#commentForm .commentform-instructions {margin-bottom: 10px;}
#commentList .comments-title {font-weight: bold;}
#commentList .comment-name {font-weight: bold; margin-top: 10px; padding-top: 10px; border-top: 1px solid #7E7E66;}
#commentList .comment-timestamp {font-style: italic; margin-top: 2px;}
#commentList .comment-comment {margin-top: 5px;}
input#commentSubmit { width: auto; color: #ffffff; font-weight: bold; background-color: #852D33; cursor: pointer ;}

.articleListWrapper {
	border-top: 1px solid #A0A082;
	padding-top: 10px;
	margin-bottom: 15px;
}
.articleListWrapperHead {
	font-weight: bold;
	margin-bottom: 10px;
}
.articleListWrapper .leftCol {
	float: left;
	margin-right: 15px;
	width: 150px;
	text-align: center;
}
.articleListWrapper img {
	border: none;
}
.articleListWrapperHead .leftCol {
	float: left;
	margin-right: 15px;
	width: 150px;
}
.articleListWrapperHead .rightCol, .articleListWrapper .rightCol {
	float: left;
}

.eventListWrapper {
	border-top: 1px solid #A0A082;
	padding-top: 10px;
	margin-bottom: 15px;
}
.eventListWrapperHead {
	font-weight: bold;
	margin-bottom: 10px;
}
.eventListWrapper .dateCol, .eventListWrapperHead .dateCol {
	float: left;
	margin-right: 10px;
	width: 100px;
}
.eventListWrapper .locCol, .eventListWrapperHead .locCol {
	float: left;
	margin-right: 10px;
	width: 100px;
}
.eventListWrapperHead .titleCol, .eventListWrapper .titleCol {
	float: left;
	width: 260px;
}

div.videoThumbnailWrapper {
	float: left;
	margin-right: 15px;
	width: 130px;
	text-align: center;	
}
div.videoTitleWrapper {
	float: left;
	width: 110px;
}
div.rightModule .videoThumbnailWrapper {
	float: left;
	margin-right: 10px;
	width: 130px;
	text-align: left;	
}
div.rightModule .videoTitleWrapper {
	float: left;
	width: 110px;
}
.videoThumbnailWrapper img { border: none; margin-top: 3px; }
.youTubeLargePlayerWrapper { margin-bottom: 15px; }
.youTubeLargePlayerWrapper { margin-bottom: 15px; }

.backNext {
	clear: both;
	padding: 8px 0px 8px 0px;
}
.backNextLeft {
	width: 230px;
	float: left;
}
.backNextRight {
	width: 230px;
	float: right;
	text-align: right;
}

.linkColumn {
	float: left;
	width: 210px;
	margin-right: 15px;
}
.linkCategoryHead {
	font-weight: bold;
	margin-bottom: 6px;
}

.photocaption {font-family:arial; font-size:8pt; line-height:9pt;}
.photocredit {font-family:arial; font-size:6.5pt; color: #999999; line-height:9pt;}

/* CUSTOM STYLES FOR USE W/IN BODY BLOCK ARE AT THE BOTTOM START HERE -- THESE NEED TO BE REPEATED IN SITE'S MAIN CSS FILE */
.bodyImgLeft {
	float: left;
	margin: 3px 15px 15px 0px;
}
.bodyImgRight {
	float: right;
	margin: 3px 0px 15px 15px;
}