@charset "utf-8";
/* CSS Document */
@import url("http://www.kauaicountyfarmbureau.org/assets/kcfb-sites.css");

body {
background: #3a5f00 url("/images/bg.gif") center 120px repeat-x;	
margin: 0;
font-family: palatino, palatino linotype, garamond, serif;
color: #0c5500;
}

a { color: #0c5500; }
a:hover { color: #6ca204; }
a img { border: none; }

.container {
margin-left: auto;
margin-right: auto;
width: 1024px;
}

.feat-farmer-img {
	background-color: #6fa628;
	padding: 5px;
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right:auto;
	display: block;
}

.frecipe-container {
	border: 2px solid #6fa628;
	background-color: #f0fcbc;
}

.img-wrap{
	background-color: #6fa628;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	margin-left:-10px;
}

span.f-recipe-title {
	color: #893a96;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-left: 10px;
}

.featured-recipe {
	padding: 10px;
}

.frecipe-img {
	background-color: #6fa628;
	padding: 5px;
	float: none;
	text-align: center;
}

.left {
background-color: #bddd5b;
padding: 20px 14px;
width: 300px;
font-size: 12px;
float: left;
color: #1c6400;
}

.top { height: 287px; }
.top img { float: left; }
.top .left {
border-top: 3px solid #5f9421;
border-bottom: 3px solid #5f9421;
float: left;
height: 241px;
}
.vendorimg {
width: 695px;
height: 287px;
overflow: hidden;
}
.vendorimg img { width: 695px; }

.content { 
margin-top: 20px;
background: #e9fa9b url("/images/content-bg.gif") repeat-y;
width: 100%;
}

.supportedby { line-height: 14px; height: 50px; margin: -10px 0 0 -3px; }
.supportedby img {
float: left;
padding-right: 7px;
}
.supportedby span {
display: block;
float: left;
padding: 5px 0 0 5px;	
}

.search {
background-color: #94c331;
border-bottom: 1px solid #97b149;
margin: -20px -15px 20px -14px;
padding: 12px 0 12px 15px;
color: #feffbf;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.search span { float: left; }
.search input, .menu input {
background-color: #feffbf;
border: none;
margin-left: 3px;
padding: 1px 5px;
color: #3c8000;
}
.search .submit, .menu .submit {
background-color: #559418;
color: #feffbf;
font-weight: bold;
}

.search-compact {
float: left; color: white; background-color: #94c331; margin: 3px 25px 0 0; font-weight: bold;
}
.search-compact form { display: inline; }

.nopad { margin: 5px -14px; }
.left blockquote { padding: 15px; margin: 0; }


.right {
width: 695px;
float: right;
position: relative;
}

.explore {
background-color: #94c331;
height: 132px;
text-align: center;
}
.explore img { margin: 18px 0 13px 0; }
.explore a {
color: #893a96;
background: url("/images/explore-button.gif") no-repeat;
width: 148px;
height: 65px;
padding-top: 10px;
float: left;
margin-left: 20px;
font-weight: bold;
font-size: 17px;
line-height: 20px;
text-decoration: none;
text-align: center;
}
.explore a:hover {
color: #660077;	
background: url("/images/explore-button-on.gif") no-repeat;
}

.explore-compact {
padding: 12px 5px 15px 15px;
font-size: 18px;
font-weight: bold;
background-color: #94c331;
color: #fdff5c;
height: 30px;
}
.explore-compact a { padding: 4px 8px; display: block; float: left; width: 135px; text-align: center;
text-decoration: none; margin: 0 5px; font-family: palatino, palatino linotype, garamond, serif; font-size: 15px; color: #893a96;
background: url("/images/explore-button-compact.gif") repeat-x; border: 2px solid #ffdf47; }
.explore-compact a:hover {
color: #660077;	
background: url("/images/explore-button-compact-on.gif") repeat-x;
}
.explore-compact span { float: left; padding: 3px 8px 0 0; }

.menu {
background-color: #6fa628;
height: 27px;
padding: 5px 6px;
text-align: center;
}
.menu a {
text-decoration: none;
color: #fff;
font-weight: bold;	
font-size: 14px;
padding: 6px 9px;
}
.menu a:hover { color: #d0f55f;	}

.video {
background: #f0fcbc url("/images/video-bg-top.jpg") top repeat-x;
padding-top: 23px;
text-align: center;	
position: relative;
}
.videobottom { 
background: url("/images/video-bg-bottom.jpg") bottom repeat-x; 
height: 25px; 
}


.header {
color: #893a96;
font-size: 28px;
line-height: 30px;
font-variant: small-caps;
font-weight: bold;
display: block;
margin: 0 0 8px -3px;
}
.header2 {
color: #893a96;
font-size: 25px;
font-weight: bold;
display: block;
font-style: italic;
margin: 0 0 8px -3px;
}
.subhead {
font-style: italic;
font-weight: bold;
font-size: 18px;
display: block;
margin-bottom: 8px;
}
.subhead2 {
color: #5ca300;	
font-weight: bold;
font-size: 18px;
display: block;
margin-bottom: 8px;
margin-top: 0;
}
.subhead3 {
color: #5ca300;	
font-weight: bold;
font-size: 15px;
display: block;
margin-bottom: 8px;
margin-top: 0;
}

.map {
margin-left: auto;
margin-right: auto;	
width: 284px;
height: 260px;
position: relative;
}
#mapsm {
width: auto;
height: auto;	
background-color: #ddf78d;
padding-bottom: 10px;
margin: 0 7px;
}
.map .subhead {
text-align: center;
font-style: normal;
color: #6a28a3;
font-size: 20px;
padding: 3px 5px;
background-color: #d9ec9b;
margin: 0;
}
#mapsm .subhead { background-color: #ddf78d; text-align: left; margin-left: 7px; }
.map img {
position: absolute;
top: 30px;
left: 0;
z-index: 0;
}
.map #links {
position: absolute;
z-index: 1;
top: 96px;
left: 70px;
}
#mapsm #links { 
position: relative;
top: 3px;
left: 36px;
}
.map a { 
display: block;
height: 20px;
text-decoration: none;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding-left: 20px;
}
.map a#farms {
color: #256200;
background: url("/images/map-icon-farms-anglebracket.gif") -20px top no-repeat;	
}
.map a#farms:hover, .map a#farmson {
color: #4f9405;
background: url("/images/map-icon-farms-anglebracket.gif") 0 top no-repeat;
margin-left: -20px;
padding-left: 40px;
}
.map a#restaurants {
color: #9d4e00;
background: url("/images/map-icon-restaurant-anglebracket.gif") -20px top no-repeat;	
}
.map a#restaurants:hover, .map a#restaurantson {
color: #c46100;
background: url("/images/map-icon-restaurant-anglebracket.gif") 0 top no-repeat;
margin-left: -20px;
padding-left: 40px;
}
.map a#retail {
color: #520091;
background: url("/images/map-icon-retail-anglebracket.gif") -20px top no-repeat;	
}
.map a#retail:hover, .map a#retailon {
color: #7b0fce;
background: url("/images/map-icon-retail-anglebracket.gif") 0 top no-repeat;
margin-left: -20px;
padding-left: 40px;
}


.videooutline {
margin: 30px 0 20px 0;
border: 1px solid #cdc756;
padding: 4px;
background-color: #fffa78;
}

.vendorinfo {
background-color: #ddfb76;
border: 3px solid #96c92a;	
padding: 7px 13px;
margin: -10px -4px;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
.vendorinfo .subhead2 { font-family: palatino, palatino linotype, garamond, serif; }

.float {
width: 125px;
margin: 10px 25px 10px 0;
float: left;
font-size: 13px;
text-align: center;
}
.float img { min-height: 125px; margin-left: -50px; }
.float img.square { margin-left: 0; }
.float .subhead2 { margin-bottom: 0; line-height: 16px; font-size: 15px; }
.float a { text-decoration: none; }
.float a:hover .subhead2 { color: black; }
.float div { height: 125px; overflow: hidden; margin: 5px 0; }


.floatsm {
vertical-align: top;
width: 81px;
margin: 0 10px 10px 0;
padding-top: 5px;
display: inline-block;
font-size: 13px;
text-align: center;
}
.floatsm img { height: 81px; margin-left: -15px; }
.floatsm img.square { margin-left: 0; }
.floatsm .subhead2 { margin-bottom: 0; line-height: 16px; font-size: 15px; }
.floatsm a { text-decoration: none; }
.floatsm a:hover .subhead2 { color: black; }
.floatsm div { width: 81px; height: 81px; overflow: hidden; margin: 3px 0; }

a.buttonsm {
display: block;
padding: 4px 10px 6px 10px;
margin-bottom: 15px;
color: #7b228a;
background-color: #fffb78;
border: 3px solid #ffdf47;
text-decoration: none;
font-size: 22px;
width: 420px;
text-align: center;
}
a.buttonsm:hover {
background-color: #fffa5c;
border: 3px solid #f7cc00;
}

.retailerlist, .retailerlist a { color: #4a026c; }
.retailerlist .subhead2 { color: #5f2b94; }
.retailerlist .num { background: url("/images/circle-retail.gif") center no-repeat; }

.restaurantlist, restaurantlist a { color: #7a3d00; }
.restaurantlist .subhead2 { color: #ae7609; }
.restaurantlist .num { background: url("/images/circle-restaurant.gif") center no-repeat; }

.num {
width: 23px;
height: 23px;
padding-top: 4px;
margin-right: 7px;
float: left;
background: url("/images/circle.gif") center no-repeat;
text-align: center;
color: #f7f6bb;
text-decoration: none;
font-weight: bold;
font-size: 14px;	
}

.form div { min-height: 30px; }
.form input, textarea { width: 350px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
.form input[type=submit] { width: auto; margin-top: 10px; }
.form input[type=checkbox], .form input[type=radio] { width: auto; }
.form span { display: block; float: left; clear: left; width: 120px; }
.form textarea { margin-bottom: 10px; }

.error {
display: block;
color: red;
font-weight: bold;
}

.kauaimade {
background-color: #cae47c;
margin: 15px 8px;
padding: 7px 10px;	
}
.kauaimade img { float: left; margin-right: 15px; }
.kauaimade .subhead { margin: 15px 0; }

.homebox {
color: #1c6400;	
font-size: 21px;
line-height: 24px;
background-color: #bddd5b;
padding: 4px 8px;
float: left;
margin-left: 20px;
width: 300px;
text-align: center;
min-height: 252px;
}

.homebox-2 {
color: #1c6400; 
font-size: 21px;
line-height: 24px;
background-color: #bddd5b;
padding: 4px 8px;
float: left;
margin-left: 20px;
width: 650px;
text-align: center;
min-height: 252px;
}

.homebox div {
border-bottom: 3px solid #e9fa9b;
background-color: #cae66e;	
text-align: left;
margin: 0 -8px;
padding: 8px 15px;
font-size: 14px;
line-height: normal;
}

.homebox div:first-child { border-top: 3px solid #e9fa9b; margin-top: 7px; }
.homebox div a { text-decoration: none; }

.homebox img { float: left; margin-right: 10px; }
.homebox div.farmersmkt { border: none; height: 205px; }
.homebox div.farmersmkt a:hover { color: #000; }

.footer { text-align: center; color: #bddd5b; font-size: 12px; font-weight: bold; padding: 20px; }
.footer a { color: #bddd5b; }
.footer .subhead { display: inline; }
.footer img { padding: 0 5px; }

.aboutvendor { float: right; width: 190px; margin-right: -10px; margin-top: -30px; }
.vendorpg { background: #e9fa9b url("/images/aboutvendor-bg.gif") left top repeat-y; }

.directory { clear: both; margin-top: 20px; }
.directory .header { padding: 0 0 10px 30px; }
.directory table { margin-left: 20px; width: 980px; border-spacing: 0; border-collapse: collapse; }
.directory tr { border-bottom: 1px solid #dbef7f; }
.directory td { width: 660px; vertical-align: top; padding: 6px 10px; word-wrap: break-word; }
.directory td:first-child { width: 280px; padding-left: 15px; border-left: none; }
.directory div { line-height: 18px; margin: 5px 0; }
.directory span { font-family: arial; font-size: 13px; }
.sort { border-bottom: 1px solid #94c331; color: #893a96; font-weight: bold; }
div.sort { border-bottom: none; }
.directory div.sort { margin-left: 20px; padding: 8px 15px; width: 940px; border-bottom: none; }
.sort a { color: #893a96; text-decoration: none; }
.sort a:hover { color: #660077; text-decoration: underline; }
.sort a.on, .sort .on { color: #5ca300; text-decoration: underline; }
.sort a.on:hover { cursor: default; }


.alpha-shadow {
-moz-box-shadow: 0px 2px 4px #000;
-webkit-box-shadow: 0px 2px 4px #000;
box-shadow: 0px 2px 4px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.alpha-shadow img {
background-color: #fff;
padding: 4px;
margin: 0;
}

.inlineimg {
position: relative;
max-width: 220px;
margin-bottom: 10px;
}
.leftfloat {
margin-right: 15px;	
float: left;
clear: left;
}
.inlineimg img {
	width: 95%;
}
.rightfloat {
margin-left: 20px;
margin-right: -20px;
float: right;
clear: right;
}
.imagecaption {
clear: both;
position: relative;
margin: 10px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1c6400;
line-height: 12px;
}



.farmersmkt-schedule {
font-size: 14px;
font-weight: bold;	
}
.farmersmkt-schedule span {
display: block;
font-size: 20px;
font-style: italic;
margin: 3px 0 -7px 0;
}
.farmersmkt-schedule ul {
margin: 0 0 0 5px;
padding: 6px 10px;
list-style-type: none;
}
.farmersmkt-schedule ul li {
text-indent: -15px;
line-height: 15px;
margin: 5px 0;
}
.farmersmkt-schedule ul li:before {
content: "» ";
}

.float .header {
margin: 45px 0 0 0;
line-height: 26px;
font-size: 24px;
text-align: left;
}
.float .header:after {
content: ":";
}

.maplink {
display: block;
width: 22px;
height: 22px;
position: absolute;
z-index: 5000;
text-decoration: none;
text-align: center;
}
.maplink div { height: 22px; }
.maplink span { display: none; }
a.maplink:hover span { 
font-weight: bold; 
color: #256200;
display: block; 
font-family: arial, sans-serif; 
font-size: 13px; 
min-height: 95px; 
width: 117px; 
background: url("/images/maplinkbg.gif") bottom center repeat-x; 
padding: 3px 3px 30px 3px; 
border-top: 1px solid #6fa628;
margin-top: -58px;
}
a.maplink:hover span.twoline { margin-top: -72px; }
a.maplink:hover span.threeline { margin-top: -88px; }

a.maplink:hover { width: auto; height: 95px; margin-top: -75px; margin-left: -50px; }
a.maplink:hover span img { width: 70px; display: block; margin: 4px auto; }
#maplinkcontainer {
position: absolute;
z-index: 5000;
width: 750px;
height: 500px;
}
#mapbg { position: absolute; z-index: 1; left: 35px; }
#farmersmkt1 { top: 33px; left: 362px; }
#farmersmkt2 { top: 28px; left: 393px; }
#farmersmkt3 { top: 27px; left: 480px; }
#farmersmkt4 { top: 174px; left: 612px; }
#farmersmkt5 { top: 217px; left: 596px; }
#farmersmkt6 { top: 337px; left: 577px; }
#farmersmkt7 { top: 356px; left: 532px; }
#farmersmkt8 { top: 369px; left: 512px; }
#farmersmkt9 { top: 415px; left: 439px; }
#farmersmkt10 { top: 464px; left: 446px; }
#farmersmkt11 { top: 409px; left: 326px; }
#farmersmkt12 { top: 417px; left: 263px; }
#farmersmkt13 { top: 330px; left: 115px; }

.marketdate { background-color: #caeb70; padding: 3px; display: block; margin-bottom: -5px; }
.marketsection { background-color: #ccee66; padding: 8px; width: 270px; margin-bottom: 20px; }


.left ul { padding-left: 25px; margin-top: 0; margin-bottom: 25px; }
.left li { margin-bottom: 6px; }
.left h3 { margin-bottom: 5px; }

.nowrap { float: left; width: 45%; margin: 1px; }


#tabs {
width: 420px;
margin-top: 20px;
}
#tabcontent ul { margin: 0; padding: 0; }
#tabcontent li {
	list-style:none;
	display:block;
	padding: 3px;
	width:420px;
}
#tabcontent li ul li { list-style-type: circle; width: auto; margin: auto; padding: auto; }
#tabnav button, #tabnav a {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight: bold;
text-decoration: none;
height: 30px;
font-size: 16px;
background-color: #e9fa9b;
-moz-box-shadow: 0px 0px 4px #bdbdbd;
-webkit-box-shadow: 0px 0px 4px #bdbdbd;
box-shadow: 0px 0px 4px #bdbdbd;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bdbdbd')";
border: none;
padding: 3px 11px 5px 11px;
color: #0c5500;
cursor: pointer;
margin: 0 -5px 10px 0;
}
#tabnav button#on, #tabnav button:hover, #tabnav a#on, #tabnav a:hover {
background-color: #bddd5b;
}
#tabnav button#on, #tabnav a#on { 
margin-top: -15px;
font-size: 18px; 
height: 35px;
z-index: 20;
position: relative; 
padding: 2px 9px 4px 9px;
-moz-box-shadow: 0px -3px 4px -1px #bdbdbd;
-webkit-box-shadow: 0px -3px 4px -1px #bdbdbd;
box-shadow: 0px -3px 4px -1px #bdbdbd;
}
.ul { padding-left: 30px; text-indent: -15px; margin-bottom: 10px; }
.ul:before { content: "• "; }


#mini_map_canvas {
width: 280px;
height: 280px;
margin-bottom: 10px;
}

.recipeblock {
float: left;
width: 21%;
padding: 5px;
margin: 0 10px 10px 0;
border: 2px solid #bddd5b;
background-color: #f6f9d3;
}
.recipeblock a { font-weight: bold; font-size: 1.3em; text-decoration: none; display: block; line-height: 1.2em; }
.recipeblock { font-size: .8em; }
.recipeblock img { width: 100%; }



.video-cell {
	margin: 10px;
	margin-bottom: 20px;
}