@charset "utf-8";
/* reset pages */
* {
margin: 0;
padding: 0;
}
/* basic element params ///////////////////////////////////////////////// */
body {
background-color: #EBFDE9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
margin: 0px auto;
padding: 0;
color: #333333;
}

/* describe text values here /////////////////////////////////////////// */ 
h1, h2, h3, h4, h5, h6{
margin:0; 
padding:0;
}

/* set clearfix for floats //////////////////////////////////////////// */
.clearfix {
overflow: auto;
-webkit-zoom: 1;/* trigger for IE */
}
/* style params for general links and hover selectors_psuedo //////////////////////////////////////// */
a:link {
color: #275961;
cursor: pointer;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #F4A309;
text-decoration: underline;
font-weight: bold;
}
a:hover {
color: #8C0317;
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;
}
a:active {
color: #7D9BA0;
font-weight: bold;
}

/* main layout params ////////////////////////////////////////////////////////////////// */
#wrapper {
background-color: #FFFFFF;
min-height: 100%;
width: 1280px;
margin: 0 auto;
}
#header {
background-image: url(../design/eatfoodvegetablesT.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
overflow: hidden;
width: 100%;
display: block;
height: 300px;
color: #000000;
}
.welcomeHead {
font-size: 2em;
margin-left: 2%;
}

/* search box settings //////////////////////////////////////////////////////////// */
#search { 
background-color: transparent; 
padding-top: .3%; 
}
#search form { 
float: right; 
display: inline; 
width: 193px; 
padding-right: 25px; 
}
#search input { 
background: none; 
border: none; 
}
#search .container { 
background: url(../design/searchfield.png) no-repeat 0 0; 
width: 141px; 
height: 26px; 
float: left; 
display: inline; 
}
#search .container input { 
color: #000000; 
font-size: 1.1em; 
line-height: 1.3em; 
padding: 4px 6px; 
width: 119px; 
height: 16px; 
}
#search .search-button { 
background: url(../design/searchbutton.png) no-repeat 0 0; 
width: 52px; 
height: 26px;
margin: 0; 
cursor: pointer; 
font-size: 0; 
line-height: 0;  
float: left; 
display: inline; 
}	
/* Custom navigation bar params ///////////////////////// */
#navbar{
margin: 0;
padding: 0;
width: auto;
display: block;
list-style-type:none;
text-align: right;
background-image:url(../design/nav_bar.jpg);
}
#navbar ul {
margin: 0;
}
/* nav look and feel //////////////////////////////// */
#navbar li{
list-style-type: none;
font-size: 1.6em;
font-family: Arial, "Comic Sans MS", cursive, sans-serif;
display: inline;
margin-right: 2.2%;
}
/*nav txt layout and location ////////////////// */
#navbar a {
font-family: Verdana, "Geneva", sans-serif;
text-decoration: none;
color: #FFFFFF;
text-shadow:1px 1px 3px #040247;
}	
#navbar a:hover {
color: #E6FDEB;
}
/* content layout //////////////////////////////////////////////////////////////////// */ 
#main{
width: 100%;
height: 100%;
display: block;
background-color: #FFFFFF;
}

/* main display area /////////////////////////////////////////////////////////////////// */
#column-center {
width: 900px;
height: 100%;
margin: 0 auto;
}
#column-left {
width: 900px;
height: 100%;
margin: 1%;
float: left;
}
.greeting {
display: block;
width: 100%;
margin: 0 auto;	
margin-bottom: 3%; 
}
.greeting h3{
text-indent: 1%;
padding: 2%;
font-weight: bold;
font-size: 1.3em;
}
.greeting p {
text-indent: 5%;
padding: 2%;
font-weight: bold;
font-size: 1.2em;
}
/* quicklinks and ad space ///////////////////////////////////////////////////// */
#column-right {
width: 260px;
border-left: 1px solid #EBFDE9;
padding-left: 1%;
margin: .5%;
float: left;
}		
/* dividing horizontal space //////////////////////////////////////////////////////// */
.spacer{
clear:both;
height: 10px;
display: block;
}
.ourfriends ul{
padding: 3% 2%;
list-style-type: none;
}
.ourfriends ul img{
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
}	
.ourfriends h2{
display: block;
font-weight: bold; 
font-size: 1.3em;
padding-top: 1%;
text-align: center;
border-bottom:solid 1px #999999; 
}
#footer {
text-align: center;
width: auto;
display: block;
padding: 10px 0;
font-size: .9em;
color: #000000;
}
