body {
 font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
 font-size: 90%;
 color: #000000;
 margin: 0px;
 background: #80c74e url(/images/background_hills.gif) no-repeat fixed top left;
 padding: 0px;
}

h1 {
 font-size: 200%;
 margin-bottom: 1em;
}

h2 {
 font-size: 125%;
 background: #e8edc6;
 padding: 0.3em;
 margin-top: 3.5em;
 margin-bottom: 0.25em;
 margin-left: -0.3em;
}

textarea,
input
{
 font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
}

a, a:link, a:visited, a:active {
 color: #0000cc;
 text-decoration: none;
}

a:hover {
 color: #000000;
 background: #ffff00;
}

form {
 padding: 0.5em;
}

.worksheetcontents {
 width: 10em;
 color: #007600;
 font-size: 70%;
}

div.menu {
 position: absolute;
 top: 120px;
 left: 1em;
 float: left;
 width: 9em;
 text-align: left;
 background: transparent;
 vertical-align: top;
}

div.menu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

div.menu ul li {
 padding: 0px;
 margin: 0px;
}

div.menu li.divider_below {
 margin-bottom: 0.75em;
 padding-bottom: 1em;
}

div.menu a,
div.menu a:link,
div.menu a:visited,
div.menu a:active
{
 display: block;
 font-weight: bold;
 background: #70e04e;
 padding: 0.25em;
 margin: 0px;
 margin-bottom: 0.5em;
 text-decoration: none;
}

div.menu a:hover
{
 display: block;
 background: #ffff00;
 padding: 0.25em;
}

div.body {
 background: #f2f8d6 url(/images/background_hills_light.gif) no-repeat fixed top left;
 padding: 30px;
 margin-top: 120px;
 margin-left: 11em;
 margin-right: 5em;
 vertical-align: top;
 border-top: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 line-height: 150%;
}

div.smallprint {
 clear: both;
 float: right;
 margin: 1.5em;
 font-style: italic;
 color: #008800;
 font-size: 80%;
 padding-bottom: 1em;
}

div.smallprint a,
div.smallprint a:link,
div.smallprint a:visited,
div.smallprint a:active
{
 text-decoration: none;
 color: #008800;
}

div.smallprint a:hover
{
 color: #000000;
}


hr {
 width: 100%;
 height: 3px;
 color: #119200;
}

li {
 margin-top: 0.3em;
 margin-bottom: 0.3em;
}

img {
 border: 0;
}

img.left {
 float: left;
 margin-right: 1em;
 margin-bottom: 0.5em;
}

img.right {
 float: right;
 margin-left: 1em;
 margin-bottom: 0.5em;
}

.larger {
 font-size: 110%;
}

width20em {
 width: 20em;
 color: red;
}

p.quote {
 margin-left: 5em;
 margin-right: 5em;
 margin-bottom: 0.25em;
}

p.quoter {
 font-size: 75%;
 margin-top: 0.25em;
 margin-right: 5em;
 text-align: right;
 font-style: italic;
}

table.lined {
 border: 1px solid black;
 border-collapse: collapse;
}

table.lined td {
 padding: 0.2em;
 border: 1px solid black;
}

p.progress {
 background: #c0ffad;
 text-align: center;
}

p.progress b {
 border: 2px solid green;
 padding: 0.2em;
}

form.contact_form td.rowtitle {
 text-align: right;
 vertical-align: top;
}
form.contact_form ul {
 margin-top: 0;
}
form.contact_form ul li {
 font-weight: bold;
 color: #990000;
}

#mapdiv {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 width: 540px;
 height: 390px;
}
#mapdiv .hidden {
 visibility: hidden;
}
#mapdiv ul {
 list-style-type: none;
 display: inline;
}
#mapdiv ul li {
 display: inline;
}
#mapdiv a {
 position: absolute;
 text-align: center;
 display: block;
 background: url(/images/transparent.png); /* For IE6 to draw something */
}
#mapdiv a#n1 { top: 113px; left: 40px; width: 63px; height: 65px; }
#mapdiv a#n1:hover { top: 103px; left: 28px; width: 90px; height: 96px; background: url(/images/map_001_hi.png) top left; }
#mapdiv a#n2 { top: 276px; left: 85px; width: 75px; height: 70px; z-index: 1;}
#mapdiv a#n2:hover { top: 259px; left: 38px; width: 144px; height: 112px; background: url(/images/map_002_hi.png) top left; }
#mapdiv a#n3 { top: 50px; left: 100px; width: 102px; height: 50px; }
#mapdiv a#n3:hover { top: 35px; left: 71px; width: 161px; height: 87px; background: url(/images/map_003_hi.png) top left; }
#mapdiv a#n4 { top: 246px; left: 180px; width: 75px; height: 73px; }
#mapdiv a#n4:hover { top: 229px; left: 156px; width: 118px; height: 123px; background: url(/images/map_004_hi.png) top left; }
#mapdiv a#n5 { top: 103px; left: 200px; width: 70px; height: 70px; }
#mapdiv a#n5:hover { top: 81px; left: 174px; width: 124px; height: 124px; background: url(/images/map_005_hi.png) top left; }
#mapdiv a#n6 { top: 276px; left: 312px; width: 80px; height: 70px; }
#mapdiv a#n6:hover { top: 262px; left: 289px; width: 117px; height: 122px; background: url(/images/map_006_hi.png) top left; }
#mapdiv a#n7 { top: 140px; left: 300px; width: 90px; height: 90px; }
#mapdiv a#n7:hover { top: 124px; left: 273px; width: 163px; height: 132px; background: url(/images/map_007_hi.png) top left; }
#mapdiv a#n8 { top: 240px; left: 430px; width: 70px; height: 70px; }
#mapdiv a#n8:hover { top: 215px; left: 398px; width: 138px; height: 132px; background: url(/images/map_008_hi.png) top left; }
#mapdiv a#n9 { top: 70px; left: 350px; width: 60px; height: 60px; }
#mapdiv a#n9:hover { top: 64px; left: 349px; width: 97px; height: 82px; background: url(/images/map_009_hi.png) top left; }
#mapdiv a#n10 { top: 100px; left: 460px; width: 50px; height: 80px; }
#mapdiv a#n10:hover { top: 86px; left: 434px; width: 102px; height: 106px; background: url(/images/map_010_hi.png) top left; }
#mapdiv a#n11 { top: 16px; left: 403px; width: 80px; height: 55px; }
#mapdiv a#n11:hover { top: 4px; left: 393px; width: 96px; height: 78px; background: url(/images/map_011_hi.png) top left; }
#mapdiv a#n12 { top: 209px; left: 15px; width: 60px; height: 55px; z-index: 0;}
#mapdiv a#n12:hover { top: 198px; left: 5px; width: 113px; height: 106px; background: url(/images/map_012_hi.png) top left; }


#mapdiv a:hover .hidden {
 visibility: visible;
 position: relative;
 top: -1em;
 text-align: center;
 background: #ffff00;
 border: 1px solid black;
 padding: 4px;
}

table.shop td { vertical-align: top; padding-bottom: 1.5em; }
table.shop td h3 { margin: 0; margin-bottom: 0.2em; }
table.shop td img { margin-right: 0.5em; }
table.shop span.price { color: #008D46; font-weight: bold; }
table.shop td.add { text-align: right; }
table.shop td form { margin: 0; padding: 0; }

table { border-collapse: collapse; border: none;}

form table td, form table th {
 padding: 0.3em;
 border: 1px solid #999999;
}

