body {
	background-image:url("/img/top.jpg");
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#EADCAF;
	margin:0;
  	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size:12px;
	}
html, body {
	height: 100%;
}
#Content{
	margin:0px;
	border:0px solid #fff;
	height:99%;
	width:100%;
	clear:both;
	}
a:link    {color:#0033FF; text-decoration:underline;}
a:visited {color:#0033FF; text-decoration:underline;}
a:active  {color:#0033FF; text-decoration:underline;}
a:hover   {color:#0033FF; text-decoration:none;}
/* This wrapper is put in to keep the footer at the bottom */
/* This stops the forms from spreading out */
form { margin-bottom:0px;} 
img { margin:0px; border:0px; padding:0px;}
/* Set Paragraph spacing, i hate huge spacing :), this also helps the online text editor they use to edit the page */
p { margin:3px;}
/* Set Header Styles */
h1{
	font-size:18px;
	width:99%;
	color:#255559;
	font-weight:bold;
	border-bottom:1px solid #255559;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	padding:0px 0px 3px 0px;
	}
h2{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	padding:0px 0px 3px 0px;
	width:99%;
	color:#255559;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #255559;
	}
/* Setup Header Image */
#HeaderImage {
    height:130px;
    background-image:url("/img/Header.jpg");
    background-repeat:no-repeat;
	z-index:30;
	}
#HeaderImage span {display:none;}
/* Set Page Content Boxes Up */
#Content {}
#Menu{
	padding:5px 5px 5px 5px;
	Position:absolute;
	left:5px;
	top:140px;
	right:5px;
	border:0px solid #FFF;
	background:#fff;
	height:125px;
	width:190px;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}
#Menu2{
	padding:5px 5px 5px 5px;
	Position:absolute;
	left:5px;
	top:280px;
	right:5px;
	border:0px solid #fff;
	background:#fff;
	height:150px;
	width:190px;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}
#Menu3Container{
	Position:absolute;
	left:5px;
	top:445px;
	right:5px;
	height:80px;
	width:190px;
	}
#Menu3{
	padding:5px;
	border:0px solid #fff;
	background:#fff;
	height:80px;
	width:190px;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	}
#buttonback{
	position:absolute;
	padding:5px 5px 5px 5px;
	border:0px solid #000;
	height:80px;
	width:190px;
	background-color:tranparent;
	z-index:35;
	}
#buttonback tr {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#buttonback .formbutton{font-size:9px;}
#MiddleBox{
	position: relative;
	padding:5px 5px 15px 5px;
	margin-top:-4px;
   	margin-left:210px;
	margin-right:5px;
	margin-bottom:5px;
	border:0px solid #fff;
	background:#fff;
	width: auto;
	min-height: 100%;
	height: auto;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}
/* Hack for IE, Reset to 100% height */
* html #MiddleBox {
	height: 100%;
}
/* End IE Hack */
#PageBox{
	position: relative;
	padding:10px 10px 25px 10px;
	margin-top:10px;
   	margin-left:5px;
	margin-right:5px;
	border:0px solid #fff;
	background:#fff;
	width: auto;
	min-height: 100%;
	height: auto;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}
/* Hack for IE, Reset to 100% height */
* html #PageBox {
	height: 100%;
}
/* End IE Hack */

/* Used on pages with submenu's */
#MenuBox{
	padding:5px 5px 5px 5px;
	Position:absolute;
	left:5px;
	top:140px;
	border:0px solid #fff;
	background:#fff;
	width:190px;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}

/*Specific to the gallery page.. holds the gallery script */
#GalleryBox{
	position: relative;
	padding:10px 5px 25px 5px;
	margin-top:10px;
   	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	border:0px solid #fff;
	background:#EADCAF;
	width: auto;
	min-height: 100%;
	height: auto;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}
/* Hack for IE, Reset to 100% height */
* html #GalleryBox {
	height: 100%;
}
/* End IE Hack */
	
/* Used as a sub-footer box for extra content */
#ExtraBox{
	padding:5px;
	margin:0px;
	background:#EADCAF;
	clear:both;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}
.note {font-size:10px !important; color:#FF3300; font-family:Verdana, Arial, Helvetica, sans-serif; }
/* For the Admin Pages */
#AdminMenu{
	padding:5px 5px 15px 5px;
	Position:absolute;
	left:5px;
	top:130px;
	font-size:11px;
	border:0px solid #fff;
	background:#fff;
	width:225px;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}
#AdminBox{
	padding:10px 5px 25px 10px;
	margin-top:0px;
   	margin-left:245px;
	margin-right:10px;
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	height:100%;
	}
#AdminBox .note {font-size:10px; color:#FF3300; font-family:Verdana, Arial, Helvetica, sans-serif; }
#AdminBox a:link    {color:#0033FF; text-decoration:underline;}
#AdminBox a:visited {color:#0033FF; text-decoration:underline;}
#AdminBox a:active  {color:#0033FF; text-decoration:underline;}
#AdminBox a:hover   {color:#0033FF; text-decoration:none;}
#AdminMenu a:link    {color:#0033FF; text-decoration:underline;}
#AdminMenu a:visited {color:#0033FF; text-decoration:underline;}
#AdminMenu a:active  {color:#0033FF; text-decoration:underline;}
#AdminMenu a:hover   {color:#0033FF; text-decoration:none;}
/* Forms Setup */

textarea{
	BACKGROUND-COLOR:#fff; 
	BACKGROUND-POSITION:center center; 
	BORDER-BOTTOM:#033 1px groove; 
	BORDER-LEFT:#033 1px groove; 
	BORDER-RIGHT:#033 1px groove; 
	BORDER-TOP:#033 1px groove; 
	COLOR:#000;
	FONT-FAMILY:Courier, monospace;
	FONT-SIZE:12px;
	}
#formfield {
	BACKGROUND-COLOR:#fff; 
	BACKGROUND-POSITION:center center; 
	BORDER-BOTTOM:#033 1px groove; 
	BORDER-LEFT:#033 1px groove; 
	BORDER-RIGHT:#033 1px groove; 
	BORDER-TOP:#033 1px groove; 
	COLOR:#000;
	FONT-FAMILY:Courier, monospace;
	FONT-SIZE:12px;
	}
.formfield {
	BACKGROUND-COLOR:#fff; 
	BACKGROUND-POSITION:center center; 
	BORDER-BOTTOM:#003333 1px groove; 
	BORDER-LEFT:#003333 1px groove; 
	BORDER-RIGHT:#003333 1px groove; 
	BORDER-TOP:#003333 1px groove; 
	COLOR:#000000;
	FONT-FAMILY:Courier, monospace;
	FONT-SIZE:12px;
	}
.formbutton {
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:11px;
   font-weight:bold;
   background-color:#EADCAF;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
   color:#366 !important;
   }

#footer{
	padding:5px 5px 5px 5px;
	text-align:center;
	margin-top: 20px;
	margin-bottom:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	width:99.1%;
	background:#255559;
	clear:both;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	}
#footer :link    {color:#FFFFFF; text-decoration:underline;}
#footer :visited {color:#FFFFFF; text-decoration:underline;}
#footer :active  {color:#FFFFFF; text-decoration:underline;}
#footer :hover   {color:#FFFFFF; text-decoration:none;}
input.errHilite, select.errHilite, textarea.errHilite {
	border:1px solid #FF0000;
	background-color:#FFE6E6;
	}
label.errHilite {color:#C00;}
.wpage{
	height:auto;
	width:auto;
	}