/*-------------------------------------
Idaho Preferred base.css file
updated: 8/2/2011
-------------------------------------*/

/* Import CSS Files */
@import url(reset.css); 
@import url(nav.css); 


@media screen { 
body {
	min-height: 960px;
	color: #444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #142c49 url(/images/cssimg/bg-html.jpg) no-repeat center top;
	margin:0;
	padding:0;
}


#wrapper {
	width: 960px;
	z-index: 1;
	position: relative;
	margin:10px auto;
	font-size:12px;
	color: #444;
	position:relative; 
	text-align:left;
}

#header {
	height: 470px;
	background:  url(/images/cssimg/bg-header.jpg) repeat-x left top;
	width:100%;
	position:relative;
	background:url(/images/cssimg/bg-header.jpg) no-repeat left top;	
	z-index: 20;
}


#logo {
	position: absolute;
	top: 10px;
	left:60px;
	width: 90px;
	height: 62px;
}

#phone{
	position: absolute;
	top: 32px;
	right:0px;
	width: 130px;
	height: 40px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	vertical-align:center;
	line-height:40px;
	
}

#nav-primary{
	position:absolute;
	top:25px;
	left:180px;
	border-bottom:1px solid #f3ede3;
	float:left;
	z-index:1000;

}


/* =content 
--------------------------------------------------*/

a#btn-find-local-products{
	position:absolute;
	z-index:9;
	top:432px;
	left:580px;
	height:27px;
	background: url(/images/cssimg/btn-findlocalproducts.gif) no-repeat center 0px;
	width:190px;
	
	
}
a#btn-find-local-products:hover{
	
	background: url(/images/cssimg/btn-findlocalproducts.gif) no-repeat center -27px;	
}

a#btn-find-local-products span{
	display:none;
}


#crate{
	
	position:absolute;
	top:350px;
	left:730px;
	z-index:10;
	width:227px;
	height:180px;
}


#whats-in-season{
	width:226px;
	height:340px;
	position:absolute;
	top:170px;
	left:35px;
	z-index:9;
	background: url(/images/cssimg/bg-whats-in-season.png) no-repeat left top;	
	font-family: 'The Girl Next Door', cursive;	
	font-size:14px;
}

#whats-in-season h3{
	position:absolute;
	top:60px;
	left:35px;
	color:#B5885C;
	font-size: 14px;
	font-family: 'The Girl Next Door', cursive;
	display:none;
}

#whats-in-season p{
	position:absolute;
	top:60px;
	left:35px;
	color:#fff;
	width:130px;
	
}

/*

#find-local-products{
	height:80px;
	
}


*/



#content {
	background: #fff url(../images/cssimg/bg-sidebar.gif) repeat-y right top;
	padding-bottom:50px;
}

#col-primary{
		width:570px;
		padding:40px 30px 30px 30px;
		float:left;
		
}


body#blog #col-primary{
		width:890px;
		padding:10px 30px 30px 30px;
		float:left;
		border-right: none;
		
}

#col-secondary{
		width:300px;
		float:right;
		text-align:center;
		padding: 50px 20px 0px 0px;
}


#member-success-stories{
	text-align:left;
	line-height:1.5em;
	
	font-size:11px;
	color: #897a60;
	background: url(/images/cssimg/bg-member-sucess.png) repeat-x left top;	
	width:280px;
	margin:10px auto;
}

#member-success-stories h2{
	font-size: 1.4em;
	color: #897a60;
	text-align:center;
	background:#D9D5D0;
	border-bottom: 1px solid #faf8f2;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	height: 30px;
	vertical-align:middle;
	line-height:30px;
	margin:0;
	padding:0;
	filter:alpha(opacity=60);/* for IE */
	opacity:0.6; /* CSS3 standard */
}


#member-success-stories p{
	padding: 10px;	
}


#upcoming-events{
	border-top:5px solid #ccc;
	border-bottom:3px solid #ccc;
	padding:20px 0;
	width:280px;
}

#upcoming-events h3{
	padding-bottom:10px;	
}

#upcoming-events ul{
	padding-left: 0;
	margin: 0 auto;
	width: 260px;
}

#upcoming-events ul li{
	list-style: none;
	margin: 0;
	padding: 0.5em;
	border-top: 1px dotted #ebebeb;
}

#upcoming-events ul li a { 
	text-decoration: none; 
	}

a#btn-view-calendar{
	width:200px;
	height:160px;
	background: url(/images/cssimg/btn-view-calendar.png) no-repeat center center;	
	display:block;
	margin: 0 auto;
}

a#btn-view-calendar span{
	display:none;
}

a#btn-recipe-repository{
	width:180px;
	height:140px;
	background: url(/images/cssimg/btn-recipe-repository.png) no-repeat center center;	
	display:block;
		margin: 0 auto;
	
}


a#btn-recipe-repository span{
	display:none;
}

a#btn-nursery-products{
	width:200px;
	height:160px;
	background: url(/images/cssimg/btn-nursery-products.png) no-repeat center center;	
	display:block;
	margin: 0 auto;
}

a#btn-news{
	width:200px;
	height:160px;
	background: url(/images/cssimg/web-news.png) no-repeat center center;	
	display:block;
	margin: 0 auto;
	visibility:visible;
}

a#btn-news span{
	visibility: hidden;
}


a#btn-nursery-products span{
	display:none;
}


a#btn-producer-map{
	width:174px;
	height:250px;
	background: url(/images/site/maps/btn-producer-map.png) no-repeat center top;
	display:block;
	margin: 0 auto;
	position:relative;
}


/* different producer maps 

Note: swapping image with body class and link with jquery. 

*/


body.wines a#btn-producer-map{
	background: url(/images/site/maps/btn-wine-map.png) no-repeat center top;
}

body.nurseries a#btn-producer-map{
	background: url(/images/site/maps/btn-nurseries-map.png) no-repeat center top;
}
body.farmersmarkets a#btn-producer-map{
	background: url(/images/site/maps/btn-farmersmarkets-map.png) no-repeat center top;
}
body.retailers a#btn-producer-map{
	background: url(/images/site/maps/btn-retailers-map.png) no-repeat center top;
}

body.restaurants a#btn-producer-map{
	background: url(/images/site/maps/btn-retailers-map.png) no-repeat center top;
}

body.farmtoschool a#btn-producer-map{
	background: url(/images/site/maps/btn-school-map.png) no-repeat center top;
}



a#btn-producer-map span{
	display:none;
}




.otheridahoproducts{
	border-top:1px dotted #ebebeb;
	padding:20px 10px;	
}


/* Photo Captions */

div.photo-caption {
	margin: 0 10px 10px 10px;
	padding: 10px;
	background-color: #888;
	overflow: hidden;	
}
	div.photo-caption span {
		clear: both;
		display: block;
		text-align: left;
		color: #FFF;
		padding: 6px 0 0 0;
		font: 11px/1.4em Arial, sans-serif;
	}
	
/* generics
--------------------------------------------*/

.floatleft{
	float:left;
}

.floatright{
	float:right;
}


.clearboth { 
	clear: both; 
}

.hide { 
	display: none; 
}

.show { 
	display: block; 
}

/* 	=text
---------------------------------------------------------------*/

p {
  margin:.5em .5em 1em 1em;
  line-height:1.7em;
  }


h1, h2, h3, h4, h5 {
	
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
	color: #700044;
	font-size: 1.8em;
	letter-spacing: 1px;
	border-bottom:1px dotted #ccc;
	margin: 1em 0em .5em 0em;
	padding-left:30px;
	padding-bottom:6px;
	background: url(/images/cssimg/header-branch.gif) center left no-repeat;
}

h1 img{
	float:left;
}


#copyright h1{
	border:0;	
}

h2 {
	color: #8D834A;
	margin: 1em 0em .5em 0em;
	font: 1.7em;
	
}

h2.member-additional-h2 {
	color: #333300;
	font-weight: bold;
}



h3 {
	color: #663C3D;
	font: 1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:5px;
}

h4 {
	font-size: 1.1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color: #555;
	}
	
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

strong{
	font-weight:bold;	
}


a img{
	border:none;
	display:block; /* need this for firefox */
}




/* links 
--------------------------------------------------*/

a:link, a:visited{
	color: #06f;
	text-decoration: none;
	
}

a:hover, a:active	/* Netscape 4 ignores hover and active states */ {
	color: #960;
	text-decoration:none;
	
	}
	
a.linkexternal, a.externallink{
	padding-right: 12px;
	background: url(/images/site/arrow_external.gif) no-repeat right center;	

}

a.linkpdf, a.pdflink{
	padding-left: 20px;
	background: url(/images/site/icon_pdf_sm.gif) no-repeat left center;	
}

a.linkword{
	padding-left: 20px;
	background: url(/images/site/icon_word_sm.gif) no-repeat left center;	
}


a.linkexcel{
padding-left: 20px;
	background: url(/images/site/icon_excel_sm.gif) no-repeat left center;	

}	

/* tables
-------------------------------------------------*/
.tbldata{
	border-top: 1px solid #48312C;
	border-left: 1px solid #48312C;
	border-collapse:collapse;
	margin:.5em;
}

.tbldata td{
	border-right: 1px solid #48312C;
	border-bottom: 1px solid #48312C;
	padding: 5px;
	color: #333;
}

.tbldata th{
	border-right: 1px solid #48312C;
	border-bottom: 1px solid #48312C;
	padding: 5px;
	color: #fff;
	background: #48312C;
}

.tblplain{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse:collapse;
	margin:.5em;
	background:#fff;
}

.tblplain td, .tblplain th{
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 5px;
	color: #333;
}


.highlight{
	background: url(../images/cssimg/bg-highlight.jpg) repeat-x;
	padding: 20px 10px;
}



dl{
	margin:12px;

}

dt{
	color: #909679;
	font-size: 140%;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

dt span { /* date styles */
	/*border-right: 1px solid #BB9955;*/
	padding-right: 5px;
	margin-right: 5px;
	color: #336;
}


ol{
	list-style: decimal inside;	
	margin-left:1em;	
	
}

ul{
	margin-left:1em;	
}

#col-primary ul{
	list-style: disc inside;
}

#col-primary .member-list-view ul{
	list-style-type:none;	
}


		
f
/* Sidebar 1 Show Calendar (Hide Nursery Products)
--------------------------------------------------------- */

body.sidebar1{
}
body.sidebar2{
}

body.sidebar3{
}


body.sidebar1 a#btn-nursery-products{
	display:none;	
}


/* Sidebar 2  Show Nursery Products (Hide Calendar)
--------------------------------------------------------- */

body.sidebar2 a#btn-view-calendar{
	display:none;	
}



/* Sidebar 3 Hide both calendar and nursery products
--------------------------------------------------------- */

body.sidebar3 a#btn-view-calendar{
	display:none;	
}

body.sidebar3 a#btn-nursery-products{
	display:none;	
}


#newsletter{
	width:300px;
	height:300px;
}




#flashslideshow{
	position:absolute;
	top:80px;
	left:130px;
	height:350px;
	width:850px;
	background:url(/images/cssimg/frame-main-image.png) no-repeat center top;	
	
}

#main-frame{
	position:absolute;
	top:80px;
	left:60px;
	height:350px;
	width:850px;
	z-index:4;
	background:url(/images/cssimg/frame-main-image.png) no-repeat center top;	
	
}

#slideshow  {
	position:relative;
	top:38px;
	left:38px;
	z-index: 5;
	width:770px;
	height:260px;
}




#nav-secondary {
	position: absolute;
	top: 43px;
	left:670px;
	width:130px;
	height:18px;
	
}

#nav-secondary a{
	
}

/* =search
------------------------------------------ */
#search {
	position: absolute;
	top: 24px;
	left: 730px;
	width:170px;
	height:30px;
	
}


#search label {
	display: none;
}

div.search-box .cat_button{
	float:right;	
}

div.search-box .cat_textbox_small{
	float:left;	
}

/* */


.txtKeyword {
	margin: 6px 0;
	width: 120px;
	padding: 4px 22px 4px 10px;
	border: 1px solid #382b1e;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
        position:absolute;
        top:2px;
        left:0px;
	background: #382b1e;
	color: #947a5f;

}
#lblKeyword {
	display: none;
}
#btnSearch {
	position: absolute;
	right: 24px;
	top: 11px;
}




/* =footer 
------------------------------------------*/

#footer {
	width:960px;
	padding:20px 0 0 0;
	margin:0 auto;
	position:relative;
	clear:both;
	background:#FEFAF2 url(/images/cssimg/bg-footer.gif) no-repeat center top;	
	font-size:11px;
}

* html #footer {
    height:1px;
}


/*

#address-container {
	position:absolute;
	left:20px;
	top:40px;
	width:860px;
	height:40px;
	line-height:30px;
	vertical-align:middle;
	
}

address {
	float:left;
	padding-left:10px;
	font-style:normal;
}

*/

#copyright {
	margin-top:50px;
	line-height:1.4em;
	position:relative;
}



#footer-bottom{
	height:20px;
	width:960px;
	clear:both;	
}


#footer-secondary{
	width:310px;
	float:right;
	background: url(/images/cssimg/bg-contact.jpg) repeat-y left center;
	padding:0px 10px 10px 10px;
	
}

#contact{
	position: relative;
	left:370px;
	top:40px;
}

#logo-small{
	position:absolute;
	top:40px;
	left:400px;
}
	
#nav-footer {
	float:left;
	width: 610px;
	margin-left:10px;
	}
	

#nav-footer ul {
	    margin: 0;
	    padding: 0;
	}


#nav-footer ul.column {
	float: left;
	width: 150px;
	}
	
#nav-footer li {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	font: normal 10px/1.5em 'lucida grande', tahoma, sans-serif;
	list-style-position: outside;
	
	}
	
#nav-footer li a {
	font-weight: bold;
	color: #A19E95;
	text-decoration: none;
	clear: both;
	display:block;
	padding: 3px 0;
	float:left;
	clear:left; /* ie 7 hack */
	}
	

		
#nav-footer li a:hover {
	text-decoration: underline;
	color: #000;
	}
	
#nav-footer li a.nav-footer-header{
	font-weight:bold;
	color: #700044;	
	text-transform:uppercase;
}
	
	
.team{
	background: #E3EBC3;
	margin-bottom:10px;
}



	
/* =homepage
-----------------------------------------*/

.callout {
	background: url(/images/cssimg/bg-callout.jpg) repeat-x left top;	
	border-top: 1px solid #E9B661;
}


.callout h2{
	color: #47322C;
}

.events-list{ /* web app homepage, consumer and member events  */
	text-align:left;
	
}

.events-list h3{
	color: #9d8b7a;	
}


.events-list ul{
	
}

.events-list li{
	border-bottom:1px solid #eee;
	padding: 5px 0;
	margin-bottom:5px;
	clear:left;
}

.events-list span.date{  /* date */
	margin-right: 1px;
	color: #9d8b7a;	
	font-weight:bold;
	
	
	


	
}

.events-list span.event-title{  /* title */

	
	color: #9d8b7a;
	border-left:1px solid #e0dacf;
	padding-left:10px;
	

	


	
}


.events-list li a{
	color: #39d8b7a;
}







.btn-see-all-events{
	float:right;
	margin-top:5px;

}



#whats-in-season a{
		color:#fff;
	
}

#videoplayer{
	float:right;
	border:1px solid #ccc;
	width:300px;
	height:193x;
	padding:5px;
	margin:5px;
	display:block;
}

#videoplayer-single{
	
	border:1px solid #ccc;
	width:300px;
	height:169x;
	padding:5px;
	margin:5px;
	display:block;
	
		
}


/* =secondary template 
-----------------------------------------*/

.image-main{
	
}

.clearboth{
	display:block;
	clear:both;
}


/* =table data
-----------------------------------------------------*/

/* border-spacing not supported by ie, set this in table tag in html
example:  cellspacing="0"  -- css does the rest---*/
.tbldata {
	width:90%;
	margin: 1em;	
	
}

.tbldata th {
	border: 1px solid #fff;
	background-color: #86A62B;
	color: #fff;
	font-weight: bold;
	padding: 2px;
}

.tbldata td {
	font-size:85%;
	padding: 2px;
	border: 1px solid #fff;
	/* set bg color on td with a class */
}


/* Member Styles
-----------------------------------------------*/

.member-list-view{
		width:570px;
	
}


li.listing-item{
	border-bottom:1px solid #ccc;
		padding:8px 0;
	
}

li.listing-item h3 a{
	color: #49322C;	
}

li.listing-item:hover{
		
}


listing-detail h3{
	
	
}

.member-image{
	float:right;
	}
	
li.listing-item .member-image img{
	width:160px;
	height:120px;
	}
	
/*override image size on member detail page */	

body.member-detail li.listing-item .member-image img{  
	width:200px;
	height:150px;
}



/* recipe container 
-------------------------------------------*/

#recipecontainer{
	width:500px;
}



/* Recipes
-----------------------------------------------*/

.recipe-search{
	border:1px dotted #eee;
	background: #FFFDF9;
	padding:20px;
	margin-bottom:10px;	
	width:460px;	
	
}

.recipe-list{
	padding:20px;
	width:460px;
}


.recipe-list ul{
	

}

.recipe-list li{
	border-bottom:1px solid #eee;
	padding: 5px 0 5px 10px;
	margin-bottom:5px;
	clear:left;
}




/* sitemap
-------------------------------------------*/

.sitemap ul{
	list-style-type:circle;
	margin-left:10px;
	
}


sitemap ul ul {
	margin-left:20px;	
	list-style-type:disc;
}


.crop{
		margin-right:12px;
		margin-bottom:30px;
		float:left;
		background:#fff;
		border:1px solid #cccccc;
		padding:5px;
		text-align:center;
		
	}
	
.factsheetthumb{
		margin-bottom:-9px;
		text-align:center;
	}


/* Find a Producer Circle Buttons */

.circle-buttons{
width:530px;
margin:15px auto;
border-top:1px solid #eee;
padding:15px 0 0 0;
}

.circle-button{
		display:block;
		width:100px;
		background:url(/assets/images/circle-buttons-sprite.gif) no-repeat;	
		float:left;
		margin:0;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#a29d96 !important;
		font-size:12px;
		text-decoration:none;
		
		padding-top:70px;
line-height:14px !important;
	}
	
	.circle-button:hover{
		color:#897c69 !important;	
	}
	
	.btn-farmers-markets{
		background-position:0 0;	
	}
	
	.btn-farmers-markets:hover{
		background-position:0 -120px;	
	}
	
	.btn-restaurants{
		background-position:-100px 0;
	}
	
	.btn-restaurants:hover{
		background-position:-100px -120px;	
	}
	
	.btn-retailers{
		background-position:-200px 0;
	}
	
	.btn-retailers:hover{
		background-position:-200px -120px;	
	}
	
	.btn-distributors{
		background-position:-300px 0;
	}
	
	.btn-distributors:hover{
		background-position:-300px -120px;	
	}
	
	.btn-supporting-organizations{
		background-position:-400px 0;
	}
	
	.btn-supporting-organizations:hover{
		background-position:-400px -120px;	
	}
	
	.bullet-cross{
		display:block;
		float:left;	
		margin:25px 0 0 0;
	}