.Body {
    color: #000000;
    font-family: 'ArialMT', 'Arial', 'sans-serif';
    font-size: 100%;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.Free_Form {
    color: #493b3b;
    font-family: 'ArialMT', 'Arial', 'sans-serif';
    font-size: 15px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.LargeRed {
    color: #FF0000;
    font-family: 'ArialMT', 'Arial', 'sans-serif';
    font-size: 130%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
h1
{
	color: #493b3b;
	letter-spacing: 0;
	line-height: 34px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 12px;
	margin-top: 0px;
	padding-bottom: 12px;
	padding-top: 32px;
	text-align: center;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
	font: 30px/34px 'ArialMT' , 'Arial' , 'sans-serif';
}
h2
{
	color: #493b3b;
	letter-spacing: 0;
	line-height: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
	font: bold 18px/18px 'ArialMT' , 'Arial' , 'sans-serif';
	padding-bottom: 6px;
}
h3
{
	color: #493b3b;
	letter-spacing: 0;
	line-height: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
	font: 1.1em/14px 'ArialMT' , 'Arial' , 'sans-serif';
	padding-bottom: 6px;
}
h4
{
	color: #493b3b;
	letter-spacing: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 0px;
	text-transform: none;
	font: bold 18px/18px 'ArialMT' , 'Arial' , 'sans-serif';
	padding-bottom: 6px;
}
.BodyBold {
    color: #493b3b;
    font-family: 'ArialMT', 'Arial', 'sans-serif';
    font-size: 100%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.LargeBold {
    color: #493b3b;
    font-family: 'ArialMT', 'Arial', 'sans-serif';
    font-size: 120%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.SmallTitle {
    color: #493b3b;
    font-family: 'ArialMT', 'Arial', 'sans-serif';
    font-size: 120%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px;
    margin-bottom: 0px;
    margin-left: 4px;
    margin-right: 12px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 48px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.Normal {
    padding: 4px;
}
.NormalSmall {
    font-size: 0.9em;
}
.graphic_generic_body_textbox_style_default {
    background: transparent;
    float: none;
    margin: 0px;
}
.graphic_generic_title_textbox_style_default {
    background: transparent;
    float: none;
    margin: 0px;
}
.graphic_navigationbar_style_default {
    background: transparent;
    float: none;
    margin: 0px;
}
.graphic_shape_layout_style_default {
    padding: 4px;
}
.graphic_textbox_layout_style_default {
    padding: 4px;
}
.graphic_textbox_style_default {
    background: transparent;
    float: none;
    margin: 0px;
}
a
{
	color: #0000ff;
	text-decoration: underline;
	font-size: 1em;
}
a:visited
{
	color: #660099;
	text-decoration: underline;
	font-size: 1em;
}
a:hover
{
	color: #ff0000;
	text-decoration: underline;
	font-size: 1em;
}
/*
div {
    overflow: visible;
}
*/
img {
    border: none;
}
.InlineBlock {display: inline; }
.InlineBlock {display: inline-block; }
.tinyText {
    font-size: 1px;
}

header {
	margin: 0px auto;
	background: #FFFFFF;
}

menubar {
	margin: 0px auto;
	background: #7a9483;
}
#menubar {
	margin: 0px auto;
	background: #7a9483;
}
.menubar {
	margin: 0px auto;
	background: #7a9483;
}

content {
	margin: 0px auto;
	background: #F6F5D9;
}

#wrapper {
	width: 1040px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background: #FFFFFF;
}

.wrapper {
	width: 1040px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background: #FFFFFF;
}

#outsidewrapper {
	margin: -10px;
	padding: 0px;
	padding-bottom: 100px;
	background-image: url('images/MossyForestScene.JPG');
	background-color: #88B767;
	background-repeat: repeat;
}
.outsidewrapper {
	margin: -10px;
	padding: 0px;
	padding-bottom: 100px;
	background-image: url('images/MossyForestScene.JPG');
	background-color: #88B767;
	background-repeat: repeat;
}

/* Main Menu */

#mainmenu
{	margin: 0;
	padding: 0;
	z-index: 9999999}

#mainmenu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font:  12px arial;
	z-index: 9999999}

#mainmenu li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 70px;
	height: 15px;
	background: #7a9483;
	color: #FFF;
	text-align: center;
	text-decoration: none}
	
#mainmenu li a:hover
{	background: #aab8af;
	z-index: 9999999}

#mainmenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #7a9483;
	z-index: 9999999}

	#mainmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #415f4a;
		font: 12px arial;
	z-index: 9999999}

	#mainmenu div a:hover
	{	background: #aab8af;
		color: #FFF;
	z-index: 9999999}
		
/* Main Menu extra items */		
		
#mainmenuextra
{	margin: 0;
	padding: 0;
	z-index: 9999999}

#mainmenuextra li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial}

#mainmenuextra li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 95px;
	height: 15px;
	background: #7a9483;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	z-index: 9999999}
	
#mainmenuextra li a:hover
{	background: #aab8af}

#mainmenuextra div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #7a9483}

	#mainmenuextra div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #415f4a;
		font: 12px arial}

	#mainmenuextra div a:hover
	{	background: #aab8af;
		color: #FFF}
		
/* Image Rotator */

/* rotator in-page placement */
div.rotator {
	position:relative;
	height:250px;
	margin-left: 0px;
}
/* rotator css */
div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
div.rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
div.rotator ul li.show {
	z-index: 10;
}
div#rotator {
	position:relative;
	height:250px;
	margin-left: 0px;
}
/* rotator css */
div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
div#rotator ul li.show {
	z-index: 10;
}


/* For Modal Windows */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  background:url(images/ModalNote2.jpg) no-repeat 0 0 transparent; 
  position:absolute;
  left:0;
  top:0;
  width:640px;
  height:479px;
  display:none;
  z-index:9999;
  padding:20px;
}

/* For Maps Selector */

  
#maps .map {
 /* position:absolute; */
  left:0;
  top:0;
  width:800px;
  height:600px;
  display:none;
  z-index:100;
  padding:0px;
}

/* for Carousel 1 */

#carousel_inner {
float:left; /* important for inline positioning */
width:630px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #F0F0F0;
}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:200px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:110px;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:130px; 
width:15px; 
background: #C0C0C0; 
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;


#carousel2_inner {
float:left; /* important for inline positioning */
width:630px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #F0F0F0;
}

#carousel2_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel2_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:200px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:110px;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel2_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll2, #right_scroll2{
float:left; 
height:130px; 
width:15px; 
background: #C0C0C0; 
}
#left_scroll2 img, #right_scroll2 img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;

}