/**
 *  ------------------------------------------------------
 *  Master CSS
 *  ------------------------------------------------------
 *  1.	General Styles
 		- Body
		- Text
		- Headers
		- Hyperlinks
		- Lists
		- Forms
		- Extras

 *  2.	Layout Styles
		- Global
		- Homepage
		- Subpages

 *  3.	Navigation

 *  4.	Subpage Unique Styles
 		- Contact
 		- Programs
		- Programs sub pages
		- Memberships
		- Location
		- Members Only
 
 *  5.	Footer

 *  ------------------------------------------------------
 */




/* --------------------------------- */
/*                                   */
/* ------>>> GENERAL STYLES <<<----- */
/*                                   */
/* --------------------------------- */

/* --- BODY --- */


html, body {height:100%; margin:0; padding:0;}

body {
	background-color:#f3e8be;
	background-image:url(../images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
		


/* --- TEXT --- */
p {font:12px Arial, Helvetica, sans-serif; color:#593b1d; line-height:normal; margin:0; padding:0px 0px 25px 0px;}
td {font:12px Arial, Helvetica, sans-serif; color:#593b1d;}

/* --- HEADINGS --- */
h1 {font:17px/20px Arial, Helvetica, sans-serif; color:#593b1d; font-weight:normal; margin:0px 0px 20px 0px; padding:0;}
h2 {font:12px Arial, Helvetica, sans-serif; color:#593b1d; font-weight:bold; margin:0px 0px 2px 0px; padding:0;}
h3 {font:14px Arial, Helvetica, sans-serif; color:#336600; font-weight:bold; margin:0px 0px 0px 0px; padding:0;}
h4 {font:20px Arial, Helvetica, sans-serif; color:#593b1d; font-weight:bold; margin:10px 0px 5px 0px; padding:0;}

/* --- HYPERLINKS --- */
a {font:12px Arial, Helvetica, sans-serif; color:#336633; font-weight:normal;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#630; text-decoration:underline;}

/* --- LISTS --- */
ul {margin:0px 0px 20px 0px; padding:0;}
ol {margin:0px 0px 20px 2px; padding:0;}
ul li {margin:0px 0px 0px 16px; padding:0px 0px; font:14px Arial, Helvetica, sans-serif; line-height:19px; color:#663300;}
ol li {margin:0px 0px 0px 16px; padding:0px 0px; font:12px Arial, Helvetica, sans-serif; line-height:19px; color:#663300;}

ul.noBullet {margin:0px 0px 20px 0px; padding:0;}
ul.noBullet li {margin:0px 0px 0px 0px; padding:0px 0px 7px 0px; font:11px Arial, Helvetica, sans-serif; line-height:18px;  color:#666; list-style-type:none;}


/* --- FORMS --- */
form {padding:0; margin:0;}
input {padding:4px; margin:0; font-size:12px; color:#630; border:none; background-color:#f9f8ed;}
textarea {padding:4px; margin:0; font-size:12px; color:#630; border:none; background-color:#f9f8ed;}

/* -- EXTRAS -- */
img {border:0; padding:0; margin:0; display:block;}
table {margin-bottom:25px;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}
.clear {clear:both;}





/* --------------------------- */
/*                             */
/* --->>> LAYOUT STYLES <<<--- */
/*                             */
/* --------------------------- */

/* Global Styles */
#headerWrap {width:770px; height:140px; margin:0 auto;}
img.logo {}

#contentTopWrap {width:880px; height:22px; margin:0px auto; background-image:url(../images/bg_content_top.png); background-position:top; background-repeat:no-repeat;}
#contentMiddleWrap {width:880px; margin:0px auto; background-image:url(../images/bg_content.png); background-position:top; background-repeat:repeat-y;}
#contentWrap {width:840px; margin:0px auto;}
#content {width:740px; margin:0px auto;}
#contentBtmWrap {width:880px; height:22px; margin:0px auto; background-image:url(../images/bg_content_btm.png); background-position:btm; background-repeat:no-repeat;}


#footerWrap {
	width:500px;
	height:25px;
	background-image:url(../images/ft_logo.gif);
	background-position:top right;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0px;
	}

#footerWrap p {
	font:11px Arial, Helvetica, sans-serif;
	color:#593b1d;
	text-align:right;
	padding:3px 33px 0px 0px;
	}

#footerWrap a {font:11px Arial, Helvetica, sans-serif; color:#593b1d;}



/* Home Page */
.btnLearnMore {position:absolute; left:50px; top:170px; background:url(../images/btn_learnmore_on.gif) no-repeat; white-space:nowrap; display:block; width:218px; height:27px; margin:0; padding:0;}
.btnLearnMore a {display:block; width:218px; height:27px; float:left; padding:0;}
.btnLearnMore img {width:218px; height:27px; border:0;}
* html a:hover {visibility:visible;}
.btnLearnMore a:hover img {visibility:hidden;}

#radioSpotsWrap {position:absolute; left:50px; top:215px; width:250px;}
#radioSpotsWrap .btnRadioSpot {float:left; display:inline; margin-left:2px;}

.btnEnterNow {background:url(../images/btn_enternow_on.gif) no-repeat; white-space:nowrap; display:block; width:240px; height:27px; margin:0; padding:0;}
.btnEnterNow a {display:block; width:240px; height:27px; float:left; padding:0;}
.btnEnterNow img {width:240px; height:27px; border:0;}
* html a:hover {visibility:visible;}
.btnEnterNow a:hover img {visibility:hidden;}

.btnEnterNow2 {background:url(../images/btn_enternow2_on.gif) no-repeat; white-space:nowrap; display:block; width:104px; height:27px; margin:0; padding:0;}
.btnEnterNow2 a {display:block; width:104px; height:27px; float:left; padding:0;}
.btnEnterNow2 img {width:104px; height:27px; border:0;}
* html a:hover {visibility:visible;}
.btnEnterNow2 a:hover img {visibility:hidden;}

.btnViewRecipes {background:url(../images/btn_viewrecipes_on.gif) no-repeat; white-space:nowrap; display:block; width:240px; height:27px; margin:0; padding:0;}
.btnViewRecipes a {display:block; width:240px; height:27px; float:left; padding:0;}
.btnViewRecipes img {width:240px; height:27px; border:0;}
* html a:hover {visibility:visible;}
.btnViewRecipes a:hover img {visibility:hidden;}

.btnReadMore {background:url(../images/btn_readmore_on.gif) no-repeat; white-space:nowrap; display:block; width:240px; height:27px; margin:0; padding:0;}
.btnReadMore a {display:block; width:240px; height:27px; float:left; padding:0;}
.btnReadMore img {width:240px; height:27px; border:0;}
* html a:hover {visibility:visible;}
.btnReadMore a:hover img {visibility:hidden;}


/* Featured Fruit */
#ffLeftCol {float:left; display:inline; width:445px; margin-left:50px;}
#ffRightCol {float:left; display:inline; width:238px; background-color:#990000; margin-left:60px;}
#ffRightCol p {color:#fff;}
#ffRightCol li {font-size:12px; color:#fff;}
#ffRightCol p.testimonial {font-size:12px; color:#fff; font-style:italic; padding-bottom:3px;}
#ffRightCol p.testimonialAuthor {font-size:11px; color:#fff; text-align:right;}


/* Apple Recipes */
.featureRecipeWrap {width:740px; margin:5px auto 0px auto; clear:both;}
.featureRecipePic {float:left; display:inline; width:200px;}
.featureRecipeContent {float:left; display:inline; width:500px; margin-left:15px;}
.featureRecipeContent h2 {padding-top:10px; font-size:13px;}
.featureRecipeContent p {padding-bottom:5px; font-style:italic;}

.recipeContentWrap {width:auto; margin:5px auto 0px auto; border-bottom:1px dotted #ebd9b2; clear:both;}
.recipeContent {width:auto;}
.recipeContent h2 {padding-top:5px; font-size:13px;}
.recipeContent p {padding-bottom:5px; font-style:italic;}
.recipeContent img {padding-bottom:10px; font-style:italic;}

/* Recipes */
#ingredientsTable {margin-bottom:20px;}
#ingredientsTable td {font-size:14px;}

#nutritionTable td {font-size:14px;}


/* Contact */
.requiredInfoWrap {float:left; display:inline; width:325px;}
.optionalInfoWrap {float:right; display:inline; width:325px;}







/* ---------------------------------- */
/*                                    */
/* --------->>> NAVIGATION <<<------- */
/*                                    */
/* ---------------------------------- */

#mainNavWrap {position:relative; width:770px; height:40px; background-image:url(../images/bg_nav.png); background-position:top center; background-repeat:no-repeat;}
ul#mainNav {
	position:absolute;
	top:5px;
	left:100px;
	margin:0;
	padding:0;
	}
ul#mainNav li {display:inline; margin:0; padding:0;}
ul#mainNav li a {font:18px Arial, Helvetica, sans-serif; color:#c29d4e; font-weight:normal;}
ul#mainNav li a:link, ul#mainNav li a:active, ul#mainNav li a:visited {text-decoration:none;}
ul#mainNav li a:hover {color:#f3e8be; text-decoration:none;}

ul#mainNav li a.navOn {color:#f3e8be;}