body { font: normal 9px Verdana, Helvetica, sans-serif; margin: 0px; padding: 0px; top: 0px; left: 0px;}

p { font: normal 9px Verdana, Arial, Helvetica, sans-serif; }

h1 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; }

h2 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

h3 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

h4 { font: bold 10px Verdana, Arial, Helvetica, sans-serif; }

a:link { text-decoration: none; color: white; font: bold 9px Verdana, Helvetica, sans-serif;}

a:visited { text-decoration: none; color: white; font: bold 9px Verdana, Helvetica, sans-serif;}

a:active { text-decoration: none; color: white; font: bold 9px Verdana, Helvetica, sans-serif;}

a:hover { text-decoration: underline; color: white; font: bold 9px Verdana, Helvetica, sans-serif;}

img { border: solid 0px white; margin: 0px;}

/* global */
.mozz { font-size: 0px; margin: 0px; height: 0px; width: 0px; line-height: 0px; }
.ub	{ font-weight: bold; text-decoration: underline;}
.breadCrumbs {font: bold 9px Verdana, Helvetica, sans-serif; color: #EAB450;  margin: 5px 0px 0px 5px; display: block; float: left;}
#PageWrapper { width: 100%; background-color: White; margin: 0px; padding: 0px; }
#OuterWrapper { width: 750px; margin: 0px; padding: 0px; border-right: solid 1px gray; display: block; }

.LeftColumnOuterWrapper {display: block; width: 200px; float: left; background-color: #72794F;  background-position: left bottom;  background-image: url('leftcones.gif'); background-repeat: no-repeat }

.L1	{ background-image: url('leftnav1.gif');  height: 350px; border: 0px solid red;}
.firstLink { display: block; height: 107px; }
.L1 a, .L1 a:visited, .L1 a:active, .L1 a:hover	{ display: block; width: 100%; height: 36px; line-height: 36px; vertical-align: middle; color: #4D5E2A;}
.L1 a span	{margin-left: 60px; }
.L2 { height: 250px;} /* background-position: left bottom; background-image: url(leftcones.gif); background-repeat: no-repeat; */



.RightColumnOuterWrapper { display: block; width: 549px; height: 600px; float: left; }

.R1 a, .R1 a:active, .R1 a:visited, .R1 a:hover { color: #EAB450; margin-right: 5px;}
.R1	{ float: left; color: #EAB450; background-color: #964F06; display: block; width: 100%; height: 15px; text-align: right; }
.R2	{ float: left; background-image: url('bannerBG.jpg'); display: block; width: 100%; height: 150px}
.R3	{ float: left; background-image: url('bannergreenbar.gif'); display: block; width: 100%; height: 35px; color: #EAB450  }
.R3 .R3Address	{ display: block; width: 537px; text-align: right; margin: 2px 5px 0px 5px;} 
.R3 a, .R3 a:active, .R3 a:visited, .R3 a:hover {color: #EAB450;  margin:   5px 0px 0px 5px; display: block; float: left;} 
.R4	{ float: left; background-color:  white; color: #4D5E2A; display: block; width: 100%; height: 400px; border: solid 0px red;}
.R4innerWrap { margin: 15px 15px 5px 15px; }
.R4innerWrap h2, .R4innerWrap h4, .R4innerWrap h3 { margin:  0px;}
.R4innerWrap #indexWelcome { margin-top: 100px;}
.R4innerWrap hr {  }


.R4innerWrap #indexImage { margin: 0px 10px 10px 0px;}


#FooterOuterWrapper	{clear:both; display: block; width: 750px; height: 120px; background-image: url('footerbg.gif'); background-repeat: no-repeat; margin: 0px}
#ContactInfo {color: black; display: block; text-align: center; width: 750px;  margin:  2px 0px 0px 0px; }
#ContactInfo a { color: Black; font-weight: normal; text-decoration: underline; }
#ContactInfo a:hover { color: blue; }

#Affiliations {color: #F6881A; display: block; height: 15px; width: 70px; text-align: right; display: block; float: left;}
#FooterOuterWrapper #line { float: right; display: block; height: 15px; width: 660px; margin-right: 5px;}
#FooterOuterWrapper #line  hr { height: 1px; color: Gray;}

/* index */
#LeftColumnOuterWrapperIndex, #RightColumnOuterWrapperIndex { height: 600px;}
.R4innerWrap #indexImage { margin: 0px 10px 10px 0px;}

/* park map */
#LeftColumnOuterWrapperParkMap, #RightColumnOuterWrapperParkMap { height: 880px;}
#parkMapLink { text-align: center; width: 120px;  }
#mapNotes { margin: 150px 0px 0px 0px; text-align: justify; width: 120px; border: solid 0px red;}
#parkMapRules { clear: both;}

/* facilities */
#LeftColumnOuterWrapperFacilities, #RightColumnOuterWrapperFacilities { height: 880px;}
.facRightWrap { float: left; border: solid 0px blue; width: 265px; }
.rightUL {text-indent: -10px; list-style-type: none; list-style-position: outside; margin: 0px 0px 0px 15px; padding: 0px;}
.leftUL { text-indent: -10px; list-style-type: none; list-style-position: outside; margin: 0px 0px 0px 15px; padding: 0px;}
.facImgRight { margin-right: 20px;}
.facImgLeft {margin-right: 35px;}

/* directions */
#LeftColumnOuterWrapperDirections, #RightColumnOuterWrapperDirections { height: 675px;}

/* attractions */
#LeftColumnOuterWrapperAttractions, #RightColumnOuterWrapperAttractions { height: 875px;}
#R4innerWrapAttractions a {color: #4D5E2A; color: Blue; font-weight: normal;}
#R4innerWrapAttractions ul { text-indent: -10px; list-style-type: none; list-style-position: outside; margin: 0px 0px 0px 15px; padding: 0px;}

/* rates */
#LeftColumnOuterWrapperRates, #RightColumnOuterWrapperRates { height: 725px;}
.ratesTable {}
.ratesCol1, .ratesCol2, .ratesCol3 { float: left; width: 140px; display: block; display: inline;}
.ratesCol1 { font-weight: normal; margin-left: 120px; width: 220px; }
#R4innerWrapRates h2, #R4innerWrapRates h3, #R4innerWrapRates h4 { width: 100%; text-align: center;} 
.ratesFeesCol1 {float: left; width: 120px; display: block; font-weight: bold;}
.ratesFeesCol2 {float: left; width: 300px; display: block;}