html{
	height: 100%;
	text-align:center;
	padding:0;
}

body {
	height: 100%;
	padding:0;
	text-align:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	background-color: #1f1810;
}

A { outline: none; }

div.clearer {

	clear: both; 
	line-height: 0px; 
	height: 0px;
	font: normal 0px "Helvetica", "Arial"; 
	margin: 0px;
	padding: 0px;
	border: 0px solid black;

}

#mainContainer {

	width: 954px; 
	min-height: 710px; 
	margin: 15px auto 0px 25px;
	text-align: left;

}

#topMenuContainer {

	height: 15px;
	padding-top: 8px; 
	text-align: right;
	color: #966738;
	font: normal 8px Arial;
	letter-spacing: 1px;

}

#topMenuContainer A { color: #966738; text-decoration: none; }
#topMenuContainer A:hover { color: #bd8f61; text-decoration: none; }
#topMenuContainer A.active { color: #bd8f61; text-decoration: none; }

#logoContainer {

	margin-left: 0px;
	 width: 260px; 
	 height: 108px; 
	 position: absolute; 
	 z-index: 999;
	 background: url(../images/Logo.gif) no-repeat;
	 background-position: -1px center;
	 background-color: #f5f6f7;
	 text-indent: -99999px;

}

#logoContainer A{

	width: 100%;
	height: 100%;
	display: block;
	outline: none;


}

#mainMenuContainer {

	 margin-left: 260px; 
	 height: 33px; 

}

#mainContentContainer {

	 height: 462px; 
	 margin-bottom: 8px;

}

#levelOneContentContainer {

	 min-height: 607px; 
	 background: url(../images/levelone_bg.jpg);
	 background-position: center center;

}

#levelOneSubnav {

	width: 260px; 
	float: left; 
	min-height: 400px; 
	padding-top: 75px;

}

.levelOneSubnavContainer {

	/*background-color: #998975;*/ 
	background-color: #998975;
	opacity: .9; 
	text-align: center; 
	font: normal 11px Georgia;
	letter-spacing: .5px; 
	padding-top: 5px;
	line-height: 18px;

}

.perpetua-nav A { display: inline; }

.levelOneSubnavContainer A {

	/*display: block;*/
	text-decoration: none;
	color: #422e19;

}

.levelOneSubnavContainer A.top {

	font-size: 10px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #FFFFFF;

}

.levelOneSubnavContainer A:hover {

	text-decoration: none;
	color: #2a1909;

}

.levelOneSubnavContainer A.active {

	text-decoration: none;
	color: #2a1909;

}

#purchaseButton {

	width: 260px;
	height: 48px;
	text-indent: -99999px;
	background: url(../images/purchase_button.gif) no-repeat;

}

#purchaseButton:hover {

	background-position: 0 -52px;

}

#purchaseButton.active {

	background-position: 0 -52px;

}

#purchaseButton A {

	width: 100%;
	height: 100%;
	display: block;
	outline: none;

}

.levelOneContent {

	 float: left; 
	 /*background-color: #efeee5; */
	 min-height: 550px; 
	 width: 522px; 
	 /*opacity: .9;*/
	 background: url(../images/cream.png); 

}

.levelOneContent .inner {

	padding: 30px 25px; 
	font: normal 11px Georgia; 
	line-height: 18px;

}

.levelOneSidebar {

	 float: left; 
	 background-color: #efeee5; 
	 width: 160px;
	 min-height: 570px;  
	 opacity: .9;

}

.levelOneSidebar .inner {

	padding: 60px 25px; 
	font: normal 10px Arial; 
	line-height: 12px;

}

.levelOneSidebar .inner P {

padding: 0px;
margin: 5px 0px;

}

.levelOneSidebar .inner A:visited {

	color: #45290f; 

}

.levelOneSidebar .inner A:hover {

	color: #000; 

}

.levelOneSidebar .inner A {

	text-decoration: none;
	color: #45290f; 

}

.levelOneSidebar .inner A.active {

	text-decoration: none;
	color: #000; 

}

/**/

.levelOneContent .inner A:visited {

	text-decoration: none;
	color: #661629; 

}

.levelOneContent .inner A:hover {

	text-decoration: underline;
	color: #661629; 

}

.levelOneContent .inner A {

	text-decoration: none;
	color: #661629; 

}

.levelOneContent .inner .head {

	font: bold 13px Georgia; 
	letter-spacing: .2px;
	color: #45290f; 
	margin-bottom: 15px;

}

.levelOneContent .inner .subhead {

	font: italic 11px Georgia; 
	color: #45290f; 
	margin-bottom: 10px;
	margin-top: -10px;

}

.levelOneContent .inner .callout {

	font: normal 16px Georgia; 
	color: #5a5a5a; 
	line-height: 26px;

}

.levelOneContent .inner .subCaps {

	font: bold 11px Georgia; 
	display: block;
	margin-bottom: 2px;
	color: #5a5a5a; 
	line-height: 16px;

}

.levelOneContent .inner HR {

	/*margin: 15px 0px;
	color: #45290f; */
	
	border-color: #45290f;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 10px 0;
	height: 0;


}

.levelOneContent .inner .left {

	float: left; 
	width: 45%; 
	font-family: Arial; 
	line-height: 11px;
	margin-top: -5px;
	font-size: 9px;

}

.levelOneContent .inner .left P { margin: 5px 0px; }
.levelOneContent .inner .right P { margin: 5px 0px; }

.levelOneContent .inner .right {

	float: left; 
	width: 45%; 
	margin-left: 5%; 
	margin-right: 5%; 
	font-family: Arial; 
	line-height: 11px;
	margin-top: -5px;
	font-size: 9px;

}

.san-serif { font: normal 9px Arial; }

#footContentContainer {

	 height: 137px; 

}

.footerContentBlock {

	 width: 260px; 
	 height: 137px; 
	 margin-right: 6px; 
	 float: left;
	 cursor: pointer;

}

.footerContentBlock .head {

	font: bold 10px Georgia;
	letter-spacing: 1px;
	color: #381d0b;
	padding: 5px 9px;
	background-color: #bbab98;
	cursor: pointer;


}

.footerContentBlock .head:hover {

	background-color: #816e59;

}

.footerContentSpan {

	 width: 422px; 
	 height: 137px; 
	 float: left;
	 background-color: #bbab98; 

}

.footerContentSpan .inner {

	 width: 210px; 
	 height: 137px; 
	 border-right: 1px dotted black; 
	 float: left;

}

.footerContentSpan .inner .content {

	padding: 15px;
	font: normal 10px Arial;
	line-height: 14px;
	color: #444444;
	cursor: pointer;

}

.footerContentSpan .inner .head {

	font: bold 10px Georgia;
	letter-spacing: 1px;
	margin-bottom: 5px;
	color: #381d0b;
	
}

.footerContentSpan .inner .content:hover {

	color: #381d0b;

}

#footerMenuContainer {

	padding-top: 10px;
	 height: 38px; 

}

#footerMenuContainer .left {

	width: 50%;
	float: left;
	font: normal 10px Arial;
	color: #666;

}

#footerMenuContainer .right {

	width: 50%;
	float: left;
	text-align: right;
	font: normal 10px Arial;
	color: #666;

}

#footerMenuContainer A { color: #444444; text-decoration: none; }
#footerMenuContainer A:hover { color: #999999; text-decoration: none; }
#footerMenuContainer A.active { color: #999999; text-decoration: none; }

.main { text-indent: -9999px; }

#artisanal { background: url(../images/main_menu/artisanal_wines.gif) no-repeat; }
#artisanal-active { background: url(../images/main_menu/artisanal_wines.gif) no-repeat; background-position: 0 -33px; }

#organic { background: url(../images/main_menu/organic_vineyards.gif) no-repeat; }
#organic-active { background: url(../images/main_menu/organic_vineyards.gif) no-repeat; background-position: 0 -33px; }

#culinary { background: url(../images/main_menu/culinary_garden.gif) no-repeat; }
#culinary-active { background: url(../images/main_menu/culinary_garden.gif) no-repeat; background-position: 0 -33px; }

#farm { background: url(../images/main_menu/farm_log.gif) no-repeat; }
#farm-active { background: url(../images/main_menu/farm_log.gif) no-repeat; background-position: 0 -33px; }

.subMain, .subMain-active {

	border-top: 1px dotted #1f1810;
	background-color: #bbab8f;

}

.subMain A, .subMain-active A {

	font-size: 10px;
	width: 100%;
	padding: 4px 0px 3px 0px;
	text-align: center;
	display: block;
	cursor: pointer;
	color: #371f07;
	letter-spacing: 1px;

}

.subMain:hover { background-color: #998975; color: #371f07; }
.subMain A:hover, .subMain-active A:hover { color: #371f07; }
.subMain-active { background-color: #998975; color: #371f07; }
.subMain-active A { color: #FFFFFF; }
.subMain-active A:hover { color: #FFFFFF; }

A.more { visibility: hidden; text-decoration: none; color: #381d0b; font-style: italic;  }

.photoTile {

	width: 140px; 
	height: 120px; 
	float: left; 
	margin-right: 15px;
	font: normal 9px Arial;
	color: #666;

}

#photoRule { margin-right: 25px; }

.photoTile IMG { margin-bottom: 5px; }
.photoTile A IMG { border: none; cursor: pointer; }


.siteMap { 

	width: 50%;
	float: left;
	color: #666;

}

UL { margin: 10px; padding: 0px; list-style: disc; margin-bottom: 10px; }

#toggle {

	margin-top: auto; 
	background: #111; 
	color: #999; 
	font-size: 9px; 
	padding: 5px; 
	top: auto; 
	right: auto; 
	opacity: .7; 
	line-height: 9px; 
	position: relative; 
	float: right; 
	top: 588px; 
	cursor: pointer;

}

#toggle:hover { color: #CCC; }


.siteMap UL { margin: 0px; padding: 0px; list-style: none; margin-bottom: 10px; }
.siteMap UL UL { margin: 0px; padding: 0px; list-style: none; margin-bottom: 0px; }
.siteMap UL UL UL { margin: 0px; padding-left: 15px; list-style: none; font-style: italic; margin-bottom: 0px; }

.levelOneContent .inner .siteMap A:hover { color: #666; text-decoration: underline; }
.levelOneContent .inner .siteMap A { color: #666; text-decoration: none; }

.purchase-button { width: 98px; height: 107px; background: url(../purchase/images/purchase_button.png) no-repeat; text-indent: -9999px; }
.purchase-button:hover { background-position: 0 -104px; }
.purchase-button A { width: 100%; height: 100%; display: block; cursor: pointer; outline: none; }

.join-button { width: 98px; height: 107px; background: url(../list/images/join_button.png) no-repeat; text-indent: -9999px; }
.join-button:hover { background-position: 0 -104px; }
.join-button A { width: 100%; height: 100%; display: block; cursor: pointer; outline: none; }