
body{
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#58595b;
}

a, a:active {
	text-decoration:none;
	font-weight:bold;
	color:#91aa47;
}

a:hover {
	text-decoration:underline;	
	color:#6e8137;
}

p{
	line-height:150%;
}

h1, h2, h3{
	color:#6d8c24
}

h1{
	font-size:20px;
	margin-bottom:10px;
}

h2{
	font-size:16px;
	margin-bottom:10px;
}

h3{
	font-size:15px;
	font-weight:bold;
	margin-bottom:8px;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

#wrapper{
	width:775px;
	margin:0 auto;
}

#header{
	width:775px;
	clear:both;
}

	#earthsown{
		float:left;
		margin:5px 0 14px 53px;
	}
	
	#headerlinks{
		font-size:11px;
		float:right;
		text-align:right;
		line-height:150%;
		margin:34px 25px 0 0;
	}
	
		#headerlinks a{
			color:#58595b;	
		}
	
		#headerlinks #language{
			font-size:12px;
			color: #315aa4;
		}

#footer{
	width:775px;
	clear:both;
}

#footerlinks{
	font-size:10px;
	float:left;
	text-align:left;
	line-height:150%;
	margin:34px 0 0 20px;
}
	
#footerlinks a{
	color:#58595b;	
	text-decoration: underline;
	font-weight: normal;
}



#nav{
	width:775px;
	height:181px;
	background:url(../images/logo-ryza.jpg) top left no-repeat;
	clear:both;
}

	#homelink{
		width:270px;
		height:150px;
		margin-left:33px;
	}
	
	#navContainer{
		margin-left:159px;
		margin-top:10px;
		font-size:12px;
	}
	
	.nav1{
		color:#c7c8ca;
	}
	
	.nav1.active, .nav1:hover{
		color:#58595b;
		text-decoration:none;
	}
	
	.nav2{
		color:#ccad89;
	}
	
	.nav2.active, .nav2:hover{
		color:#8a5d3b;
		text-decoration:none;
	}
	
	.nav3{
		color:#e89f9f;
	}
	
	.nav3.active, .nav3:hover{
		color:#c8252c;
		text-decoration:none;
	}

#col1{
	float:left;
	width:180px;
	margin:20px 0;
	padding:0 0 0 20px;
}

	.bg1{
		background:url(../images/background1.jpg) top left no-repeat;	
	}
	
	.bg2{
		background:url(../images/background2.jpg) top left no-repeat;	
	}
	
	.bg3{
		background:url(../images/background3.jpg) top left no-repeat;	
	}

	#newsletter {
		margin-top:330px;	
	}

	#newsletter p{
		font-size:11px;
		color:#929497;
	}
	
	#newsletter input{
		background-color:#f1f1f2;
		border:#a9abad 1px solid;
		margin-bottom:5px;
	}

	#contestFormCont {
		margin-top: 10px;
	}
	
	#contestFormCont p{
		font-size:11px;
		color:#929497;
		text-align: center;
	}

	#formResult {
		display: none;
		color: #c8252c;
		text-align: center;
		background-color: #E89F9F;
		font-size: 12px;
		border: 1px solid #C8252C;
		padding: 10px;
		margin-bottom: 15px;
		width: 250px;
	}
	
	.validEntry{
		border: 1px solid #6D8C24;
		background-color: #C7C8CA;
	}	
	
	.contestFormContTextElement {
		text-align: center;
	}

	.contestFormContTextElement input {
		width: 220px;
	}
	
	.contestFormContCheckElement {
		margin-bottom: 10px;
		margin-left: 60px;
		text-align: left;
		color:#929497;
	}	

	.contestFormContCheckElement input {		
		background-color:#ecf0e0;
		border:#6D8C24 1px solid;
		margin-right: 7px;
	}
	
	#contestFormCont input{
		background-color:#ecf0e0;
		border:#6D8C24 1px solid;
		margin-bottom:0px;
	}

	
	#newsletter .submitButton{
		border:none;
		margin-top:10px;
	}
	
	#social, #contacts {
		border-top:#adbf75 1px solid;
		padding-top:5px;
		margin-top:10px;
	}
	
	#contacts p{
		font-size:12px;
		color:#58595b;
	}

	#contacts p a{
		font-size:12px;
		color:#58595b;
		font-weight:normal;
	}

#col2{
	float:left;
	width:334px;
	margin:20px 0;
	padding:0 20px;
	border-right:#91aa47 2px solid;
	font-size:12px;
	line-height:150%;
}

	#subnav{
		text-align:right;
		margin-bottom:20px;
	}
	
	.subnav.active, .subnav:hover{
		color:#58595b;
		text-decoration:none;
	}
	

	#search{
		background-color:#91aa47;
		height:20px;
		padding:4px;
		margin: 0 0 24px 10px;
	}
	
	.searchtext{
		background-color:#f1f1f2;
		border: 1px solid #b9c0a9;
		float:left;
	}
	
	.searchbutton{
		
	}
	
	.brown{
		color:#996633;
	}

	.bgbargreen{
		padding-top:7px;
		background:url(../images/bg_bar_green.gif) top left no-repeat;
		margin-bottom:20px;
	}
	
	.bgbarbrown{
		padding-top:7px;
		background:url(../images/bg_bar_brown.gif) top left no-repeat;
		margin-bottom:20px;
	}
	
	.percent50_l{
		width:47%;
		float:left;
	}

	.percent50_r{
		width:47%;
		float:left;
		margin-left:6%;
	}
	
	.ingredients{
		font-size:10px;
		color:#58595b;
		line-height:115%;
	}
	
	.squares{
		width: 350px;
		height:350px;
		clear:all;
	}

	.squares_recipes{
		width: 350px;
		height:175px;
		clear:all;
	}
	
	.square {
		position:relative;
		text-indent:-9000px;
		width: 171px;
		height:171px;
		float:left;
	}
	
	.wholegrains16sq{
		background:url(../images/16g_square.jpg) top left no-repeat;
	}
	
	.milksq{
		background:url(../images/milk_square.jpg) top left no-repeat;
	}
	
	.janetsq{
		background:url(../images/janet_square.jpg) top left no-repeat;
	}
	
	.facebooksq{
		background:url(../images/facebook_square.jpg) top left no-repeat;
	}
	
	.wholegrainsq{
		background:url(../images/wholegrain_square.jpg) top left no-repeat;
	}
	
	.blanksq{
		background:url(../images/blank_square.jpg) top left no-repeat;
	}
	
	.ricesq{
		background:url(../images/rice_square.jpg) top left no-repeat;
	}
	
	.onesq{
		margin:0 8px 8px 0;
	}
	
	.twosq{
		margin:0 0 8px 0;
	}
	
	.threesq{
		margin:0 8px 0 0;
	}
	
#col3{
	float:left;
	width:140px;
	margin:20px 0;
	padding:0 39px 0 20px;
}
	
	.callout{
		margin-bottom:20px;
	}
	
	#col3 img{
		margin-bottom:10px;
	}

	#col3 p{
		font-size:12px;
		padding-bottom:10px;
	}
	
	#col3 #janet{
		margin-bottom:40px;	
	}

.accordionButton {
	width: 100%;	
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	margin-bottom: 15px;
	}
	
.accordionContent {	
	margin-bottom: 15px;
	width: 100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	}	