/* CSS Document */

/*	###	Content	###	*/


#pagecontent{
	font: 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}

#pagecontent td {
	font: 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}

#pagecontent h1 {
	font-size: 1.6em;
	border-bottom: 1px solid #efefef;
                     margin-top: 20px;
                     margin-bottom: 10px;
}

#pagecontent h1,h2,h3,h4,h5,h6 {
	color: #545A14;
	padding: 0.2em 0;
}

#pagecontent h2,h3,h4,h5,h6 {
	font-size: 1.3em;
                     margin-top: 15px;
}

#pagecontent p,td {
	padding: 0.5em 0;
	line-height: 1.4em;
}


/*	###	end of Content	###	*/

	
* {
	padding: 0;
	margin: 0;
}

body {
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../images/page_bg.gif) top repeat-x;
	color: #555;
}

h1 {
	font-size: 1.4em;
	border-bottom: 1px solid #efefef;
}

h1,h2,h3,h4,h5,h6 {
	color: #545A14;
	padding: 0.2em 0;
}

h2,h3,h4,h5,h6 {
	font-size: 1.3em;
}

p {
	padding: 0.5em 0;
	line-height: 1.4em;
}

a {
	color: #FF0000;
	text-decoration: underline;
}

a:hover {
	color: #990000;
	text-decoration: none;
}

	a img {
		border: none;
		vertical-align: middle;
	}

ol {
	margin: 0 3em 1em 3em;
}

ul {
	margin: 1em 3em 3em 3em;
}

li {
	margin-bottom: 10px;
}

img.imgLeft {
	float: left;
	padding: 0 0.5em 0.5em 0;
}

img.imgRight, p.imgRight {
	float: right;
	padding: 0 0 0.5em 0.5em;
}

img.imgBorder {
	padding: 0.2em;
	border: 1px solid #efefef;
}

newslettermenu {
    font-family:"Trebuchet MS";
	color:#FFFFFF;
}
	

/* Layout Divs */

#container {
	background: #fff;
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
}

	#header {
		background: url(../images/header-new.jpg);
		height: 210px;
		position: relative;
		z-index: 100;
	}
	
	#headerwine {
		background: url(../images/winesheader.jpg);
		height: 210px;
		position: relative;
		z-index: 100;
	}
	
	
	#headerevents {
		background: url(../images/eventsheader.jpg);
		height: 210px;
		position: relative;
		z-index: 100;
	}
	
	#headercontact {
		background: url(../images/contactheader.jpg);
		height: 210px;
		position: relative;
		z-index: 100;
	}
	
	#headerabout {
		background: url(../images/aboutheader.jpg);
		height: 210px;
		position: relative;
		z-index: 100;
	}
	
	#headerwedding {
		background: url(../images/weddingheader.jpg);
		height: 210px;
		position: relative;
		z-index: 100;
	}
		
/* Navagation code */

		#nav {
			position: absolute;
			left: 70px;
			bottom: 15px;
			font-size: 0.9em;
			z-index: 100;
		}

		#nav, #nav ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			line-height: 1;
		}
		
			#nav a {
				color: #fff;
				display: block;
				width: 8em;
				text-align: center;
				height: 1.5em;
				line-height: 1.5em;
			}
			
			#nav a:hover {	
				text-decoration: underline;
				
			}
		
			#nav li { /* all list items */
				float: left;
				width: 5em;
			}
			
			#nav .long {
				width: 8em;
			}
			
			#nav .longer {
				width: 9em;
			}

			#nav .longest {
				width: 10em;
			}

			#nav .medium {
				width: 6em;
			}

			
			
				#nav li ul { /* second-level lists */
					position: absolute;
					width: 10em;
					left: -999em; 
					background: #9AA056;
					border: 1px solid #efefef;
					border-top: none;
				}
				
					#nav li ul li {
						float: none;
						width: 8em;
					}
					
					#nav li ul a {
						text-align: left;
						text-indent: 1em;					
						width: 14.2em;
						font-size: 0.8em;
						height: 2em;
						line-height: 2em;
					}
				
				#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
					left: auto;
				}
	
	#content {
		margin: 0 240px 0 200px;
		font-size: 0.75em;
		position: relative;
		z-index: 0;
	}
	
	#content2 {
		margin: 0 20px 0 20px;
		font-size: 0.75em;
		position: relative;
		z-index: 0;
	}
	
	#contentNoLeft {
		margin: 0 240px 0 200px;
		font-size: 0.75em;
		position: relative;
		z-index: 0;
		margin-left: 2em;
	}
	
	#contentNoRight {
		margin: 0 240px 0 200px;
		font-size: 0.75em;
		position: relative;
		z-index: 0;
		margin-right: 2em;
	}
	
	#contentFull {
		margin: 0 2em;
		font-size: 0.75em;
		position: relative;
		z-index: 0;
	}
	
	#mailbox {
	    margin: 0 2em;
		font-size: 0.75em;
		position: relative;
		z-index: 0;
	}
	
/* History */

		#history {
				text-align: center;
				font-style: italic;
			}
			
				#history img {
					padding: 0.2em;
					border: 1px solid #efefef;
					margin-bottom: 1em;
				}
	
/* Wine Tasting Notes */

	#contentFull h2, #contentFull h3 {
		clear: both;
	}
		ul.wine {
			list-style: none;
		}
		
			ul.wine li {
				float: left;
			}
			
				ul.wine a {
					display: block;
					width: 14em;
					height: 8.5em;
					border: 1px solid #efefef;
					margin: 0.2em;
					color: #999;
					font-weight: bold;
					background: #f8f8f8;
				}
				
				ul.wine a:hover {
					text-decoration: none;
					border: 1px solid #D48B2F;
					background: #D48B2F;
					color: #fff;
				}
					ul.wine a img {
						float: left;
						padding-right: 0.3em;
					}
				
			#wine dt {
				float: left;
				display: block;
				width: 5em;
				font-weight: bold;
				margin-bottom: 1em;
				padding: 0.2em 0.5em;
				background: #f8f8f8;
				clear: left;
				text-align: right;
			}
			
			#wine dd {
				margin-left: 7em;
				margin-bottom: 1em;
				padding: 0.2em;
			}
		
/* Left Column */
	
	#flashCol {
		background: url(../images/flash_column.jpg);
		width: 185px;
		height: 484px;
		float: left;
		position: relative;
		z-index: 10;
	}
	
	#column {
		background: url(../images/news_bg2.gif) top no-repeat;
		width: 240px;
		float: right;
		font-size: 0.75em;
		
	}
	
	#column2 {
		background: url(../images/news_bg2.gif) top no-repeat;
		width: 340px;
		float: right;
		font-size: 0.75em;
		
	}
	
		
	}

/*	Form Stylin'	*/
			
			#contact_form {	
				padding: 0 0.5em 1em 2em;
				font-size: 0.7em;
				margin:0 1em 0 4em;
				position: relative;
				z-index: 20;
			}
			
						
			#contact_form fieldset {
				padding: 1em;
				border: 1px solid #efefef;
				margin-bottom: 0.5em;
			}
			
			#contact_form fieldset legend {
				padding: 0 0.5em;
				font-size: 1.2em;
				color: #D58B32;
			}
			
			#contact_form fieldset label {
				display: block;
				width: 10em;
				float: left;
				clear: left;
				font-size: 1.2em;
			}
			
			#contact_form fieldset input {
				float: left;
				margin: 0 0 0.5em 0;
				font:1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;
				color: #333;
			}
			
			#contact_form fieldset textarea {
				font:1.2em 'Trebuchet MS', Arial, Helvetica, sans-serif;	
				color: #333;		
			}
			
			#contact_form input.formBtn {
				font-size: 1.2em;
				color: #204896;
			}
	
		#column h2 {
			margin: 4em 0 0 3.5em;
		}
		
		#column p {
			margin: 0 1em 0 4.5em;
		}
		
		#column a.eventsBtn {
			background: url(../images/updates.jpg) bottom;
			width: 194px;
			height: 96px;
			text-indent: -999em;
			display: block;
			float:center;
		}
		
		#column a.eventsBtn:hover {
			background-position: top;
		}
		
	#map {
		position: absolute;
		top: 200px;
		left: 283px;
		z-index: 2;
	}
	
	#footer {
		clear: both;
		background: url(../images/footer_bg.gif) top repeat-x;
		text-align: center;
		font-size: 0.7em;
		margin-top: 1.5em;
	}
	
		#footer p {
			letter-spacing: 0.2em;
			line-height: 3em;
			height: 3em;
		}

/*	Mailbox	*/

#mailboxheader {
    color: #545A14;
    font-size: 16px; 
}

#mailboxtext {
    color: #545A14;
	font-size: 12px; 
}.earlybird {
	font-style: italic;
	color: #FF0000;
}