/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
4/27/09
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/*=== Standard Tags ===*/

* {margin:0; padding:0;}
body {margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(/img/layout/blue-sky.jpg) top left repeat-x; background-color:#ecf9ff;}
p {margin:0; color:#4d3006;}
a {outline-style:none; color:#c42324; text-decoration:underline;}
a:hover {color:#ff3300; text-decoration:none;}
img {border:none;}

/*=== Layout ===*/

#wrapper {width:1030px; margin:0 auto;}
h1 {position:absolute; margin:45px 0 0 260px; font-size:10px; color:#4d7fcf;}
#logo {position:absolute; float:left; width:259px; height:189px; margin-top:10px; /*background:url(/img/layout/fruitclimbers-tree.png) top left no-repeat;*/ z-index:99;}
#subWrapper {position:relative; width:963px; top:80px; left:35px; background:url(/img/layout/wrapper-bg.png) top left repeat-y;}

#sideBar {position:relative; float:left; width:178px; top:-20px; /*background:url(/img/layout/trans-white.png) top left repeat;*/}

/*=== Sub Navigation ===*/

#subNav {position:absolute; float:right; width:800px; margin:10px 10px 0 190px ;}
#subNav ul {list-style:none; font-size:11px; text-align:right;}
#subNav ul li {display:inline; padding:0 5px; border-right:1px solid #1a3767;}
#subNav ul li.end {display:inline; border-right:none;}
#subNav ul li a {color:#1a3767; text-decoration:none;}
#subNav ul li a:hover {color:#1a3767; text-decoration:underline;}

/*=== Main Navigation ===*/

#mainNav {position:relative; float:left; width:173px; margin:6px 0 0 3px; background-color:#f5f5d4; border-left:1px solid #c7cdd5; border-right:1px solid #c7cdd5; border-bottom:2px solid #c7cdd5;}
#mainNav ul {margin:0 0 0 32px; padding:128px 0 0 0; font-family:"Garamond Premier Pro", Georgia; font-size:17px; list-style:url(/img/layout/fruitclimbers-apple.png);}
#mainNav li {margin:3px 5px 3px 0; padding:0 5px 6px 0; background:url(/img/layout/brown-dot.gif) bottom left repeat-x;}
#mainNav li.end {margin:3px 5px 3px 0; padding:0 5px 6px 0; background:none;}
#mainNav ul li a {text-decoration:none; color:#4d3006;}
#mainNav a:hover {text-decoration:underline;}

/*=== Sidebar ===*/

#donate {position:relative; float:left; width:173px; height:250px; margin:0 0 0 3px; border-left:1px solid #c7cdd5; border-right:1px solid #c7cdd5; border-bottom:2px solid #615B49;}

#signup {position:relative; float:left; width:173px; height:253px; margin:0 0 0 3px; background-color:#b9e5a6; border-left:1px solid #c7cdd5; border-right:1px solid #c7cdd5;}
#signup img {margin:5px 0 0 18px;}

#brTop {position:relative; float:left; width:175px; height:6px; margin:0 0 0 3px; background:url(/img/layout/br-top.gif) top left no-repeat;}
#brBtm {position:relative; float:left; width:175px; height:6px; margin:0 0 0 3px; background:url(/img/layout/br-btm.gif) top left no-repeat;}

/*=== Homepage Content ===*/

#flash {position:absolute; float:left; width:763px; height:237px; margin:66px 0 0 220px; z-index:98;}
#flashOther {position:absolute; float:left; width:763px; height:131px; margin:66px 0 0 220px; z-index:98; background:url(/img/layout/healthy_exercising.png);}
#flashExercise {position:absolute; float:left; width:763px; height:131px; margin:66px 0 0 220px; z-index:98; background:url(/img/layout/healthy_fitness.png);}
#flashFruit {position:absolute; float:left; width:763px; height:131px; margin:66px 0 0 220px; z-index:98; background:url(/img/layout/healthy_fruit.png);}

#r1c1 {position:relative; float:left; width:758px; height:20px; top:-20px; background:url(/img/layout/trans-white.png) top left repeat;}
#r1c2 {position:relative; float:left; width:20px; height:20px; top:-20px; background:url(/img/layout/trans-white-corner.png) top left no-repeat;}
#r2c1 {position:relative; float:left; width:778px; height:210px; /*background:url(/img/layout/trans-white.png) top left repeat;*/}
#r2c1sm {position:relative; float:left; width:778px; height:104px;}

#contentWrapper {position:relative; float:left; width:778px; padding-bottom:15px; background:url(/img/layout/content-fade-bttm.png) bottom left repeat-x;}
#content {width:763px; min-height:740px; padding:0 0 15px 7px; /*background:url(/img/layout/trans-white.png) top left repeat;*/}
#content h2 {font-family:"Garamond Premier Pro", "Times New Roman", Times, serif; font-size:24px; font-weight:normal; line-height:20px; padding:10px 10px 10px 10px; color:#DB4546;}
#content h2.home {padding:0 0 10px 0;}
#content h2.home a {text-decoration:none;}
#content h2.home a:hover {text-decoration:underline;}
#content h3 {font-family:"Garamond Premier Pro", "Times New Roman", Times, serif; font-size:16px; font-weight:normal; line-height:20px; padding:5px 10px 0 10px; color:#301e05;}
#content h3.home {padding:5px 0 0 0;}
#content p {padding:0 15px 10px 0; line-height:16px; color:#4d3006;}

#contentHome {width:763px; min-height:640px; padding:0 0 15px 7px; /*background:url(/img/layout/trans-white.png) top left repeat;*/}
#contentHome h2 {font-family:"Garamond Premier Pro", "Times New Roman", Times, serif; font-size:24px; font-weight:normal; line-height:20px; padding:10px 10px 10px 10px; color:#DB4546;}
#contentHome h2.home {padding:0 0 10px 0;}
#contentHome h2.home a {text-decoration:none;}
#contentHome h2.home a:hover {text-decoration:underline;}
#contentHome h3 {font-family:"Garamond Premier Pro", "Times New Roman", Times, serif; font-size:16px; font-weight:normal; line-height:20px; padding:5px 10px 0 10px; color:#301e05;}
#contentHome h3.home {padding:5px 0 0 0;}
#contentHome p {padding:0 15px 10px 0; line-height:16px; color:#4d3006;}

.recipes {float:right; margin:8px 40px 0 0; font-size:16px; font-family:"Garamond Premier Pro", "Times New Roman", Times, serif;}
#testimonial {margin:0 40px 0 40px; width:700px; font-weight:400;}

.colOne {float:left; width:490px;}
.colOne p {padding:0 15px 10px 10px; line-height:16px; color:#4d3006;}

.colTwo {float:left; width:250px; padding-left:10px;}
.colTwo p {padding:0 15px 10px 10px; line-height:16px; color:#4d3006;}

#miniCol1 {float:left; width:200px; padding:25px 15px 10px 10px;}
#miniCol1 ul li {float:left; width:175px; padding:0 15px 10px 10px; line-height:16px; color:#4d3006; list-style:none; font-size:14px;}
#miniCol2 {float:left; width:200px; padding:25px 15px 10px 10px;}
#miniCol2 ul li {float:left; width:175px; padding:0 15px 10px 10px; line-height:16px; color:#4d3006; list-style:none; font-size:14px;}
#miniCol3 {float:left; width:200px; padding:25px 15px 10px 10px;}
#miniCol3 ul li {float:left; width:175px; padding:0 15px 10px 10px; line-height:16px; color:#4d3006; list-style:none; font-size:14px;}

#tickerBox {position:relative; float:left; width:762px; height:31px; background-color:#c5e9ae; border-left:1px solid #c1cad5; border-right:1px solid #c1cad5; border-bottom:2px solid #c1cad5;}
#tickerAppleLeft {position:absolute; margin:6px 0 0 15px; z-index:2;}
#tickerAppleRight {position:absolute; margin:6px 0 0 733px; z-index:2;}

#homeColumnLeft {position:relative; float:left; width:220px; margin:12px 0 0 0; padding:0 18px 30px 16px; background:url(/img/layout/vert-dot.gif) top right repeat-y;}
#homeColumnLeft h2 {text-align:center; color:#ff6c00;}
#homeColumnLeft h2 a {color:#ff6c00;}

#homeColumnLeft img {padding-bottom:5px;}
#homeColumnLeft p.readMore {padding:0 0 15px 0; text-align:right; color:#ff6c00; text-decoration:none;}
#homeColumnLeft p.readMore a {color:#ff6c00; text-decoration:none;}
#homeColumnLeft p.readMore a:hover {color:#ff6c00; text-decoration:underline;}

#homeColumnCenter {position:relative; float:left; width:220px; min-height:515px; margin:12px 0 0 0; padding:0 18px 30px 19px; background:url(/img/layout/vert-dot.gif) top right repeat-y;}
#homeColumnCenter h2 {text-align:center; color:#db3840;}
#homeColumnCenter h2 a {color:#db3840;}
#homeColumnCenter img {padding-bottom:5px;}
#homeColumnCenter p.readMore {padding:0 0 15px 0; text-align:right; color:#db3840; text-decoration:none;}
#homeColumnCenter p.readMore a {color:#db3840; text-decoration:none;}
#homeColumnCenter p.readMore a:hover {color:#db3840; text-decoration:underline;}

#homeColumnRight {position:relative; float:left; width:220px; margin:12px 0 0 0; padding:0 12px 30px 19px; background:none;}
#homeColumnRight h2 {text-align:center; color:#687e01;}
#homeColumnRight h2 a {color:#687e01;}
#homeColumnRight h3 {width:218px; height:23px; margin-bottom:6px; padding-top:2px; background-color:#b9e5a6; border-left:1px solid #c7cdd5; border-right:1px solid #c7cdd5; border-bottom:2px solid #c7cdd5; font-family:"Garamond Premier Pro", "Times New Roman", Times, serif; font-size:22px; font-weight:normal; text-align:center; color:#512f00;}
#homeColumnRight img {padding-bottom:5px;}
#homeColumnRight p.readMore {padding:0 0 15px 0; text-align:right; color:#687e01; text-decoration:none;}
#homeColumnRight p.readMore a {color:#687e01; text-decoration:none;}
#homeColumnRight p.readMore a:hover {color:#687e01; text-decoration:underline;}

/*=== Interior Content ===*/

#interiorContent {padding:5px 0 10px 10px;}
#interiorContent p {padding:0 15px 10px 10px;}
#interiorContent ol, #interiorContent ul {margin-left:50px; margin-right:50px; color:#4d3006;}

/*******************  Form Styles ******************/
/***************************************************/

#contactInfo { float:left; margin-left:10px; padding:0 0 20px 0; }
#contactInfo a { color:#03C;}
.text { font:.8em Arial, Helvetica, sans-serif; font-weight:bold; }
#contactForm { position:relative; top:20px; right:15px; width:420px; margin:0 0 20px 23px; float:left;}
#requestForm { position:relative; width:400px; margin:0 0 0 23px; float:right;}

.formContainer p.legend { font:Arial, Helvetica, sans-serif; padding-top:10px; margin:0; height:30px; background:#FFF; border:2px solid #5FA33D;}
.formContainer p.legend em {color:#E41937; font-style:normal;}

.formContainer form p {margin:0;}
.formContainer form p.note {margin:0 0 0 170px; font-size:90%; color:#3367cd;}

.formContainer form fieldset {margin:15px 0; padding:5px; border:#5FA33D 2px solid;}
.formContainer form fieldset fieldset {border:none;}
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font-weight:bold; padding:2px 8px; color:#fff; background:#5FA33D; border:1px solid #5FA33D;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:100px; display:block; float:left; text-align:right; position:relative; font:bold 12px Arial, Helvetica, sans-serif;}
.formContainer label em, .formContainer span.label em {position:absolute; right:0; font-size:12px; font-style:normal; color:#E41937; top:-1px;}

.formContainer form fieldset input {width:270px; border-color:#AFAFAF;}
.formContainer form fieldset fieldset input {width:20px; border-color:#FFF;}
.formContainer form fieldset textarea {width:388px; margin:0 0 0 3px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:274px; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background:#FFFFDF;}

.formContainer div.buttonrow {text-align:center; margin:10px 0;}

/************ End Form **************/



/*=== Footer ===*/

#footerWrapper {height:253px; background:url(/img/layout/sprouts.jpg) bottom left repeat-x;z-index:-1;}
#footerSubWrap {width:1030px; margin:0 auto;}
#footer { position:relative; float:left; height:200px; width:956px; margin:53px 0 0 35px; background:url(/img/layout/dirt.png) top left no-repeat; }
#footer ul {width:645px; list-style:none; font-size:11px; margin:25px 0 0 150px; padding:6px; background-color:#000; z-index:999;}
#footer ul li {display:inline; padding:0 7px; border-right:1px solid #fff;}
#footer ul li.end {display:inline; border-right:none;}
#footer ul li a {color:#fff; text-decoration:none;}
#footer ul li a:hover {color:#fff; text-decoration:underline;}

/* SITE CREATED BY LINKS */
#delaware {position:absolute; font:10px Georgia, "Times New Roman", Times, serif; color:#999; text-align:center; margin:110px 0 0 400px; padding-bottom:20px;}
#delaware a {color:#999;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/

#pubTree32 { z-index:100;}
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#treePageDetailsPageList { position:absolute; top:200px; left:10px; width:175px;}
#treePageDetailsPageList li { padding:3px 0;}
#treePageDetailsPageList li a { font:14px Arial, Helvetica, sans-serif;}

#treePageDetailsImage { float:right; margin-top:-10px;}

#treePageDetailsDescription p img { margin-right:-15px;}
#treePageDetailsDescription p a { position:absolute; top:30px; right:30px;}

#fileListHeader { text-align:left;}

#pageListHeader { text-align:left;}
#pageListDates { display:none; font-size:18px; margin:10px; text-align:left;}
#pageListCalendarContainer{width:500px; margin-left:10px;}

/***************************************************/
/********************** TICKER  ********************/
/***************************************************/
/* DIV, wraps ticker */
#tickerWrapper {padding:8px 0 0 22px; z-index:1;}
/* DIV, contains XML that can be referenced by javascript */
#tickerXML {visibility:hidden;}
/* DIV, ticker title */
#tickerHeader {}
/* SPAN, ticker text */
#tickerText {font-size:12px; color:#4d3006;}

/***************************************************/
/************ NEWSLETTER SMALL FORM ****************/
/***************************************************/
/* FORM, contains small signup */
#newsletterSmallForm {margin:0;	padding:10px 0 0 13px;}
/* INPUT, text input */
#newsletterSmallInput {width:150px; background-color:#f5f5d4;}
/* SUBMIT, button */
#newsletterSmallSubmit {margin:5px 0 0 94px; background-color:#d54344; border:none; color:#fff; padding:0 2px 2px 2px;}



/***************************************************/
/************* CMS EVENTS CALENDAR *****************/
/***************************************************/
.eventStar {
}
.CalendarContainer {
	margin:0 auto;
	width:221px;
}
.CalendarContainerLarge {
	margin:0 auto;
	width:500px;
	font-size:14px;
}
.CalendarSmall {
	line-height:17px;
	font-size:9px;
}
.CalendarLarge {
	line-height:30px;
}
.CalendarDayNorm { 
	background-color:#d1ebb8; 
	color:#000066; 
	width:16px;    
} 
.CalendarDay { 
	background-color:#b5df8b; 
	color:#000066;
	border-color: #FFFFFF; 
	width:16px;  
} 
.CalendarDayHL {
	background-color:#a7d17e; 
	color:white;
	width:16px;  
	border-color: #a7d17e; 
	cursor:pointer;  
}
.CalendarDayHLToday {
	background-color:#ffe63f; 
	color:#000066;
	width:16px;  
	border-width: 0px; 
	border-style: solid; 
	border-color: #fff; 
	cursor:pointer;
}
.CalendarThisWeek { 
	background-color:#dfffbf; 
	color:#000066; 
	width:16px;    
}
.CalendarDayToday { 
	background-color:#f9d901; 
	color:#000066; 	
	border-width: 0px; 
	border-style: solid; 
	border-color: #fff; 
	width:16px;   
} 
.CalendarWithEvents { 
	background-color:#a7d17e; 
	color:#000066; 	
	border-width: 0px; 
	border-style: solid; 
	border-color: #fff; 
	width:16px;   
} 
.CalendarOtherMonth { 
	background-color:#f0f8e8; 
	color:#cccccc;  
	width:16px;  
} 
.CalendarMonthTitle {
	background-color:#659f2d; 
	font-weight:bold;
	padding:3px; 
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.CalendarDayTitle { 
	background-color:#476f20; 
	color:#fff;
	text-align:center;
}



/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */