* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}
body {
  background-color: #01840a;
  font: 12px verdana;
  height: 100%;
}
#page {
  width: 775px;
  margin: auto;
  height: 100%;
}
#header {
  position: relative;
  height: 127px;
}
#header #logo {
  width: 375px;
  position: absolute;
  left: 0;
}
#header #menutop {
  height: 18px;
  width: 396px;
  position: absolute;
  top: 0px;
  left: 376px;
  color: white;
  font: 15px verdana;
  font-weight: bold;
  padding: 2px;
}
#header #menu {
  width: 400px;
  position: absolute;
  left: 375px;
  top: 22px;
  height: 105px;
  background: url('/img/directory_background.png');
  color: white;
  font: 11px verdana;
}
#header #menu ul {
  margin-top: -2px;
  float: left;
}
#header #menu ul li {
  list-style-type: none;
}
#header #menu ul li a {
  color: white;
}
#contentarea { position: relative; }
#content {
  background-color: white;
  width: 467px;
  padding: 6px;
  float: left;
}
#rightside {
  float: left;
  width: 284px;
  margin-left: 6px;
}
#footer {
  font: 11px verdana;
  color: white;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 4px;
}
#footer a {
  color: white;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer ul#nav {
  list-style-type: none;
  margin: 0;
}
#footer ul#nav li {
  display: inline;
  border-left: 2px solid #FFFFFF;
  padding-left: 8px;
  margin-right: 6px;
  color: white;
  font-weight: bold;
}
#footer ul#nav li:first-child {
  border-left: 0;
}

#breadcrumbs {
  font: 11px verdana;
  color: white;
  margin-top: 3px;
  margin-bottom: 3px;
}
#breadcrumbs a {
  color: white;
}

#rightside .box {
  background-color: white;
  padding: 6px;
  margin-bottom: 6px;
}

#rightside .box img {
  border: 0;
}

#rightside h1 {
  font: 16px verdana;
  font-weight: bold;
  color: #095f03;
  border-bottom: 1px solid #095f03;
  /*margin-left: 32px;*/
  margin-right: -6px;
  margin-bottom: 9px;
  padding-bottom: 4px;
  padding-top: 1px;
}

#rightside .h1container {
  margin: 0;
  padding-left: 32px;
  min-height: 29px;
  background: url('/img/header_icon.png');
  background-repeat: no-repeat;
  background-position: center left;
}
#rightside .h1container h1 { margin-left: 0; }

ul#sitemap li { font-size: 14px; font-weight: bold; }
ul#sitemap ul { margin-left: 24px; }
ul#sitemap ul li { font-size: 12px; font-weight: normal; }
h1 {
  font: 24px verdana;
  font-weight: bold;
  color: #095f03;
  border-bottom: 1px solid #095f03;
  margin-top: 0px;
  margin-left: 32px;
  margin-right: -6px;
  margin-bottom: 9px;
  padding-bottom: 3px;
}
.h1container {
  margin: 0;
  padding-left: 32px;
  padding-top: 0px !important;
  padding-top: 2px;
  background: url('/img/header_icon.png');
  background-repeat: no-repeat;
  background-position: center left;

}
.h1container h1 { margin-left: 0; }
h2 {
  margin-top: 4px;
  margin-bottom: 8px;
}

h3 {
  margin-top: 4px;
  margin-bottom: 8px;
}

p {
  margin-bottom: 6px;
  margin-top: 6px;
}

hr {
  color: #095f03;
  background-color: #095f03;
  height: 1px;
  border: 0;
  margin-top: 8px;
  margin-bottom: 8px;
}
img { border: 0; }
ul.attractionslist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.attractionslist li {
  margin-top: 6px;
  margin-bottom: 12px;
}
pre { text-align: left; }

ul {
  margin-left: 16px;
}

li {
  margin-top: 2px;
  margin-bottom: 2px;
}

.storytitle {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 2px;
}
.storydates {
  font-style: italic;
  color: gray;
  margin-top: 0px;
  font-size: 10px;
}
.storysource {
  font-style: italic;
  color: gray;
  font-size: 11px;
  margin: 0;
}
.readmore {
  font-weight: bold;
  color: #095f03;
  text-align: right;
}
.readmore a:link { color: #095f03; text-decoration: none; }
.readmore a:visited { color: #095f03; text-decoration: none; }
.readmore a:hover { text-decoration: underline; }

.eventtitle {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 2px;
}

.eventdates {
  font-style: italic;
  color: gray;
  margin-top: 0px;
  font-size: 10px;
}

/**************
 * INDEX PAGE *
 **************/

#indexcontainer {
  height: 100%;
}
#container1 { height: 410px; margin-bottom: 6px; /* border: 1px solid blue; */ }

table#container2 { border-collapse: collapse; }
table#container2 td.spacer { width: 6px; }

table#container3 { border-collapse: collapse; margin-top: 6px; }
table#container3 td { max-width: 281px; width: 281px; vertical-align: top; }
table#container3 td.spacer { width: 6px; }


.section {
  background-color: white;
  padding: 6px;
}
.section a:link { 
text-decoration: none;

  color: #095f03; }

.section a:visited { 
text-decoration: none;

  color: #095f03; }

.section a:hover { 
text-decoration: none;

  color: #095f03; }

.section#welcome {
  position: absolute;
  top: 0;
  left: 0;
  width: 281px;
  height: 399px;
}
.section#specialbox {
  position: absolute;
  left: 298px;
  top: 0;
  width: 477px;
  height: 230px;
  padding: 0;
}
.section#specialbox img {
  display: inline;
  padding: 0;
  margin: 0;
}
.section#pgallery {
  position: absolute;
  top: 236px;
  left: 298px;
  height: 163px;
  width: 465px;

/*
  margin-left: 298px;
  margin-top: 6px;
  height: 146px;
  width: 465px;
*/
}
/*
#newseventswrapper {
  position: absolute;
  top: 397px;
  height: 100%;
}
*/
.section#news {
  width: 373px;
  vertical-align: top;
}
.section#events {
  width: 373px;
  vertical-align: top;
  margin-left: 3px;
}

.section#sponsors, .section#weather {
  text-align: center;
}

#indexcontainer .section h1 {
  font: 16px verdana;
  font-weight: bold;
  color: #095f03;
  border-bottom: 1px solid #095f03;
  text-align: left;
  margin-left: 32px;
  margin-right: -6px;
  margin-bottom: 9px;
  padding-bottom: 4px;
  padding-top: 1px;
}
#indexcontainer .section .h1container {
  margin: 0;
  padding-left: 32px;
  min-height: 29px;
  background: url('/img/header_icon.png');
  background-repeat: no-repeat;
  background-position: center left;
}
#indexcontainer .section .h1container h1 { margin-left: 0; }


/*swfupload*/
.swfuploadbtn {
	display: block;
	width: 100px;
	padding: 0 0 0 20px;
}
		
.browsebtn {
	background: url(/img/buttons/add.png) no-repeat;
	height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.uploadbtn { 
	display: none;
	background: url(/img/buttons/accept.png) no-repeat;
	height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}
		
.cancelbtn { 
	display: block;
	width: 16px;
	height: 16px;
	float: right;
	background: url(/img/buttons/cancel.png) no-repeat 0 0px;
	margin-top: -26px;
}
		
#cancelqueuebtn {
	display: block;
	display: none;
	height: 16px;
	background: url(/img/buttons/cancel.png) no-repeat;
	margin: 10px 0;
}
		
#SWFUploadFileListingFiles ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.SWFUploadFileItem {
	display: block;
	width: 210px;
	height: 24px;
	float: left;
	text-align: left;
	background: #eaefea;
	margin: 0 10px 10px 0;
	padding: 5px;
}

.fileUploading { background: #fee727; }
.uploadCompleted { background: #d2fa7c; }
.uploadCancelled { background: #f77c7c; }

.uploadCompleted .cancelbtn, .uploadCancelled .cancelbtn {
	display: none;
}

span.progressBar {
	width: 190px;
	display: block;
	font-size: 10px;
	height: 8px;
	margin-top: 2px;
	margin-bottom: 6px;
	background-color: #CCC;
}

/*cake stuffs*/
.cakeSqlLog {
  clear: both;
  border: 1px solid black;
  font: 11px verdana;
  border-collapse: collapse;
}
.cakeSqlLog td {
  border: 1px solid black;
  padding: 2px;
}
.cakeSqlLog th {
  border: 1px solid black;
  padding: 2px;
}