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

body{
background:#99AD70;
font-family: Arial, Helvetica, sans-serif;
color:000;
font-size:.85em;
line-height:20px;
margin: 0px;
background-image:url(images/bg/btm-grass.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

a{
color:#496E0B;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#003300;
text-decoration:underline;
}

h1, h2, h3{
margin:5px 32px 0 20px;
}

h2, h3{
color:#1F512C;
}

h4{
text-transform:uppercase;
font-size:.9em;
font-weight:bold;
font-style:italic;
letter-spacing:.1em;
color:#666633;
border-bottom:1px dotted #666633;
margin: 12px 2px 10px 2px;
}

#container{
float:left;
background-image:url(images/bg/bg.jpg);
background-repeat: repeat-y;
width: 1093px;
margin: 0px 0px 100px 40px;
background-color: #99AD70;
}

#header{
margin: 0px;
height: 140px;
background-color: #99AD70;
}
#header img {
position:absolute;
top:17px;
left:275px;
}

#logo {
position:absolute;
top:0px;
left:39px;
width:214px;
height:210px;
background-image:url(images/bg/logo.jpg);
}

#feature {
position:absolute;
top:30px;
left:896px;
width:227px;
height:91px;
background-image:url(images/bg/feature.jpg);
}

#homefeature {
position:absolute;
top:30px;
left:896px;
}

#leftcol{
float:left;
margin: 65px 0 30px 8px;
padding: 15px;
width: 150px;
}

#rightcol{
float:right;
margin: 150px 36px 15px 0;
width: 180px;
}

#container2{
padding: 0 262px 0 214px;	
}

#bulletinnav {
float:left;
padding: 0px;
margin: 20px 35px;

}

#bulletinnav li { display:inline; margin: 0; padding: 0; }
#bulletinnav li a { display: block; float:left; padding:0px; }
#bulletinnav li a:hover { background:#D35E1C; }

	
#content{
padding: 35px;
background-color:#FFF;
}

#content p{
padding: 0 32px 0 20px;
text-align:left;
}

#content img{
padding: 0 32px 0 18px;
}

#footer{
font-size:.9em;
text-align:center;
color: #496E0B;
padding: 10px 0 0 0;
background-image:url(images/bg/footer-hr.jpg);
background-position:top;
background-repeat:no-repeat;
clear:both;
}

#footer a{
font-weight:normal;
}

#bottom{
clear:both;
margin: 0 0 0 -20px;
background-image:url(images/bg/footer-bg.jpg);
}

.nav2{
padding:1px 5px 1px 10px;
background-color:#1F512C;
}

.nav2 a{
color:#A4CD55;
}

.nav2 a:hover{
color:#FFFFCC;
text-decoration:underline;
}

.active{
text-decoration:underline;
color:#FFFFFF;
font-weight:bold;
}

.sidefeature{
color: #496E0B;
font-size:.95em;
padding: 0 0 0 2px;
margin:5px 0 15px 0;
line-height:1.4em;
}

.sidefeature a{
color:#1F512C;
text-decoration:underline;
font-weight:normal;
}

.sidefeature a:hover{
text-decoration:underline;
color:#003300;
}

.greenbar{
position:absolute;
top: 107px;
left: -22px;
}

.newsbox{
position:absolute;
top: 140px;
left: 895px;
}

.leaflist{
list-style-image:url(images/bg/bullet.gif);
margin-left:2px;
}

.rtnavcorner{
position:absolute;
top: 126px;
left: 890px;
}

.chalkmenu{
background-image:url(images/bg/texture.jpg);
background-repeat:repeat-y;
margin: 20px 30px 20px 20px;
padding:10px;
font-variant:small-caps;
text-align:justify;
font-weight:bold;
color:#666633;
}

.today{
background-color:#F0FAD8;
width:494px;
padding:10px;
font-weight:bold;
}

.quote{
margin:10px 10px 40px 0px;
padding:5px;
color:#666633;
font-size:14px;
font-style:italic;
}

.floatleft{
float:left;
margin: 5px;
}

.floatright{
float:right;
margin: 5px;
}

.searchbox{
margin:0 20px 0 20px;
}

.slideshow-bg{
background-image:url(images/bg/slideshow-bg.jpg);
background-repeat:no-repeat;
width: 520px;
height: 321px;
margin: -10px 0px 10px -2px;
padding-top:20px;
}

/* Main navigation
------------------------------------------------------------------*/
ul#nav {
position:absolute;
top:84px;
left:214px;
width:618px;
height:29px;
}

ul#nav li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
}

ul#nav li a {
border:0;
text-decoration:none;
display:block;
background:transparent url(images/navigation.gif) no-repeat;
}

li#home a {
width:89px;
height:29px;
}
li#home a:link, li#home a:visited {
background-position:0px 0px;
}
li#home a:hover, li#home a:focus {
background-position:0px -29px;
}


li#about a {
width:106px;
height:29px;
}
li#about a:link, li#about a:visited {
 background-position:-89px 0px;
}
li#about a:hover, li#about a:focus {
background-position:-89px -29px;
}


li#specials a {
width:101px;
height:29px;
}
li#specials a:link, li#specials a:visited {
 background-position:-195px 0px;
}
li#specials a:hover, li#specials a:focus {
background-position:-195px -29px;
}

li#cafe a {
width:71px;
height:29px;
}
li#cafe a:link, li#cafe a:visited {
 background-position:-296px 0px;
}
li#cafe a:hover, li#cafe a:focus {
background-position:-296px -29px;
}

li#newsletter a {
width:130px;
height:29px;
}
li#newsletter a:link, li#newsletter a:visited {
background-position:-367px 0px;
}
li#newsletter a:hover, li#newsletter a:focus {
background-position:-367px -29px;
}

li#contact a {
width:121px;
height:29px;
}
li#contact a:link, li#contact a:visited {
 background-position:-497px 0px;
}
li#contact a:hover, li#contact a:focus {
background-position:-497px -29px;
}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:0px -58px;
	}
body#about-page ul#nav li#about a {
	background-position:-89px -58px;
	}
body#specials-page ul#nav li#specials a {
	background-position:-195px -58px;
	}
body#cafe-page ul#nav li#cafe a {
	background-position:-296px -58px;
	}
body#newsletter-page ul#nav li#newsletter a {
	background-position:-367px -58px;
	}
body#contact-page ul#nav li#contact a {
	background-position:-497px -58px;
	}
	
	
/* Bulletin navigation
------------------------------------------------------------------*/

 #bulletin { 
  background-image: url(images/nav/bulletin.jpg);
  height: 156px;
  width: 520px;
  }
 
 #menu a {
  position: absolute;
  height: 140px;
  width: 520px;
  top: 179px;
  left:440px; 
  text-decoration: none;
  }
 #menu a i { visibility: hidden; }
 
a#produce { left: 299px; width: 95px; }
a#packaged { left: 419px; width: 115px; }
a#vitamins { left: 549px; width: 100px; }
a#health { left: 663px; width: 125px; }

a#produce:hover { background-image: url(images/nav/bulletin/1.jpg); }
a#packaged:hover { background-image: url(images/nav/bulletin/2.jpg); }
a#vitamins:hover { background-image: url(images/nav/bulletin/3.jpg); }
a#health:hover { background-image: url(images/nav/bulletin/4.jpg); }

a#produce:hover,
a#packaged:hover, 
a#vitamins:hover, 
a#health:hover, { border: none; } 


/* Chalkboard navigation
------------------------------------------------------------------*/

 #chalkboard { 
  background-image: url(images/nav/chalkboard.jpg);
  height: 244px;
  width: 188px;
  }
 
 #menu2 a {
  position: absolute;
  height: 50px;
  width: 160px; 
  left: 950px;
  text-decoration: none;
  }
 #menu2 a i { visibility: hidden; }
 
a#specials { top: 379px; width: 100px; }
a#recipes { top: 438px; width: 80px; }
a#suggestion { top: 493px; width: 115px; }

a#specials:hover { background-image: url(images/nav/chalkboard/1.jpg); }
a#recipes:hover { background-image: url(images/nav/chalkboard/2.jpg); }
a#suggestion:hover { background-image: url(images/nav/chalkboard/3.jpg); }

a#specials:hover,
a#recipes:hover, 
a#suggestion:hover, { border: none; } 


/* Fancy Slider
------------------------------------------------------------------*/

h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	border: 5px solid #F3F1F1;
	font-weight: bold;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}