/* COLORS USED:
   light green - #DBF1DB
   dark green - #336666
   very dark green - #003300
   orange/red - #FF5050
   ivory - #F8EFD0
*/

/* 
----------------------------------------------- 
BASIC BODY TAGS, WITH VARIATIONS
*/
body {background-color: #DBF1DB; font: 100% "Comic Sans MS", Arial, sans-serif; color: #336666; 
  margin: 0px 10px 0px 0px; padding: 0px;}

p {margin: 0px;}

p.small {font-size: 80%;}

p.caption {font-size:120%;}

h1 {font-size: 200%; font-weight: bold; text-align: left;}
h2 {font-size: 150%; font-weight: bold; text-align: left;}
h3 {font-size: 100%; font-weight: bold; text-align: left; margin: 0px;}

h1.sitemap {font-size: 120%;}
h2.sitemap {font-size: 100%; margin: 0px;}

img {border: 1px solid #336666;}

a:link {font: 100% "Comic Sans MS", Arial, sans-serif; color:#003300;}
a:active  {font: 100% "Comic Sans MS", Arial, sans-serif; color:#FF00FF;}			
a:visited {font: 100% "Comic Sans MS", Arial, sans-serif; color:#336666;}
a:hover   {font: 100% "Comic Sans MS", Arial, sans-serif; color:#FF5050;}

hr {color: #336666;}

#content {display: block; position: absolute; top: 195px; left: 2%; margin-right: 2%; width: auto; z-index: 1;}

/* 
----------------------------------------------- 
COLUMNAR CATEGORY PAGES
*/

.cell {text-align: left; vertical-align: top; float: left; width: 195px; height: 600px; overflow: auto; margin: 0 70px 0 0;}

.clearall {clear: both;}

/* 
----------------------------------------------- 
BANNER
*/
#banner {position: absolute; top: 0px; left: 0px; width: 99.5%; height: 175px;
  background-color: #F8EFD0; border: 3px solid; border-color: #F8EFD0 #336666 #336666 #F8EFD0; z-index: 2;}
.logo {position: absolute; top: 8px; left: 9%; border: 0px; padding: 0px; margin: 0px; width: 85px; height: 130px;}
.topline {position: absolute; top: 20%; left: 30%; font-size: 200%; font-weight: bold; text-align: center;}
.line2 {position: absolute; top: 50%; left: 36%; font-size: 100%; font-weight: bold; text-align: center;}
.links {position: absolute; top: 60px; left: 75%; padding: 0px; margin: 0px; width: 80px;}


/* 
----------------------------------------------- 
FORM
*/
fieldset {border: 1px solid #336666; width: 90%;}

legend {color: #F8EFD0; background: #FF5050; border: 2px solid #336666; padding: 4px 8px;}

.form {margin-left: 5em;}

select {font: 100% "Comic Sans MS", Arial, sans-serif; color: #336666; background: #F8EFD0; border: 1px solid #336666;}

input {font: 100% "Comic Sans MS", Arial, sans-serif; color: #336666; background: #F8EFD0; border: 1px solid #336666;}

.nosurround {background: #DBF1DB; border: 0px;}

.button {font: 100% "Comic Sans MS", Arial, sans-serif; color: #F8EFD0; background: #FF5050; border: 2px outset #336666;}

textarea {font: 100% "Comic Sans MS", Arial, sans-serif; color: #336666; background: #F8EFD0; border: 1px solid #336666; 
  margin-left: 5em;}