/* CSS Document */

/*

COLORS:
	Green: #a5c256;
	Orange: #fba642;
	Brown: #875726;
	Gray: #85898A;
	
UNEVEN COLUMNS FIX:
	For two or more side-by-side columns (divs) of unequal heights, the heights
	can be made even by adding a large bottom padding value to force the
	background of the shorter columns beyond the height of the longest column 
	of content. The size of this padding is totally arbitrary. You just need to 
	make sure it's enough to take account of the difference in content between columns.
	
	Therefore, on the left2 and right2 divs, there is a padding-bottom: 2000px;
	
	Then the browser is tricked into thinking the columns are still only as high as 
	the content they contain by applying an equal sized but negative bottom margin. 
	
	So margin-bottom: -2000px; is added to the left2 and right2 divs.
	
	Finally you must add a rule to the div that contains the column divs to hide the 
	overflow created by the padding value. 
	
	This is done by adding overflow: hidden; to the content div.
	
	The result, 2 equal height columns. This can be also done with 3 or even more columns.
	
	There is more work to do if you want to have borders on the bottom of the columns. See
	http://www.ejeliot.com/blog/61 for more info.
	
*/
* {margin:0; padding:0;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#DDD
	/*line-height:16px;*/ 
 	}
	

h1{}
h2{margin-bottom:10px;}
h3{}
h4{}
h5{}
h6{}


.green {color:#a5c256;}
.orange {color:#fba642;}
.brown {color:#875726;}
.gray {color:#85898A;}
.white {color:#FFF;}

.bold {
	font-weight:bold;
}
.myitalic {
	font-style:italic;
}
.centered {
	text-align:center;
}
ul {
	position:relative;
	left:15px;	
}

/*****************main container ***************************/
#wrapper {
	width:780px;
	/*margin:10px auto 0 122px;*/
	margin:10px auto;
	background-color:#FFF;
}

/***************headerbox ***************************/
#indexheaderbox {
	height:209px;
	position: relative;
	width:780px;
	margin: 0px;
	background:#a5c256;
	float:left;
}
#subheaderbox{
	height:150px;
	position: relative;
	width:780px;
	margin: 0px;
	background:#a5c256;
	float:left;
}

#indexheaderbox p{
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	text-align:right;
	margin:30px;
}
		  
#logo {
	/*position: relative;
	top:-2px;*/
	border-top:none;
	border-left:none;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
	
}
		
/****************top nav in headerbox***************************/
			   
#topnav {
	position:absolute;
	top:2px;
	right:2px;
	height:20px;
	width:200px;
	background:#875726;
	color:#fff;
	float:right;
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	border: 1px solid #FFFFFF;
	font-weight: bold;
}

#topnav a:link, #topnav a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#topnav a:hover, #topnav a:active {
	color: #a5c256;
	text-decoration: none;
}
#fruitybar{
	position:absolute;
	bottom:18px;
	left:0px;
}

/****************main menu bar nav in headerbox***************************/	
#menubarnav {
	position:absolute;
	height:18px;
	width:770px;
	bottom:0px;
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	background:#875726;
	color:#ffffff;
	clear: both;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-weight: bold;
}

#navbar1{
	position: relative;
	left:15px;
	display: inline;
}
#navbar2{
	position: relative;
	left:70px;
	display: inline;
}
#navbar3{
	position: relative;
	left:135px;
	display: inline;
}
#navbar4{
	position: relative;
	left:195px;
	display: inline;
}
#navbar5{
	position: relative;
	left:255px;
	display: inline;
}
#navbar6{
	position: relative;
	left:315px;
	display: inline;
}
#navbar7{
	position: relative;
	left:360px;
	display: inline;
}


#menubarnav a:link, #menubarnav a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#menubarnav a:hover, #menubarnav a:active {
	color: #a5c256;
	text-decoration: none;
}
/*************** end headerbox***************************/

/*************** page layout sections ********************/

#content {
	position: relative;
	width:780px;
	margin:10px 0 10px 0; /*background:#00FFFF;*/ 
	float:left;
	overflow: hidden;
}

#content_home {
	position: relative;
	width:780px;
	margin:10px 0 10px 0; /*background:#00FFFF;*/ 
	float:left;
	overflow: hidden;
}

#content2 {
	width:380px;
	margin-left: 185px; 
	margin-bottom:7px;
	padding-top: 10px;
}
			
#oline	 {
	border-bottom: 2px solid #e38d21;
	width: 355px;
	margin-top: 10px; margin-bottom: 10px;
	margin-left: 5px; margin-right: 40px;
}
		  
  
#p2 {
	float:left;
	margin: 0px 0px 0px 0px;
}

			
/****************left side of index page********************/
		
#left {
	position: relative;
	clear:both;
	float:left;
	height:360px;
	width:393px;
	/*display:inline;*/
	padding:3px 3px 3px 0px ;
}

#left img {
	float:left;
	margin-left:10px;
}

#l-image {
	text-align:center;
}


#l-image img {
	border: 4px solid #875726;
	margin: 5px auto 10px auto;
}


#l-txtfooter {
	color:#875726;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
	text-align: left;
	word-spacing: 1px;
	text-align: center;
}

#l-txtfooter  a:link, a:visited {
	color:#875726;
	text-decoration: none;
}

#l-txtfooter  a:hover, a:active {
	color:#fba642;
	text-decoration: none;
}
/****************Right side of index page********************/

#right {
	position: relative;
	float:left;
	padding-left:17px ;
	border-left: 2px solid #875726; 
}
		 
	/******text Right***********/   
	 
#r-subhead2 {
	float:right;
	margin-left: 2px;
	width:340px;
	padding:3px;
}	
	
#featured_img {
	float:left;
	margin:0 4px 10px 10px;
}

#r-txtheader {
	font-size: 14px;
	color:#875726;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
	text-align: left;
	margin-left: 50px;
	margin-bottom: 2px;
	/*margin-top: 10px;*/
	word-spacing: 1px;
}

#r-txtheader a:link, a:visited {
	color:#875726;
	text-decoration: none;
}

#r-txtheader a:hover, a:active {
	color:#fba642;
	text-decoration: none;
}

			/*r-txtsubheader is for april 28th indexpg*/
#r-txtsubheader {
	font-size: 12px;
	color: #666666;
	margin-left: 50px;
	margin-bottom: 5px;
	font-style: italic;
	font-weight: bold;
}
			 		 
.reg {
	font-size: 13px;
	/*line-height: 16px;*/
	margin-bottom:5px;
	font-style: italic;
	font-weight: bold;
 	font-family: Arial, Helvetica, sans-serif; /*"Trebuchet MS", Helvetica, sans-serif;*/
}
				   
.stacked {
	position:relative;
	width:100px;
	left: 20px;
	top:20px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 0 0;
	padding-left:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.r_separator {
	width:300px;
	margin-top: 5px;
	padding-top:5px;
	padding-bottom:10px;
	border-top: 2px solid #fba642;
	text-align: center;
	clear: both;
}

#r_creative {
	width:234px;
	height:15px;
	margin: 0 auto 0 auto;
    text-decoration:none;
}

#r_creative a {
	background:url("images/creative_duo.gif") no-repeat top right;
    text-decoration:none;
}

#r_creative a:hover {
      background-position:100% -16px;
}

#r_bucks {
	position:relative;
	left: -10px;
	width:234px;
	height:15px;
	margin: 0 auto 0 0;
    text-decoration:none;
}

#r_bucks a {
	background:url("images/bucks_duo.gif") no-repeat top right;
    text-decoration:none;
}

#r_bucks a:hover {
      background-position:100% -13px;
}
			  
#r-image{
	text-align:left;
}

#r-image img {
	border: 2px solid #875726;
	margin: 0 0 10px 0;
}	 

/***********right side for all other pages*************/

#content4 {
	width:380px;
	margin-left: 220px; 
	margin-bottom: 5px;
	padding-top: 10px;
}
 
#right2 {
	float:right;
	margin-left: 2px;/*background: #99FF00;*/
	border-left: 2px solid #875726; 
	margin-bottom: -2000px;
 	width:325px;
	padding:20px 20px 2000px 20px;
}	
		  
/*************left side of other pages****************/	
		  
#left2 {
	clear:both;
	float:left;
	margin-bottom:-2000px;
	padding:0 18px 2000px 10px;
	width: 380px;
}	

#gallery {
	overflow: hidden;
}
#gallery #left2 {
	padding-right: 5px;
	width:90px;
}
#gallery #left2  a:link, a:visited {
	color: #fba642;
	text-decoration:none;
}

#gallery #left2  a:hover,  a:active {
	color: #a5c256;
	text-decoration:none;
}

#gallery #right2 {
	float:left;
	width:670px;
	padding:0 0 2000px 0px;
}
iframe{
	float:left;
	padding: 0px;
	margin: 0px;
}
#gallery #right2_top {
	position:relative; 
	/*padding-left: 20px;*/
	padding-top:10px;
	height: 360px;
	left: 0px;
}

#gallery #right2_bottom {
	position:relative; 
	/*width:570px;*/
	left:30px;
}

#thumbs {
	position:relative; 
	top: 10px;
	width:490px;
	margin-left: auto ;
	margin-right: auto ;

}

#thumbs #img {
	position:relative; 
	overflow: auto;
	white-space: no-wrap; /*Don't let the images wrap to the next line*/
	border:0;

}

#thumbs a:link, #thumbs a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#thumbs a:hover, #thumbs a:active {
	color: #fba642;
	text-decoration: none;
}

#iframediv {
	position:relative;
	width:460px;
	height: 360px;
	/*margin-left: auto;
	margin-right: auto;*/
	text-align:center;
	display: table-cell;
    vertical-align: middle;

}

.leftbullet {
	position:relative;
	width:155px; 
	float:left;
}

.rightbullet {
	position:relative;
	width:220px;
	float:right;
}

.centered {
	margin-left: auto ;
	margin-right: auto ;
}

.pseudolink_off {
	cursor:pointer;
}
.pseudolink_on {
	cursor:pointer;
	border: 2px solid;
	border-color: #fba642;
}
/********************text****************************/
		  
#xxx {
	font-size: 16px;
	color:#a9c25b;
	font-weight: bold;
	font-style: italic;  
	line-height: 18px;
	word-spacing: 1px;
	text-align: left;
	margin-left: 50px;
	margin-bottom: 5px;
	padding:0px;
}
#xy {
	font-size: 14px;
	color:#a9c25b;
	font-weight: bold;
	font-style: italic;  
	line-height: 18px;
	word-spacing: 1px;
	text-align: left;
	margin-left: 5px;
	margin-bottom: 5px;
	padding:0px;
}
.basictext {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#85898A;
	font-weight: bold;
	font-style: italic;  
	line-height: 18px;
	word-spacing: 1px;
	text-align: left;
	/*margin-left: 5px;*/
	margin-bottom: 5px;
	padding:0px;
}
	
#xzz {
	font-size: 14px;
	color:#e38d21;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
	word-spacing: 1px;
	text-align: left;
	margin-left: 5px;
	margin-bottom: 5px;
	padding:0px;
}

#y {
	color: #a9c863;
	font-size: 14px;
}

#f {
	color: #85898A;
	font-size: 20px;
	margin-top: 25px; 
	margin-right:20px;
	margin-bottom: 5px;
}
.chefs ul{
	position:relative;
	left:15px;
	color:#a5c256; /* green bullets */
	font-weight:bold;
}
.chefs ul p {
	color:#fba642; /* orange text */
}

/*repeated text fix is to lessen the side and bottom padding */
/*#left, #right {padding:5px;}*/

.nobullet{
	list-style-type: none;
}

.toppad5 {
	padding-top:5px;
}
.toppad10 {
	padding-top:10px;
}

/**********************Footer**********************/
 
 #footer {
 	position:relative;
	margin-top: 0px;
	height: 21px;
	width: 780px;
	clear: both;
}
#copyright{
	text-align:right;
	font-size:10px;
	font-weight:bold;
	color:#fba642;
	
}
#copyright a:link, a:visited, a:hover,  a:active  {
	color:#fba642;
	text-decoration: none;
}