body {margin: 0; background: #fff url(../img/top-bg.gif) 0 0 repeat-x; font-family: georgia, serif; text-align: center}
a:hover {color: #2c0f01;}

#wrapper {width: 800px; margin: 0 auto; text-align: left; position: relative;}
#home #wrapper {width: 844px; }


#logo {float: left; margin-left: -3px;}
#links {margin: 5px 0; float: right; font-size: .7em; color: #2c0f01; font-family: Verdana, Arial, Helvetica, sans-serif;}
#links a {margin: 0 1px;}

a:link {color: #3c1502;}
a:hover {color: #bf0000;}
a:active {color: #2c0f01;}
a:visited {color: #3C1502;}

#topnav {position: absolute; top: 60px; left: 212px; font-family: georgia, serif; font-size: .7em; z-index: 100;}
#mainnav {position: absolute; top: 80px; left: 212px; font-family: georgia, serif; font-size: .7em; z-index: 50;}
#nav div {margin: 0; clear: left; height: 17px;}
#nav form {margin: 0 0}
#nav form input {font-size: 1em; font-family: georgia, serif; float: left; width: 100px; margin-top: -1px;}
#nav #topnav img {margin-top: 2px; margin-right: 13px;}
#nav #topnav .button {margin-top: 2px; width: 39px}
#mainnav img {margin-right: 8px;}

#nav ul {list-style: none; margin: 0; padding: 0; float: left;}
#nav li {position:relative; float: left; margin: 0 4px}
#nav .menu {margin:0; padding:0; font-size: 1.1em}
#nav .menu ul {position:absolute; border: 1px solid #2c0f01; border-width: 1px 1px 0; top: 22px; left: 0; width: 118px}
#nav .menu ul a {color: #2c0f01; background-color: #F1E9DD; border: 1px solid #2c0f01; border-width: 0 0 1px; display:block; width:110px; text-decoration:none; padding: 3px 4px; margin:0;}
#nav .menu ul a:hover{background-color: #fff;}
#nav .menu li ul {display: none;}
head:first-child+body #nav .menu li li ul {display: none !important;}
#nav .menu ul li{list-style:none; height:auto; display:inline; margin:0; padding:0;}
#nav .menu li li ul {position:absolute; top:-1px; left: 118px;}
#nav .menu li:hover ul {display: block;}
head:first-child+body #nav .menu li li:hover ul {display: block !important;}

#menu ul {display: none;}
#nav .menu2 {margin:0; padding:0; font-size: 1.1em}
#nav .menu2 ul {position:absolute; border: 1px solid #2c0f01; border-width: 1px 1px 0; top: 20px; left: 0; width: 100px}
head:first-child+body #nav .menu2 ul {width: 108px}
#nav .menu2 ul a {color: #2c0f01; background-color: #F1E9DD; border: 1px solid #2c0f01; border-width: 0 0 1px; display:block; width:100px; text-decoration:none; padding: 3px 4px; margin:0;}
#nav .menu2 ul a:hover{background-color: #fff;}
#nav .menu2 li ul {display: none;}
head:first-child+body #nav .menu2 li li ul {display: none !important;}
#nav .menu2 ul li{list-style:none; height:auto; display:inline; margin:0; padding:0;}
#nav .menu2 li li ul{position:absolute; top:-1px; left: 108px;}
#nav .menu2 li:hover ul {display: block;}
head:first-child+body #nav .menu2 li li:hover ul {display: block !important;}

/*.menu2 #navhome ul, .menu2 #navhome ul a{width: 35px;}*/

/*Homepage Styles 12/8/2008 - added by AL*/
#home {line-height: 1em; color: #2C0F01;}
#home #midwrapper {background: #2C0F01; height: 271px; margin: 2px auto 0 auto; min-width: 850px; }
#home #midwrapper img {margin-bottom: -3px;}

#home #bottomwrapper {background: #FBF7ED url(../img/homepage/bg-leaf-2.gif) top left no-repeat; margin: 0 auto; width: 100%;} /*Gradient background*/
	#home #leaf {background: url(../img/homepage/hm-leaf-center-bg.gif) center 0 no-repeat; height: 235px; margin: 0 auto; min-width: 850px; max-width: 1130px; width: 100%;} /*Transparent leaf*/
	#home #bottomcontent {font-size: .7em; margin: 0 auto; min-width: 850px; width: 850px; text-align: left;}
		#home #wines {float: left; padding-top: 13px; width: 310px; margin-left: 10px; margin-right: 15px; }
		#home #wines ul {list-style: none; margin: 0 10px 0 0; padding: 0;}
		#home #wines ul li {padding-bottom: 1px;}
		#home #wines ul li a {text-decoration: none;}
		#home #wines ul li a:hover {color: #2c0f01; text-decoration: underline;}
		
		#home #bottomcontent #pinot {float: left; padding-top: 5px; margin-right: 15px; margin-left: 13px; width: 180px;}
		#home #bottomcontent #pinot #ecoSection {margin-bottom: 2px; height: 135px;}
		#home #bottomcontent #pinot #ecoSection #ecoFlash {margin:2px 0 0 4px; padding-left: 4px;}
		#pinotPortfolio {margin-left: 12px;}
		
		#home #bottomcontent #news {float: right; padding-top: 13px; margin-right: 5px; width: 285px; }
		#home #bottomcontent #news ul {list-style: none; margin: 0 0 5px 0; padding: 0; width: 285px;}
		#home #bottomcontent #news ul li {background: url(../img/homepage/s-li-hm.gif) left top no-repeat; list-style-image: none; padding: 0 0 6px 12px;}
		#home #bottomcontent #news ul li a {text-decoration: none;}
		#home #bottomcontent #news ul li a:hover {text-decoration: underline;}
		#home #bottomcontent #news p {margin: 0 0 5px 0;}

		#home #bottomcontent h1 {margin: 0 0 5px 0; padding: 0;}

#category h4 {border-top: 1px solid #efe7de; margin: 0 0 10px 0; padding: 6px 20px; font-size: 100%; color: #2c0f01; background-color: #efe7de;}
#category p {font-size: .76em; line-height: 1.5em; margin: 0 20px 8px 20px;} 
#category .column1 {float:left; margin: 5px 15px 10px 0; width: 45%;} /*Wine List Left Column*/
#category .column2 {float:left; margin: 5px 0 10px 0; width: 44%;} /*Wine List Right Column*/
#category .column1 p, #category .column2 p {margin-bottom: 5px;} 

/*Wines Top Landing Pages*/
#topwinespg #leftcolphoto {float: left; width: 209px;}
#topwinespg #rightcol {border: 1px solid #efe7de; float: left; width: 550px; min-height: 287px; margin-top: 0;  font-size: .9em; }
	#topwinespg  h4 { background-color: #efe7de; border-top: 1px solid #efe7de; margin: 0; padding: 6px 20px; font-size: 100%; color: #2c0f01;}
	#topwinespg .rightcolcontent {padding: 0px 20px; font-size: .8em; padding-bottom: 15px;}
	#topwinespg .rightcolcontent .column1 {float:left; width: 45%;} /*Wine List Left Column*/
	#topwinespg .rightcolcontent .column2 {float:left; width: 44%;} /*Wine List Right Column*/
	#topwinespg .rightcolcontent .column1 p, #topwinespg .rightcolcontent .column2 p {margin-top: 0; margin-bottom: 5px;} 
	#topwinespg .rightcolcontent ul li {background: url(../img/s-li.gif) top left no-repeat; padding: 0 0 8px 12px; }
	#topwinespg .rightcolcontent p {line-height: 1.5em; margin-top: 12px;}

/*New Content Pages*/
#sectionwrapper {font-size: .76em; line-height: 1.5em;}
#sectionwrapper #leftcol {float: left; margin: 0 0 0 72px; padding-right: 0; width: 490px; border: 1px solid #efe7de;  min-height: 287px;}/*Sustainability Pages*/

#sectionwrapper #leftcolcontent {margin-top: 10px; padding: 0 20px 15px 20px;}
#sustainability #leftcolcontent {background: url(../img/logo-eco.gif) bottom right no-repeat; margin-bottom: 8px; margin-right: 10px; padding-bottom: 70px; }

#sectionwrapper #rightcolphoto {float: left; margin-left: 0;}
#sectionwrapper h4 {margin: 0 0 0px 0; padding: 6px 20px; font-size: 105%; color: #2c0f01; background-color: #efe7de;}

#sectionwrapper p {margin: 0 0 8px 0px;} 
#sectionwrapper ul {list-style: none; padding: 0; margin: 0 10px 12px 18px}
#sectionwrapper ul li {background: url(../img/s-li.gif) top left no-repeat; padding-left: 12px}
#sectionwrapper ol li {padding-bottom: 12px;}
#sectionwrapper h1 {color: #2c0f01; font-size: 2em; padding: 0;}
#sectionwrapper h2 {font-size: 1.3em; margin: 16px 0 0 0;}
#sectionwrapper h3 {font-size: 1.1em; margin: 16px 0 0 0;}

/*New Content Pages Section Subnav*/
#sectionnav {background: url(../img/s-snaccent.gif) top left no-repeat; height: 45px; padding: 30px 0 0 72px; }
#sectionnav ul {list-style: none; margin: 0; padding: 0; font-size: 12px; }
#sectionnav ul li {float: left; padding: 0 6px; border-left: 1px solid #2c0f01; margin: 2px 0; background: none;}
#sectionnav ul li.first {border-left: 0; padding-left: 0;}

#menu2 ul {display: none;}

#footer {clear: both !important; font-size: .7em; font-family: Verdana, Arial, Helvetica, sans-serif;}
#footer div {background-color: #FBF8F5; border: 1px solid #F0E0C1; border-width: 1px 0; margin: 20px 0 2px; color: #2c0f01; padding: 2px 0}
#home #footer div {margin-top: 2px;}

/*Misc*/
.clear {clear: both;}
.right {text-align: right;}

/*Fight for Hunger Form*/
#campaign #contentwrap {background-image: none;}
#campaign #contentwrap #content {float: left; width: 460px; margin-top: 0; margin-right: 10px; display: inline;}
#campaign #contentwrap #subnav {height: 50px;}
#campaign #columnRight {float: right; margin-top: 4px; width: 240px;}
#campaign .graphics {margin-top: 0; margin-bottom: 15px;}

#campaign ul li {padding-bottom: 8px;}

#campaign div.heading_blk {width: 100%; margin: 0 0 10px 0; padding: 0px; border-top: 1px solid #efe7de;}
#campaign h4.heading_txt {margin: 2px 0 0 0; padding: 6px 8px; font-size: 100%; color: #2c0f01; background-color: #efe7de;}

#campaign #fightCampaignForm {padding: 0 0 25px 10px;}
#fightCampaignForm div {margin-top: 4px;}
#fightCampaignForm label {display: block;}
#fightCampaignForm label.formatTextArea {display: inline;}

#fightCampaignForm .example {font-size: 9px; color: #666; display: block;}
#fightCampaignForm .graynote {font-size: 90%; color: #666;} /*Same style as the example note but displayed inline*/
#fightCampaignForm .required {font-weight: bold;}

#fightCampaignForm .entryset {float: left;  width: 100%;}
#fightCampaignForm .entryset div {width: auto; float: left; margin-right: 8px;}

#fightCampaignForm .formatFields {margin-top: 10px;} /*Align Radio Buttons with Labels*/ 
#fightCampaignForm #selectUserType {width: 100px;}

#fightCampaignForm .button { margin-left: 160px;}
#pnlError {color: #bf4646; font-weight: bold;}
.subheading {color: #2c0f01; margin-bottom: 0;}