@charset "UTF-8";
/* CSS Document */

/* Reset
-------------------------------------------------- */
* { margin:0; padding:0; }

body { margin:0; background-color:#7BC143; text-align: center; /* IE Fix */ }

img { border:0; }


/* Typography
-------------------------------------------------- */
body, td, th, input, select, textarea {
  font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  line-height: 18px;
  color:#333333;
}

h1, h2, h3, h4, h5, h6 { margin:1.5em 0 .5em 0; color:#6D276A; font-weight:normal; line-height:1.2em; }
h1 { font-size:1.9em; }
h2 { font-size:1.5em; }
h3 { font-size:1.2em; }
h4 { font-size:1em; }

p, ul, ol, table { margin:0 0 1em 0; }

ul { list-style:none; }
ol { margin:0 0 1em 2em; }

a:link { color:#75B53E; text-decoration:none; }
a:visited { color:#609333; text-decoration:none; }
a:hover, a:active { color:#CC0000; }


/* Tables - still need 'cellspacing="0"' in the markup.
-------------------------------------------------- */
table { border-collapse:collapse; border-spacing:0; margin-bottom: 1.4em; }
th,td   { padding:2px; line-height:1.2em; }


/* Default classes
-------------------------------------------------------------- */
p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; line-height: 2.5em; }
p.quiet   { color: #666; }
.top { margin-top:0; }

.imgLeft { float:left; margin:0 18px 18px 0; } /* margin spacing to match line height */
.imgRight { float:right; margin:0 0 18px 18px; }


/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix, #container { display: inline-block; }   
.clearfix:after, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix, * html #container { height: 1%; }
.clearfix, #container { display: block; }



/* Containers
-------------------------------------------------- */
#container { width:890px; margin:0 auto; text-align:left; padding-bottom:100px; background:#FFFFFF url(/summerc/css/img/container_bg.jpg) 0 100% no-repeat; }



/* Masthead
-------------------------------------------------- */
#masthead { position:relative; height:160px; background:#FFFFFF url(/summerc/css/img/masthead_bg.jpg) 0 0 no-repeat; }
#masthead h1, #masthead h2 { margin:0; }

#ctfaLogo a, #summercLogo a { position:absolute; display:block; text-indent:-9999px; overflow:hidden; }
#summercLogo a { width:230px; height:105px; top:18px; right:60px; }
#ctfaLogo  a { width:100px; height:90px; top:10px; left:43px; }




/* Content
-------------------------------------------------- */
#content { float:left; width:460px; padding:0 60px 0 30px; }
#content ul { list-style-type:circle;  padding:0 30px; }
#content li { margin:2px 0; }

h1.sm { font-size:1.7em; padding-top:.5em;}
.recipePhoto { float:right; margin:15px -30px 0 15px; }
td.recipeQty { vertical-align:top; text-align:right; padding-right:4px; white-space:nowrap; }

#recipeIndex { padding:2em; }
#recipeIndex li { display:block; height:120px; list-style-type:none; }
#recipeIndex li img { float:left; margin-right:1em; }
#recipeIndex li h3 { padding-top:2em; }










	/* Styles used in scrolling islands */
	.ci { padding-top:15px; } /* used for one full image content island */
	
	/* Grower - home content island */
	#grower_hci { background:url(/summerc/css/img/homeScroller-growerbg.gif) 0 0 no-repeat; }
	#grower_hci #gimgbox { float:left; padding:7px 8px 0 8px; min-width:135px; text-align:center; }
	#grower_hci #gtextbox { font-size:12px; line-height:14px; margin:35px 0 0 0; padding-right:5px; }
	#grower_hci h4 { font-size:14px; line-height:16px; font-weight:normal; margin:0 0 20px 0; }











/* Sidebar
-------------------------------------------------- */
#sidebar { float:left; width:250px; padding:0 45px; }

#nav { width:12em; margin:3em 0; font-size:14px; }
#nav li { border-bottom:#F7C5B8 solid 1px; }
#nav li:last-child { border-bottom:none; }
#nav li a { display:block; padding:6px 3px; color:#6D276A; }
#nav li a:hover { background-color:#F9EEDE; }
#nav li a.current { padding-left:1em; background: url(/summerc/css/img/nav_arrow.gif) 5px 50% no-repeat; }

#nav li ul { padding-left:1em; }
#nav li ul li { font-size:12px; line-height:14px; border-bottom:none; }
* html #nav li ul li { height: 1%; } /* IE Fix */
#nav li ul li a { color:#75B53E; padding:4px 3px; }
#nav li ul li a.current { padding-left:3px; background:none; background-color:#F9EEDE; }

#contentIslands { margin:5em 0; }
#contentIslands li { margin:10px 0; } 



/* Home
-------------------------------------------------- */
#home #container { padding-bottom:10px; background:#FFFFFF url(/summerc/css/img/container_bg_home.gif) 0 100% no-repeat; }

#home #masthead { height:380px; background:#FFFFFF url(/summerc/css/img/masthead_bg_home.jpg) 0 0 no-repeat; }
#home #masthead div { padding:190px 40px 0 0; margin-left:420px; }
#home #masthead div h2 { color:#B5121B; }
#home #masthead div h3 { color:#B5121B; padding-left:4em; margin-top:1em; }

#navHome { float:left; width:870px; padding-left:10px; background:#FFFFFF url(/summerc/css/img/navHome_bg.gif) 10px 100% no-repeat;  }
#navHome li { float:left; width:145px; padding:8px 0; text-align:center; font-weight:bold; }
#navHome li a { color:#FFFFFF; }

#recipeNav, #ciHome { float:left; padding-left:10px; }
#ciHome { margin-bottom:0 }
#recipeNav li, #ciHome li { float:left; margin:0 12px 0 0; }
#recipeNav li.last, #ciHome li.last { margin:0; padding:0; }




/* Footer
-------------------------------------------------- */
#footer { width:780px; padding:20px 10px 10px 10px; margin:0 auto; font-size:10px; line-height:13px; text-align:left; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
#footer { _width:800px; _padding:20px 0; } /* IE Fix */

#footer a { color:#D5E8C1; text-decoration:none; }
#footer a:hover { color:#FFFFFF; }
#footer h4, #footer h4 a { color:#E8F3DE; font-weight:bold; }
#footer h4 a:hover { color:#FFFFFF; }

#footer h4 { font-size:10px; margin:0; }
#footer ul { margin:0 0 8px 0; }
#footer li { margin:3px 0; line-height:11px; }

#footer .footer_callout { float:left; width:520px; margin-bottom:0; }
#footer .footer_callout td { padding:0 10px 10px 10px; }
#footer .footer_callout h4 { display:block; width:145px; line-height:15px; text-align:center; background:url(/summerc/css/img/footer_callout_left.gif) 0 50% no-repeat; }
#footer .footer_callout a { display:block; padding:3px 0 4px 0; background:url(/summerc/css/img/footer_callout_right.gif) 100% 50% no-repeat; overflow:hidden; }

/* Footer Grid */
#footer .column { float:left; width:110px; margin:0 10px; padding:0; }
#footer .border { margin-right:0; padding-right: 8px; border-right: 2px solid #dfe7cf; }