/* site.css */

/* 
repeat-x = horizontal
repeat-y = vertical 
*/

	ul, li, p, body {
		margin: 0;
		padding: 0;
	}
	
	a.inline {
		color: #4f0633;
		text-decoration: none;
	}
	
	a.inline:hover {
		text-decoration: underline;
	}
	
	a.ro-eat {
		display: block;
		height: 34px;
		width: auto;
		text-decoration: none;
		background: url(images/navEat.png) center 0 no-repeat;
		color: #f2eadf;
		float: left; 
		margin: 0; 
	}
	
	a.ro-drink {
		display: block;
		height: 34px;
		width: auto;
		text-decoration: none;
		background: url(images/navDrink.png) center 0 no-repeat;
		color: #f2eadf;
		float: left; 
		margin: 0 0 0 22px; 
	}
	
	a.ro-play {
		display: block;
		height: 34px;
		width: auto;
		text-decoration: none;
		background: url(images/navPlay.png) center 0 no-repeat;
		color: #f2eadf;
		float: left; 
		margin: 0 0 0 22px; 
	}
	
	a.ro-events {
		display: block;
		height: 34px;
		width: auto;
		text-decoration: none;
		background: url(images/navEvents.png) center 0 no-repeat;
		color: #f2eadf;
		float: left; 
		margin: 0 0 0 22px; 
	}
	
	a.ro-memberInfo {
		display: block;
		height: 34px;
		width: auto;
		text-decoration: none;
		background: url(images/navMemberInfo.png) center 0 no-repeat;
		color: #f2eadf;
		float: left; 
		margin: 0 0 0 22px; 
	}
	
	a.ro-contact {
		display: block;
		height: 34px;
		width: auto;
		text-decoration: none;
		background: url(images/navContact.png) center 0 no-repeat;
		color: #f2eadf;
		float: left; 
		margin: 0 0 0 22px; 
	}
	
	a.ro-eat:hover, a.ro-drink:hover, a.ro-play:hover, a.ro-events:hover, a.ro-memberInfo:hover, a.ro-contact:hover {
		background-position: center -34px;
		color: #d5d16a;
	}

	body {
		color: #2f250a;
		background: url(images/bkgTopStripe.png) repeat-x #5a1c3a;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
	}
	
	.boldContent10 {
		font-size: 10px;
		font-weight: bold;
	}
	
	.boldContent12 {
		font-size: 12px;
		font-weight: bold;
	}
	
	.boldContent14 {
		font-size: 14px;
		font-weight: bold;
	}
	
	.clearBoth {
		clear: both;
	}

	#container {
		width: 940px; 
		height: 900px; 
		margin: 0 auto;
	}
	
	.error_strings { 
		font-size: 12px; 
		color: #900;
		margin: 2px 0px 12px;
	}

	#footerContainer {
		width: 860px;
		height: 92px;
		margin: 0 auto;
		background-color: #1f2c15;
	}

	#footerContainer p {
		width: 860px;
		text-align: center;
		font-size: 10px;
		line-height: 20px;
		color: #5d7743;
		padding-top: 15px;
	}

	#footerContainer p a {
		color: #5d7743;
		font-size: 10px;
		text-decoration: none;
	}

	#footerContainer p a:hover {
		text-decoration: underline;
	}

	#footerNav {
		height: 17px;
		margin: 2px 0 0 189px;
    	width: 670px;
	}

	#footerNav ul {
		 padding: 0px;
		 height: 17px;
	}
	
	#footerNav ul li {
		display: inline;
		float: left;
		line-height: 17px;
		font-size: 10px;
		padding: 0px 1px;
		height: 17px;
		color: #5d7743;
	}
	
	#footerNav ul li a  {
		color: #5d7743;
		text-decoration: none;
		padding: 0px;
		height: 17px;
	}
	
	#footerNav ul li a:hover {
		text-decoration: underline;
	}
	
	.formLeft {
		width: 80px;
		font-size: 12px;
		font-weight: bold;
		margin-top: 6px;
		float: left;
	}
	
	.formRight {
		width: 335px;
		font-size: 12px;
		margin-top: 3px;
		float: left;
	}

	#grayBox {
		width: 440px;
		height: 100px;
		background-color: #ada182;
	}
	
	#grayBox div {
		width: 140px;
		height: 100px;
		margin-left: 20px;
		float: left;
	}
	
	#grayBox div p {
		margin-left: 0;
		font-size: 11px;
		line-height: 16px;
	}
	
	#greenBox {
		width: 400px;
		background: url(images/greenBox.png) no-repeat;
	}
	
	#greenBox p {
		color: #f7f7f6;
		line-height: 16px;
		padding: 62px 20px 20px;
	}
	
	h1 {
		font-size: 18px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		color: #5a1c3a;
		margin-left: 20px;
	}

	h2 {
		font-size: 14px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		color: #5a1c3a;
		margin-left: 20px;
	}
	
	h3 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: bold;
		color: #3c3221;
	}
	
	#header {
		width: 940px;
		height: 150px;
	}
		
	#headerContainer {
		width: 940px;
		height: 150px;
		margin: 0 auto;
	}
	
	html {
		overflow-y: scroll;
	}

	#icons2 {
		width: 455px;
		height: 100px;
		background-color: #5a1c3a;
		padding-top: 10px;
	}

	img {
		border: 0;
	}
	
	.italic14 {
		font-size: 14px; 
		font-style: italic;
	}
	
	#left {
		width: 400px;
		margin: 20px 0 0 20px;
		float: left;
	}

	#logo {
		width: 425px;
		height: 150px;
		float: left;
	}
	
	#logos ul li  {
		display: inline;
		padding: 0 18px;
		height: 60px;
	}	
	
	#middle {
		background: url(images/winery_bg_repeatable.jpg) repeat;
		width: 860px;
		height: 500px;
		margin: 0 auto;
	}

	#middleContainer {
		width: 860px;
		margin: 0 auto;
		background: url(images/winery_bg_repeatable.jpg) repeat;
	}

	#navContainer { 
		width: 455px;
		height: 100px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		padding-top: 40px;
		float: right;
	}

	p {
		font-size: 12px;
		color: #2f250a;
	}
	
	.redBold {
		color: #900;
		font-weight: bold;
	}
	
	#right {
		width: 440px;
		margin: 20px 0 0 0;
		float: left;
	}

	#right p {
		margin-left: 20px;
	}

	small a {
		text-decoration: none; 
		display: block; 
		text-align: center; 
		padding-top: 5px;
	}
	
	small a:hover {
		text-decoration: underline;
	}
	
	.standard10 {
		font-size: 10px;
	}
	
	.standard12 {
		font-size: 12px;
	}
	
	.standard14 {
		font-size: 14px;
	}

	#wideContainer {
		background: url(images/bkg_brownTop.png) repeat-x;
	}
	
	#wideFooter {
		background: url(images/bkg_brownBottom.png) repeat-x;
		height: 173px;
	}
	
	#wideHeader {
		width: 960px;
		height: 173px;
		margin: 0 auto;
	}
	
	#wideMiddle {
		background: url(images/bodyGradient.png) repeat-x;
		width: 100%;
	}
