@charset "utf-8";
/* CSS Document by Myoung Hong*/

body {
	margin: 0 auto;
	background-color: #E8D9A9;
}
A:link {text-decoration: underline; color:#000;}
A:visited {text-decoration: underline; color:#000;}
A:active {text-decoration: underline; color:#000;}
A:hover {text-decoration: underline; color: #000;}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
#header {
	position: relative;
	background: url(images/header.jpg) top left no-repeat;
	height: 120px;
}
.printer {
	position: absolute;
	bottom: 5px;
	right: 15px;
}
#content {
	background-color: #f7f2e3;
}
#topContent {
	background-color:#f7f2e3;
	padding-top: 20px;
}
#mainNav {
	float: left;
	width: 260px;
	height: 357px;	
	background:url(images/navBG.jpg) top right no-repeat;
	background-color:#f7f2e3;
}
#menu {
	height:132px; 
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8e6a4b;
	width: 200px;
	margin-left: 80px;
	margin-top: 115px;
}

#mainNavButtons ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px;}

#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {display:block; line-height:22px; text-decoration:none;padding:0 10px 0 15px; color: #8e6a4b;} 

#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}
#menu ul.flyout {
	background:transparent  url(images/opaque.png);	
}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:transparent  url(images/opaque.png); color:#F8981D;} 
#menu li:hover > a {background:transparent  url(images/opaque.png); color:#F8981D;}
#menu li a.fly {background: url(images/bullet.png) no-repeat left top ;}
#menu li a.fly:hover {background:transparent  url(images/opaque.png);} 
#menu li:hover > a.fly {background:transparent  url(images/opaque.png);}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

#flashPromo {
	float: right;
	width: 640px;
	height: 357px;
	background:url(images/flashTemplate.jpg) top left no-repeat;
	background-color:#f7f2e3;
}
#bottomContent {
	float: left;
	margin: 0;
	padding-top: 20px;
	background-color:#f7f2e3;
}
#wheatPic {
	float: left;
	width: 210px;
	background-color:#f7f2e3;
	padding-left: 40px;
}
#benefits {
	float: right;
	width: 650px;
	background-color:#f7f2e3;
}
#benefitsLeft {
	float: left;
	width: 325px;
	background-color:#f7f2e3;
}
#benefitsRight {
	float: right;
	width: 325px;
	background-color:#f7f2e3;
}
#benefits h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #F8981D;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}
#benefits p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding-bottom: 10px;
	margin-left: 15px;
	margin-right: 25px;
	color: #8F8E8E;
}
#secondContent {
	position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 10px;
	background: url(images/secondContent.jpg) top left no-repeat;
	background-color: #faf4e8;
	width: 900px;
	height: 110px;
}
#testimonials {
	float: left;
	width: 510px;
	padding-top: 40px;
}
#quoteBegin {
	position: absolute;
	top: 30px;
	left: 7px;
}
#quoteEnd {
	position: absolute;
	top: 65px;
	left: 480px;
}
#testimonials p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #42210B;
	margin: 0px;
	padding: 0px;
	padding-left: 33px;
	padding-right: 30px;
}
#communityLinks {
	float: right;
	widht: 390px;
	padding-top: 40px;
}
#socialLinks {
	float: left;
	width: 130px;
}
#socialLinks p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	color: #42210B;
}
#emailSignup {
	float: right;
	width: 260px;
}
#emailSignup p {
	margin: 0px;
	padding: 0px;
	padding-left: 18px;
	font-size: 10px;
	color: #42210B;
}
.signupButton img {
	border:none;	
}
.signupButton {
	width: 45px;
	position: absolute;
	right: 35px;
	bottom: 20px;
}
a.readmore {
	color: #F8981D;
	font-weight: bold;
	text-decoration: none;
}
a.readmore:hover {
	text-decoration: underline;	
}
#clear {
	clear: both;	
}
#footer {
	margin-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CD9B5A;
}
#footer a:link {
	color: #F8981D;
	text-decoration: none;
}
#footer a:visited {
	color: #F8981D;
}