body {background-color: #99ccff; font: normal 86% "arial", "helvetica", sans-serif; margin: 0; padding: 0;}

#outside {margin-left: 5%; margin-right: 5%; border-top: solid 10px #996644; border-bottom: solid 10px #996644; background-color: #ffffff; min-height: 100%;}
#outside h1 {margin: 1%; margin-left: 8px; margin-top: 0px; margin-bottom: 0px; color: #000; font-weight: normal; letter-spacing: -1px; vertical-align: bottom;}
#outside img { vertical-align: middle; margin-top: 10px; margin-bottom:0px;}
* html #outside{min-height: 100%}

#top-nav {float: right; margin: 0; margin-top: 5px; margin-right: 2px; text-align:right;}
#top-nav a {color: #996644; font-size: 120%; margin-left: 5px; margin-right: 5px; text-decoration: underline;}
#top-nav a:hover {color: #dd0000;}

#middle-nav {margin: 0; margin-top: 10px; margin-bottom: 13px;  padding: 6px;  background-color: #3399ff; color: #ffffff; text-align:center;}
#middle-nav a {margin-left: 5px; margin-right: 5px; padding: 3px; color: #ffffff; text-decoration: none; border: solid 1px #3399ff;}
#middle-nav a:hover {border: solid 1px #ffffff; background-color: #ddd; color: #996644;}

#right-col {float: right; width: 29%; margin-top: 10px; padding: 5px;}
.ul-menu {margin-top: 8px; margin-bottom: 8px; border: solid 1px #cccccc; border-bottom: solid 3px #cccccc; color: #666666;}
ul.ul-menu {margin: 0; padding: 0; list-style: none;}
ul.ul-menu li {border-bottom: solid 1px #cccccc;}
ul.ul-menu a {margin-left: 5px; color: #666666; text-decoration: none;}
ul.ul-menu a:hover {color: #dd0000;}

span.slide {float: right; margin-right: 3px;}
span.left {text-align: left; }
span.right {text-align: right; }

.info {margin-top: 5px; margin-bottom: 5px; background-color: #ddffdd; padding: 5px;}
.info h4 {margin: 0; color: #996644;}
.info p {margin: 0; margin-top: 3px; margin-bottom: 3px;}
.info ul {margin: 0; padding: 5px;}
.info li {list-style: none;}
.info a {color: #996644; text-decoration: underline;}
.info a:hover {color: #dd0000;}

.contentbox {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	margin:10px 10px 10px 10px;
	border:1px solid black;
	background-color:#ffffff;
	width:auto;
	min-width:120px;
	padding:8px;
}

.headercolor
{
	text-align: left;
	background-color: #8CAEC9;
	color: #ffffff;
	padding: 2px;
	padding-left: 8px;
	margin: 0px;
	font-weight: normal;
}

	
#addTo {background-color: #eeeeee;}

p.error { background-color: #ff0000; }

#main {margin-right: 29%; margin-top: 10px;  padding: 5px; color: #000;}
#main h2 {margin: 0;}
#main a {color: #996644; text-decoration: underline;}
#main a:hover {color: #dd0000;}

#footer {margin: 0; margin-left: 5%; margin-right: 5%; padding: 5px; background-color: #996644; color: #ffffff; position: relative; margin-top: -2.5em;}
#footer h5 {margin: 0;}

#home .home, #about .about, #contact .contact, #area .area, #search .search, #trail .trail, #news .news
{
 background-color: #99ccff;
}

form .button{
	background: #ccc;
	border-bottom: none;
	cursor: pointer;
}

blockquote {
        border-left-style: solid;
        border-left-color: #6433DE;
        border-left-width: 3px;
        padding: 5px 5px 5px 10px;
        margin-left: 10px;
        background-color: #eee;
}

form.snowform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}

form.snowform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
	clear: left;
}

form.snowform fieldset fieldset label {
  display: block;
  width: auto;
}

form.snowform label {
  display: block;
  width: auto;
}

form.snowform input {
  display: block;
  width: auto;
}

form.snowform em {
  font-weight: bold;
  font-style: normal;
}

form.snowform label {
  width: 120px; /* Width of labels */
}
form.snowform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}