
/*Body*/
body{
background:#fff;
text-align:center;
margin:0;
/*scrollbar colors for IE and Opera*/
scrollbar-arrow-color:#333;
scrollbar-3dlight-color:#999;
scrollbar-highlight-color:#FFF;
scrollbar-face-color:#CCC;
scrollbar-shadow-color:#999;
scrollbar-darkshadow-color:#666;
scrollbar-track-color:#EEE;
}

div, table, td{
font-family:Arial, Helvetica, sans-serif;
}

td{
vertical-align:top;
}

img{
border:0;
}

h1, h2, h3, h4, h5, h6{
margin:0;
}

/*Container*/
#container{
margin:0 auto;
padding:28px 0 0 0;
width:851px;
text-align:center;
}

#skip-intro{
width:851px;
}

#skip-intro p{
text-align:right;
font-size:12px;
margin:0;
padding:0 0 6px 0;
}

#skip-intro a, #skip-intro a:visited{
color:#922261;
text-decoration:underline;
}

#skip-intro a:hover{
color:#922261;
text-decoration:none;
}



#navigation{
background:#fff url(/Images/navigation.gif) repeat-x;
width:851px;
height:37px;
}

#navigation ul{
margin: 0;
padding: 0;
}

#navigation li{
margin: 0;
padding: 0;
list-style: none;
float:left;
}

#navigation span{
display: none;
}

#navigation a{
float: left;
}		

#flavors{
width:98px;
height:27px;
background-image:url(/Images/navupdate/flavors-off.gif);
background-repeat:no-repeat;
}

#flavors a{
padding: 0 98px 27px 0;
}

#flavors a:hover{
background:url(/Images/navupdate/flavors-on.gif) no-repeat top left;
}

#recipes{
width:93px;
height:27px;
background-image:url(/Images/navupdate/recipes-off.gif);
background-repeat:no-repeat;
}

#recipes a{
padding: 0 93px 27px 0;
}

#recipes a:hover{
background:url(/Images/navupdate/recipes-on.gif) no-repeat top left;
}

#news{
width:76px;
height:27px;
background-image:url(/Images/navupdate/news-off.gif);
background-repeat:no-repeat;
}

#news a{
padding: 0 76px 27px 0;
}

#news a:hover{
background:url(/Images/navupdate/news-on.gif) no-repeat top left;
}

#email{
width:141px;
height:27px;
background-image:url(/Images/navupdate/email-off.gif);
background-repeat:no-repeat;
}

#email a{
padding: 0 141px 27px 0;
}

#email a:hover{
background:url(/Images/navupdate/email-on.gif) no-repeat top left;
}

#facebook{
width:443px;
height:27px;
background-image:url(/Images/navupdate/facebook-off.gif);
background-repeat:no-repeat;
background-position: right top;
}

#facebook a{
padding: 0 213px 27px 0;
margin-left: 230px;
}

#facebook a:hover{
background:url(/Images/navupdate/facebook-on.gif) no-repeat top left;
}

#body-container{
background:url(/Images/body-container.gif) top left no-repeat;
width:851px;
height:578px;
text-align:left;
}

#welcome-container{
background:url(/Images/welcome-container.jpg) top left no-repeat;
width:847px;
height:574px;
}

.phrase
{
	margin:0;
	padding: 110px 0 0 22px;
}

.validation
{
	font-size:12px;
}

#left-column{
width:654px;
float:left;
}

#primary-banner{
width:654px;
height:459px;
}

.content-primary-banner{
padding:5px 0 0 6px;
font-size:14px;
}

.content-primary-banner p{
margin:0;
padding:200px 188px 26px 182px;
}


.primary-content-links{
padding:0 0 0 182px;
font-size:12px;
font-weight:bold;
line-height:16px;
}

.primary-content-links a, .primary-content-links a:visited{
color:#093161;
text-decoration:underline;
}

.primary-content-links a:hover{
color:#093161;
text-decoration:none;
}

#content-container{
background:url(/Images/content-container.jpg) top left no-repeat;
width:644px;
height:450px;
font-size:14px;
color:#093161;
}

#content-container a, #content-container a:visited{
color:#093161;
text-decoration:underline;
}

#content-container a:hover{
color:#093161;
text-decoration:none;
}


.scrolling-content{
overflow:auto;
width:634px;
height:322px;
}

.content-left{
padding:6px 8px 0 34px;	
}

#sitemap dl{
margin:0;
padding:0;
}

#sitemap dt{
font-weight:bold;
padding:18px 0 0 0;
}

#sitemap dd{
margin:0;
padding:0;
}

#sitemap a, #sitemap a:visited{
color:#093161;
text-decoration:none;
}

#sitemap a:hover
{
	color:#093161;
text-decoration:underline;
}

.contact-form{
border:1px solid #afdaf1;
font-size:14px;
font-weight:bold;
color:#093161;
}

.invalid{
border:2px solid red;
font-size:14px;
font-weight:bold;
color:#093161;
}

.send-message{
background:url(/Images/btn-send-message.gif) top left no-repeat;
width:121px;
height:32px;
cursor:pointer;
border:none;
}

.submit-email{
background:url(/Images/btn-submit.gif) top left no-repeat;
width:121px;
height:33px;
cursor:pointer;
border:none;
}

.submit-recipe{
background:url(/Images/btn-submit-recipe.gif) top left no-repeat;
width:112px;
height:34px;
cursor:pointer;
border:none;
}



#flavor-wild-berries{
background:url(/Images/flavor-wild-berries.jpg) top left no-repeat;
width:644px;
height:450px;
color:#481419;
}

#flavor-strawberry{
background:url(/Images/flavor-strawberry.jpg) top left no-repeat;
width:644px;
height:450px;
color:#481419;
}

#flavor-margarita{
background:url(/Images/flavor-margarita.jpg) top left no-repeat;
width:644px;
height:450px;
color:#406938;
}

#flavor-jamaican{
background:url(/Images/flavor-jamaican.jpg) top left no-repeat;
width:644px;
height:450px;
color:#6f2e20;
}

#flavor-fuzzy-navel{
background:url(/Images/flavor-fuzzy-navel.jpg) top left no-repeat;
width:644px;
height:450px;
color:#4c1915;
}

#flavor-calypso{
background:url(/Images/flavor-calypso.jpg) top left no-repeat;
width:644px;
height:450px;
color:#406938;
}

#flavor-cherry-fizz{
background:url(/Images/flavor-cherry-fizz.jpg) top left no-repeat;
width:644px;
height:450px;
color:#4c1915;
}

#flavor-lime{
background:url(/Images/flavor-lime.jpg) top left no-repeat;
width:644px;
height:450px;
color:#1c3d11;
}

#flavor-bahama-mama{
background:url(/Images/flavor-bahama-mama.jpg) top left no-repeat;
width:644px;
height:450px;
color:#6f2e20;
}

#secondary-banner{
width:654px;
height:119px;
}

#secondary-banner-left{
float:left;
padding:0 4px 0 6px;
}

#secondary-banner-right{
float:left;
}

#fruit-stand-container{
background:url(/Images/fruit-stand-container.jpg) top left no-repeat;
width:644px;
height:450px;
}

#fruit-stand-detail-container{
background:url(/Images/fruit-stand-detail-container.jpg) top left no-repeat;
width:644px;
height:450px;
}

#right-column{
width:197px;
float:left;
padding:5px 0 0 0;
}

#header-flavor{
background:url(/Images/header-flavor.gif) top left no-repeat;
width:193px;
height:57px;
}

#header-fruit{
background:url(/Images/header-fruit.gif) top left no-repeat;
width:193px;
height:57px;
}

/*Recipes*/
#left-column-recipe{
width:512px;
float:left; 
}

#recipe-list{
width:184px;
float:left; 
}

#recipe-list h2{
font-size:20px;
color:#093161;
padding:0 0 0 32px;
}

#recipe-list h4{
font-size:14px;
color:#093161;
text-transform:uppercase;
padding:40px 0 10px 32px;
}

#recipe-list ul{
margin:0;
padding:0 0 0 32px;
}

#recipe-list li{
margin:0;
padding:0 0 6px 0;
list-style:none;
font-size:14px;
color:#093161;
}

#recipe-list a, #recipe-list a:visited{
color:#093161;
text-decoration:underline;
}

#recipe-list a:hover{
color:#093161;
text-decoration:none;
}

#recipe-list-scroll{
width:175px; 
height:216px; 
overflow:auto;
}

.submit-your-recipe{
padding:0 0 0 32px;
}

#right-column-recipe{
width:132px;
float:left; 
}

#recipe{
width:325px;
float:left; 
}

#recipe h4{
font-size:20px;
color:#093161;
padding:80px 0 0 26px;
}

#recipe p {
margin:0;
padding:18px 0 0 26px;
font-size:14px;
color:#093161;	
}

#recipe-scroll{
width:320px; 
height:210px; 
overflow:auto;
}

#recipe-links ul{
margin:0;
padding:0 0 0 34px;
}

#recipe-links li{
margin:0;
padding:0 6px 0 0;
list-style:none;
float:left;
}

.no-recipes{
padding:50px 8px 0 34px;
font-size:18px;
line-height:22px;	
}

.no-recipes span{
font-size:14px;	
}


.no-recipes p{
margin:0;
padding:50px 0 0 0;
text-align:center;
}

#dlRSS td
{
	font-size:14px;
	color:#093161;
}

/*AdminPage*/
#admin-container{
background:#fff;
width:851px;
text-align:left;
}

#admin-container h2{
font-size:16px;
padding:0 0 10px 0;
}

#admin-container a, #admin-container a:visited{
color:#093161;
text-decoration:none;
}

#admin-container a:hover{
color:#000;
text-decoration:none;
}

.content-admin{
padding:25px;
font-size:12px;
}

.content-admin td{
font-size:12px;
}


/*Footer*/
#footer{
font-size:10px;
color:#093161;
padding:12px 0 0 0;
}

#footer a, #footer a:visited{
color:#922261;
text-decoration:underline;
}

#footer a:hover{
color:#922261;
text-decoration:none;
}

#footer-copyright{
width:625px;
float:left;
text-align:left;
}

#footer-copyright p{
margin:0;
padding:12px 0 0 0;
}

#footer-navigation{
width:226px;
float:left;
text-align:right;
}

#footer-navigation span{
color:#922261;
padding:0 4px;
}

#footer-logo{
text-align:center;
clear:both;
margin-top: 35px;
}





