body	
{
font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
background-image: url('/images/background-clouds.jpg');
background-repeat:repeat-x;
background-color: #ffffff;
color: #000000;
}

.hideimage {display:none;}

div.clearer {clear: both; line-height: 0; height: 0;} 

#wrapper
{
/*border: 2px solid #000000;*/
width: 866px;
margin-left: auto;
margin-right: auto;
}

#header
{
width: 866px;
color: #ffffff;
margin: 0;
}
p.header
{
width: 700px;
font-size:30px;
float: left;
margin: 30px 0px 0px 0px;
font-weight: bold;
}

#upperright /*Location Map*/
{
float:right;
clear:right;
width: 120px;
margin: 20px 0px 0px 0px;
}


#topmenu
{
text-align: center;
font-size:12px;
font-weight: bold;
color: #000000;
margin: 0px 0px 20px 0px;
}

img.icon
{
border: 0px;
}



div.iconstop /*icons in the top menu, top row*/
{
padding: 0;
float: left;
width: 96px;
margin: 0px 124px 0px 0px;
}

div.iconstopright /*icons in the top menu, top row*/
{
padding: 0;
float: left;
width: 96px;
margin-right: 0px;
}

div.iconsbottom /*icons in the top menu, bottom row*/
{
padding: 0;
float: right;
width: 96px;
margin: 0px 0px 0px 123px;
}

div.iconsbottomleft /*icons in the top menu, bottom row*/
{
padding: 0;
float: right;
width: 96px;
margin-left: 0px;
}

#body
{
float: left;
}

#menuright
{
margin: 0px 0px 0px 10px;
padding: 0;
width: 208px;
float:right;
text-align: center;
font-size:12px;
font-weight: bold;
color: #000000;
/*border: 1px solid #000000;*/
}

div.iconsleft   /*icons in the side menu, left column*/
{
padding: 0;
float: left;
width: 96px;
}

div.iconsright  /*icons in the side menu, right column */
{
padding: 0;
float: right;
width: 96px;
}
/* The following divs are used to position the map icons on maps/index.shtml */

div.centericons {
margin-left: auto;
margin-right: auto;
width: 640px;
margin-top: 15px;

}

div.leftfloat {
float: left;
text-align: center;
width: 320px;

}

div.rightfloat {
float: right;
text-align: center;
width: 320px;
}

/* ------------------------------------- */
/*The following 3  styles handle the rollover effect for one photo icon. */
/*the SPAN hides the rollover image so only the background is seen.*/

a#wildlife
{
background-image:url(/images/icon-wildlife.jpg);
height: 74px;
width: 96px;
display: block;
}

a#wildlife span
{
display: none;
}

a#wildlife:hover
{
background-image:url(/images/icon-wildlife-roll.jpg);
}
/* ------------------------------------- */

a#driving
{
background-image:url(/images/icon-driving.jpg);
height: 74px;
width: 96px;
display: block;
}

a#driving span
{
display: none;
}

a#driving:hover
{
background-image:url(/images/icon-driving-roll.jpg);
}
/* ------------------------------------- */
a#fishing
{
background-image:url(/images/icon-fishing.jpg);
height: 74px;
width: 96px;
display: block;
}

a#fishing span
{
display: none;
}

a#fishing:hover
{
background-image:url(/images/icon-fishing-roll.jpg);
}
/* ------------------------------------- */

a#scenery
{
background-image:url(/images/icon-scenery.jpg);
height: 74px;
width: 96px;
display: block;
}

a#scenery span
{
display: none;
}

a#scenery:hover
{
background-image:url(/images/icon-scenery-roll.jpg);
}
/* ------------------------------------- */
a#bicycling
{
background-image:url(/images/icon-bicycling.jpg);
height: 74px;
width: 96px;
display: block;
}

a#bicycling span
{
display: none;
}

a#bicycling:hover
{
background-image:url(/images/icon-bicycling-roll.jpg);
}
/* ------------------------------------- */
a#wintersports
{
background-image:url(/images/icon-wintersports.jpg);
height: 74px;
width: 96px;
display: block;
}

a#wintersports span
{
display: none;
}

a#wintersports:hover
{
background-image:url(/images/icon-wintersports-roll.jpg);
}
/* ------------------------------------- */
a#history
{
background-image:url(/images/icon-history.jpg);
height: 74px;
width: 96px;
display: block;
}

a#history span
{
display: none;
}

a#history:hover
{
background-image:url(/images/icon-history-roll.jpg);
}
/* ------------------------------------- */
a#trails
{
background-image:url(/images/icon-trails.jpg);
height: 74px;
width: 96px;
display: block;
}

a#trails span
{
display: none;
}

a#trails:hover
{
background-image:url(/images/icon-trails-roll.jpg);
}
/* ------------------------------------- */
a#camping
{
background-image:url(/images/icon-camping.jpg);
height: 74px;
width: 96px;
display: block;
}

a#camping span
{
display: none;
}

a#camping:hover
{
background-image:url(/images/icon-camping-roll.jpg);
}
/* ------------------------------------- */
a#canoeing
{
background-image:url(/images/icon-canoeing.jpg);
height: 74px;
width: 96px;
display: block;
}

a#canoeing span
{
display: none;
}

a#canoeing:hover
{
background-image:url(/images/icon-canoeing-roll.jpg);
}
/* ------------------------------------- */
a#maps
{
background-image:url(/images/icon-maps.jpg);
height: 74px;
width: 96px;
display: block;
}

a#maps span
{
display: none;
}

a#maps:hover
{
background-image:url(/images/icon-maps-roll.jpg);
}
/* ------------------------------------- */
a#moreinfo
{
background-image:url(/images/icon-moreinfo.gif);
height: 74px;
width: 96px;
display: block;
}

a#moreinfo span
{
display: none;
}

a#moreinfo:hover
{
background-image:url(/images/icon-moreinfo-roll.gif);
}
/* ------------------------------------- */
a#home
{
background-image:url(/images/compass.gif);
height: 96px;
width: 100px;
display: block;
}

a#home span
{
display: none;
}

a#home:hover
{
background-image:url(/images/compass-roll.gif);
}
/* ------------------------------------- */
a#store
{
background-image:url(/images/icon-store.png);
height: 74px;
width: 96px;
display: block;
}

a#store span
{
display: none;
}

a#store:hover
{
background-image:url(/images/icon-store-roll.png);
}
/* ------------------------------------- */

#adsright  
{
width: 209px;
clear: right;
margin-right: 0px;
margin-top: 20px;
float:right;
/*border: 1px solid #000000;*/
}

p.menu a
{
color: #000000;
}

p.menu a:hover
{
color: #ff0000;
}

img.advertisement
{
display: block;
margin-left: auto;
margin-right: auto;
/*border: 1px solid #ffffff;*/
text-align: center;
}

#footer
{
width: 866px;
float: left;
font-size: 9px;
text-align: center;
/*border: 1px solid #ffffff;*/
}

#logos
{
list-style-type: none;
width: 800px;
}

li.logo
{
float: left;
display: inline;
padding: 0;
margin: 0px 20px 0px 20px;
}

li.logo a
{
color: #000000;
}

div.brochure
{
float: left;
width: 200px;
text-align: center;
margin: 5px 10px 5px 0px;
font-size: 10px;
}

div.photoleftls
{
float: left;
width: 288px;
text-align: center;
margin: 5px 10px 5px 0px;
font-size: 10px;
}

div.photorightls
{
float: right;
width: 288px;
text-align: center;
margin: 5px 10px 5px 0px;
font-size: 10px;
}

div.photoleftportrait
{
float: left;
width: 192px;
text-align: center;
margin: 5px 10px 5px 0px;
font-size: 10px;
}

div.photocenterls
{
margin-left: auto;
margin-right: auto;
width: 288px;
text-align: center;
margin: 5px 10px 5px 0px;
font-size: 10px;
}

div.brochure a
{
text-align: center;
text-decoration: underline;
color: #000000;
}

div.stopmapleft
{
float: left;
padding: 8px;
}

div.stopmapright
{
float: right;
padding: 8px;
}

span.title
{
font-weight: bold;
}

h2
{
text-align: center;
}

h4 
{
text-decoration: underline;
}

p.center
{
text-align: center;
}

ul.inside
{
list-style-position: inside;
}

li.inside
{
padding-left: 250px;
}

.box
{
border-style: dotted;
border-color: red;
border-width: 2px;
padding: 4px;
color: red;
width: 640px;
}

img.button 
{
border: 0px;
}
	
div.centerform
{
display: block;
width: 300px;
margin-left: auto;
margin-right: auto;
/*border: 1px solid #000000;*/
}

.italic {
	font-style:italic;
}