body {
	font: .8em/1.4em verdana, arial, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0 4% 0 4%;
}

#logo	{
	/*height: 110px;*/
	background-color: #3e5993;
}



#header {
	float: left;
	width: 100%;
	border-bottom: 1px solid #8DA5ff;
	margin-bottom: 2em;
}
#header ul {
	margin: 0;
	padding: 1em 0 0 0;
	list-style: none;
}
#header li {
	float: left;
	background-image: url("images/tab_left.gif");
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 2px 0 0;
	padding: 0 0 0 2px;
}
#header a {
	display: block;
	float: left;
	background-image: url("images/tab_right.gif");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0.2em 10px 0.2em 10px;
	text-decoration: none;
	font-weight: bold;
	color: #FDFDFD;
}
#Home #header li.Home,
#Marlette #header li.Marlette,
#RV #header li.RV,
#Properties #header li.Properties,
#Directions #header li.Directions,
#Services #header li.Services,
#Links #header li.Links,
#Contact #header li.Contact {
	background-image: url("images/tab_active_left.gif");
}
#Home #header li.Home a,
#Marlette #header li.Marlette a,
#RV #header li.RV a,
#Properties #header li.Properties a,
#Directions #header li.Directions a,
#Services #header li.Services a,
#Links #header li.Links a,
#Contact #header li.Contact a {
	background-image: url("images/tab_active_right.gif");
	background-color: transparent;
	color: #102147;
}

/* --- main nav rules: supplied by RB --- */
div#mainNav {
	width: 100px;
	margin: 5px 0px; /* false left value for IE Win */
	float: left;
}
html>body div#mainNav {	
	margin-left: 10px; /* Correct value for non IE Win */
	/* min-height: 600px; Force the footer down */
}
div#mainNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#mainNav li {
	text-align: center;
	margin-bottom: 2px;
}
div#mainNav a {
	font: bold .8em verdana, sans-serif;
	display: block;
	line-height: 20px;
	text-decoration: none;
	color: #102147;
	background: #e5ecfb url(images/btn_off.gif) no-repeat right bottom;
	padding-right: 10px;
	padding-left: 10px;	
	border-top: 1px solid #bbb;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #bbb;
	width: 114px;
}
/* This is the Tan hack for IE5.x box model bug */
* html div#mainNav a {  
	width: 90px; 
	w\idth: 114px;
}
/* rule for rollover and 'you are here' effect */
#mainNav a:hover, 
#overview #mainNav #overview a,
#first9722 #mainNav #first9722 a,
#first9722 #mainNav #first9737 a,
#first9722 #mainNav #first9739 a,
#first9753 #mainNav #first9753 a,
#lake9501 #mainNav #lake9501 a,
#lake9541 #mainNav #lake9541 a,
#lake9542 #mainNav #lake9542 a,
#pac8235 #mainNav #pac8235 a,
#pac8235 #mainNav #pac8238 a,
#pac8235 #mainNav #pac8245 a,
#pac8249 #mainNav #pac8249 a,
#winterspec #mainNav #winterspec a
{
	color: #b00;
	background: #fbf9f6 url(images/btn_on.gif) no-repeat right bottom;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
}

/* --- main navRV rules: supplied by RB --- */
div#mainNavRV {
	margin: 5px 0px 0px 0px; /* false left value for IE Win */
	float: left;
	width: 100px;
}
html>body div#mainNavRV {	
	margin-left: 0px; /* Correct value for non IE Win */
	/* min-height: 600px; Force the footer down */
}
div#mainNavRV ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#mainNavRV li {
	text-align: center;
	margin-bottom: 2px;
}
div#mainNavRV a {
	font: bold .8em verdana, sans-serif;
	display: block;
	line-height: 20px;
	text-decoration: none;
	color: #102147;
	background: #e5ecfb url(images/btn_off.gif) no-repeat right bottom;
	padding-right: 10px;
	padding-left: 10px;	
	border-top: 1px solid #bbb;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-left: 1px solid #bbb;
	width: 140px;
}
/* This is the Tan hack for IE5.x box model bug */
* html div#mainNavRV a {  
	width: 160px; 
	w\idth: 120px;
}
/* rule for rollover and 'you are here' effect */
#mainNavRV a:hover, 
#overview #mainNavRV #overview a,
#new_trail #mainNavRV #new_trail a,
#po_trail #mainNavRV #po_trail a,
#po_5wheel #mainNavRV #po_5wheel a, 
#po_motor #mainNavRV #po_motor a

{
	color: #b00;
	background: #fbf9f6 url(images/btn_on.gif) no-repeat right bottom;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
}

/* --- Marlette sub navigation content area --- */
div#marlettecontent {
	
	text-align: left;
	/* make room for left nav on MArlette pages*/
	margin: 10px 12px 20px 160px;
}

/* --- RV sub navigation content area --- */
div#rvcontent {
	text-align: left;
	/* make room for left nav on MArlette pages*/
	margin: 10px 12px 20px 180px;
	padding-left: 0px;
}

/* --- Gallery rules for Marlette pages --- */
#gallery {width:600px; height: 350px;}
#gallery ul {list-style:none; padding:0; margin:0; width:160px; position:relative; float:left;}
#gallery ul li {display:inline; width:60px; height:60px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:60px; height:60px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:60px; height:60px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; left:160px; top:0; width:auto; height:auto; border:1px solid #000;}

/* --- footer rules --- */
#footer {
	margin: 20px 12px 20px 0px;
	border-top: 1px solid #c8cce5;
	color: #5d66d4; 
	/*color: #fc0;
	background: #000;
	text-align: center;
	width: 720px;*/
	clear: both;
}

#footer p {
	font-size: .75em;
	margin: 0;
}
