html, form { margin: 0; padding: 0; }
body { margin: 0px; padding: 10px; font: normal 12px arial, helvetica, sans; background: #7c4299; color: #333333; }

ul, li, form, dt, dl, dd, ol, div, p, 
blockquote, h1, h2, h3, h4, h5, h6, a, code, pre { margin: 0; padding: 0; }
ul { list-style-type: none; list-style-image: none; margin-bottom: 0px; }
hr { display: none; }
input, textarea, select { font-family: arial, helvetica, sans; font-size: 1em; color: #333333; }
strong, b { font-weight: bold; }
table, tr, td { border-collapse: collapse; border-spacing: 0; padding: 0; }

a img { border: 0; }
a { text-decoration: none; }
a { color: #7c4299; text-decoration: underline; }
a:hover { color: #cc3333; text-decoration: underline; }

.smaller { font-size: 8px; }
.small { font-size: 10px; }
.normal { font-size: 12px; }
.large { font-size: 14px; }
.larger { font-size: 16px; }

.cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

h1 { font: bold 1.7em "comic sans ms", "comic sans"; color: #7c4299; }
h2 { font: bold 1.7em "comic sans ms", "comic sans"; color: #7c4299; }
h3 { font: bold 1.4em "comic sans ms", "comic sans"; color: #7c4299; }
h4 { font: bold 1.2em "comic sans ms", "comic sans"; color: #7c4299; }
h5 { font: bold 1.0em "comic sans ms", "comic sans"; color: #7c4299; }

#banner { padding: 0px; margin: 0px; }

.byline { font-style: italic; font-size: 0.8em; color: #666666; }

#content
{
  background: #f6f2d6;
  padding: 10px;
  text-align: justify;
  vertical-align: top;
  width: 660px;
}

#content ul { list-style-type: disc; list-style-position: inside; }
#content ol { list-style-type: decimal; list-style-position: inside; }

.datafooter { text-align: center; }

.faq
{
  border: 1px solid #7c4299;
  padding: 10px;
  margin: 10px 0;
}

#footer
{
  font-size: 100%;
  color: #ffffff;
  text-align: center;
  margin: 4px 0;
}

#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #ffff00; text-decoration: underline; }

.form
{
  border: 1px solid #7c4299;
  padding: 10px;
}

.form_errors
{
  color: #ff0000;
  padding-bottom: 10px;
}

#grass { background-color: #ab3f25; }

#guestbook { }

#guestbook .entry
{
  border: 1px solid #7c4299;
  padding: 10px;
  margin-bottom: 4px;
}

#guestbook .entry .name { font-style: italic; }
#guestbook .entry .reply { font-style: italic; }
#guestbook .nav { padding: 0 10px; margin-bottom: 4px; }

#home_content
{
  position: relative;
  color: #ffffff;
  font-family: "comic sans ms", "comic sans";
  text-align: justify;
  background: #7c4299 url('/images/splash.jpg') no-repeat;
  vertical-align: top;
  height: 500px;
  line-height: 1.1em;
}

#home_content h1, #home_content h2, #home_content h3 { color: #ffffff; }

#home_links
{
  display: block;
  /*position: relative;
  left: -270px;
  top: 340px;*/
  padding-top: 77px;
  clear: both;
  text-align: center;
}

#home_nav
{
  font: 1.0em "comic sans ms", "comic sans";
  height: 137px;
  vertical-align: top;
  padding: 0;
  background: #f59712 url('/images/banner-home.jpg') no-repeat;
  color: #ffffff;
  font-weight: bold;
}

.homesign
{ 
  float: right; 
  margin: 80px 40px 0 0; 
  height: 160px; 
  width: 200px; 
  display: block;
  text-decoration: none;
}

.match { color: #cc0000; font-weight: bold; }

.msg_required { padding-bottom: 10px; }

#nav
{
  font: 1.0em "comic sans ms", "comic sans";
  height: 137px;
  vertical-align: top;
  padding: 0;
  background: #f59712 url('/images/banner.jpg') no-repeat;
  color: #ffffff;
  font-weight: bold;
}

#nav a, #home_nav a { color: #ffffff; text-decoration: none; }
#nav a:hover, #home_nav a:hover { color: #ffff00; }
#nav span, #home_nav span { padding: 0 10px; }

#popup
{
  background: #f6f2d6;
  padding: 10px;
  text-align: justify;
  vertical-align: top;
}

#press
{
  border: 1px solid #7c4299;
  padding: 10px;
  margin: 10px 0;
}

#press img { float: right; margin: 0 0 10px 10px; border: 0; }
#press a { text-decoration: none; }

#recipe
{
  border: 1px solid #7c4299;
  padding: 10px;
  margin: 10px 0;
}

#recipe img { float: right; margin: 0 0 10px 10px; border: 0; }
#recipe a { text-decoration: none; }

#search { padding: 20px 0; }
#search input { border: 1px solid #cccccc; }

#searchall
{
  position: relative;
  padding: 0;
  height: 18px;
  top: 80px;
  left: 640px;
}
#searchall input
{
  border: 1px solid #ffffff;
  background-color: #a074b3;
  color: #ffffff;
}

.store
{
  width: 170px;
  vertical-align: top;
  border: 1px solid #7c4299;
  padding: 4px;
  text-align: left;
}

.store h1 { font-size: 1.0em; }

#subnav
{
  /* background: #d88eff url('../images/bunny.png') no-repeat bottom center; */
  background-color: #f8b66a;
  font: 100% "comic sans ms", "comic sans";
  width: 160px;
  padding: 10px;
  height: 500px;
  vertical-align: top;
  color: #ffffff;
  font-weight: bold;
}

#subnav ul { margin-bottom: 20px; }
#subnav li { line-height: 1.2em; padding-bottom: 0.7em; }
#subnav a { color: #ffffff; text-decoration: none; }
#subnav a:hover { color: #ffff00; }

#topmost { width: 860px; border: 2px solid #ffdd00; }

.webform_errors { color: #cc0000; }
