@charset "UTF-8";
/* Richard Harris CSS */

body { font: 100% Tahoma, san-serif; background-color: #c0e9ed}

a { color:#3a5357; text-decoration: none }
a:hover { color:#fff }

p { color: #fff; font-size: 76%; text-align: left; padding: 5px; margin: 0 }
h1 { font-size: 90%; color:#3a5357; margin: 0; padding: 5px; }
h2 { font-size: 85%; color:#fff; margin: 0; padding: 5px }

#wrapper { width: 800px; margin: 0 auto; padding: 0; background-color: #75999c }
#header { z-index: 0; background:url(images/home_banner.jpg) left top no-repeat; width:800px ; height: 193px }
#headerCooking { z-index: 0; background: url(images/cooking-main.jpg) left top no-repeat; width:800px ; height: 193px }
#headerCheese { z-index: 0; background: url(images/cheese-main.jpg) left top no-repeat; width:800px ; height: 193px }
#headerHampers { z-index: 0; background: url(images/hampers-main.jpg) left top no-repeat; width:800px ; height: 193px }
#headerPicnics { z-index: 0; background: url(images/picnics-main.jpg) left top no-repeat; width:800px ; height: 193px }
#headerContact { z-index: 0; background: url(images/contact-main.jpg) left top no-repeat; width:800px ; height: 193px }



#flashHeader { z-index: 0; width:800px ; height: 193px; top: 0; position: relative; margin: 0; padding: 0 }

#nav { width: 730px; height: 30px; margin: 3px 10px; background-color: #75999c; clear: both; text-align: left; }
#nav p a { color:#3a5357; font-weight: }
#nav p a:hover { color:#fff }
#content { width: 780px; float: left; clear: none; background-color: #75999c; text-align: left; margin: 10px 0 0 10px  }
#content p { padding: 5px; margin: 5px 0 0 0 }
#content ul { font: 76% color:#fff; text-align: justify } #clear { width:800px; clear: both; height:1px; background-color: #75999c }
#topbar { position: relative; z-index: 100; background-color: #333; height: 40px; width: 800px; left: 0; top: 15px; filter: alpha(opacity=40); -moz-opacity:.20; opacity:.20 }
#rightPanel { padding: 0 10px 0 10px; float: right; clear: none }
#rightPanel p { padding: 0 0 0 8px; text-align: right }

#lowbar { position: relative; z-index: 100; background-color: #333; height: 30px; width: 800px; left: 0; top: 90px; filter: alpha(opacity=40); -moz-opacity:.20; opacity:.20 }

#footer { width: 800px; height: 25px; color: #fff; clear: both; background-color: #3a5357 }
#footer p { color: #fff; margin: 0px 10px; padding: 5px }
#footer p a { color: #fff; text-decoration: none }

.titles { font-size: 100%; color: #fff; text-align: left }
.titlesP { color: #fff; text-align: left }

