body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background-color: #FFF;
  color:#6F6F6F;
  text-align:center;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

.clear{
  clear:both;
}

img{border:0px;}

/* LAYOUT STUFF */
#siteWrap{
  width:887px;
  text-align:left;
  margin:auto;
}

#headerWrap{
  height:244px;
  background: transparent url(../images/new-header.jpg) no-repeat scroll top left;
}

#bodyWrap{
  background: #E5E5E5 url(../images/grey-background-top.gif) no-repeat scroll top left;
}

#sidebarWrap{
  float:left;
  width:160px;
  padding:6px;
}

#contentWrap{
  float:left;
  width:700px;
  padding:6px 6px 6px 0px;
}

.contentFooter{
  height:10px;
  background: transparent url(../images/info-white-bottom.gif) no-repeat scroll top left;
  clear:both;
}

#footerWrap{
  clear:both;
  background: #E5E5E5 url(../images/grey-background-bottom.gif) no-repeat scroll bottom left;
  padding:6px;
  text-align:center;
}

#subMenuLi{
  padding:0px !important;
  background-image: none !important;
  height:auto !important;
}

/* PARK SPECIFIC */
#parkInfoWrap, #parkMapWrap, #parkFacilityWrap{
  background-color:#FFF;
  margin-bottom:1em;
}

#contentWrap h1{
  background: transparent url(../images/infobar-green.gif) repeat-x scroll top left;
  height:24px;
  margin:0px;
  padding:1px 6px 6px 70px;
  font-size:1.8em;
  letter-spacing:-0.05em;
  color:#FFF;
}

#parkInfoWrap h1{
  background: transparent url(../images/infobar-blue.gif) no-repeat scroll top left;
  height:32px;
  margin:0px;
  padding:2px 6px 6px 70px;
  font-size:2.2em;
  letter-spacing:-0.05em;
  color:#FFF;
}

div.parkInfoInner{
  margin-left:6px;
  margin-right:7px;
  background-color:#E5E5E5;
  border:1px solid #CFCFCF;
  border-top:none;
  border-bottom:none;
  padding:6px;
}

#parkInfoTxt{
  float:left;
  width:264px;
  text-align:justify;
}

#parkInfoAdvisory, #parkInfoGallery{
  float:right;
  width:400px;
  margin-bottom:6px;
}

#parkInfoAdvisory h1{
  background: transparent url(../images/advisory-bar-top.gif) no-repeat scroll top left;
  height:20px;
  padding:2px 6px 6px 40px;
  font-size:1.5em;
}

.parkInfoAdvisoryList{
  list-style:none;
  margin:0px;
  padding:0px;
  color:#FFF;
}

.parkInfoAdvisoryList li{
  /*height:15px;*/
  border:1px solid white;
  border-bottom:none;
  padding:6px;
  height:36px;
  overflow:hidden;
  cursor:pointer;
}

.parkInfoAdvisoryList li.odd{
  background-color:#5A8A58;
}

.parkInfoAdvisoryList li.even{
  background-color:#7C9F7B;
  position:relative;
}

div.advisoryTxtWrap{
  padding-left:38px;
}

#lastDiv{
  background: #7C9F7B url(../images/advisory-bar-bottom.gif) no-repeat scroll bottom left;
  width:400px;
  height:6px;
  position:absolute;
  bottom:0px;
  left:-1px;
}

img.advisoryLogo{
  float:left;
  margin-right:6px;
}

.parkFacilityColumn{
  width:45%;
  float:left;
  padding-left:1em;
}

.parkInfoFooter{
  height:22px;
  background: transparent url(../images/infobar-gray-bottom.gif) no-repeat scroll top left;
  margin-left:6px;
}

#parkMapArea{
  height:300px;
  padding:6px;
}

/* GALLERY ADMIN */

#gAdminWrap{
  width:800px;
  text-align:left;
}

#gAdminWrap label, #gAdminWrap input{
  float:left;
  width:150px;
  margin-top:12px;
  margin-left:12px;
}

#gAdminWrap br{
  clear:both;
}

#gAdminSubmit{
  margin-left:174px !important;
}

#gAdminList{
  list-style:none;
  margin:0px;
  margin-top:12px;
  padding:12px;
  background-color:grey;
}

#gAdminList li{
  float:left;
  margin:6px;
  background-color:white;
  width:204px;
  height:244px;
  position:relative;
}

.gAdminImgWrap{
  width:200px;
  height:200px;
  background-color:#eee;
  border: 2px solid #eee;
  text-align:center;
}

.gAdminImageInfo{
  padding:6px;
}

.gAdminDelWrap{
  position:absolute;
  left:3px;
  top:3px;
}

#gAdminNoImageWrap{
  padding:12px;
}

/* GALLERY */

#parkInfoGallery{
  overflow:hidden;
}

#galleryStage{
  width:400px;
  height:300px;
  position:relative;
}

#galleryStageTl, #galleryStageTr, #galleryStageBr, #galleryStageBl{
  width:5px;
  height:6px;
  position:absolute;
}

#galleryStageTl{
  background: transparent url(../images/tl.png) no-repeat scroll top left;
  top:0px;
  left:0px;
}

#galleryStageTr{
  background: transparent url(../images/tr.png) no-repeat scroll top left;
  top:0px;
  right:0px;
}

#galleryStageBr{
background: transparent url(../images/br.png) no-repeat scroll top left;
bottom:0px;
right:0px;
}

#galleryStageBl{
background: transparent url(../images/bl.png) no-repeat scroll top left;
bottom:0px;
left:0px;
}

#galleryStage .hidden{
  display:none;
}

div.galleryPrev{
  text-align:center;
  width:400px;
  height:300px;
  background-color:#fff;
}

div.galleryThumbWrap{
  text-align:center;
  background-color:#fff;
  border: 2px solid #fff;
  float:left;
  width:100px;
  height:100px;
  margin:2px;
}

/* MAIN MENU */

#mainMenu, #parkMenu, #parkMenu ul{
  padding:0px;
  margin:0px;
  list-style:none;
}

#mainMenu li, #parkMenu li{
  width:113px;
  min-height:19px;
  height:auto !important;
  height:19px;
  background: transparent url(../images/leftbar-blue-middle2.gif) no-repeat scroll top left;
  color:#fff;
  font-size: 1.1em;
  padding:8px 6px 4px 40px;
  margin-bottom:0px;
  border-bottom:1px solid #FFF;
}

#mainMenu li.last{
/*  background: transparent url(../images/leftbar-blue-bottom.gif) no-repeat scroll top left;*/
  position:relative;
}

div.mainMenuBottom{
  position:absolute;
  left:0px;
  bottom:0px;
  width:158px;
  height:5px;
  background: #DDD url(../images/blue_menu_bottom.gif) no-repeat scroll top left;
}

#mainMenu li a, #parkMenu li a{
  color:#fff;
  text-decoration:none;
  display: block;
}

html > body #mainMenu li a, html > body #parkMenu li a{
  width:auto;
}

#mainMenu li a:hover, #parkMenu li a:hover{
  text-decoration:underline;
}

/* PARK MENU */

#parkMenu li{
  background: transparent url(../images/leftbar-blue-top.gif) no-repeat scroll top left;
/*  margin-bottom:1px;*/
}

#parkMenu ul li{
  width:151px;
  min-height:18px;
  height:auto !important;
  height:18px;
  background: transparent url(../images/leftbar-submenu-green.gif) repeat-x scroll top left;
  color:#fff;
  font-size:1em;
  padding:6px 0px 2px 6px;
/*  margin-bottom:1px;*/
  margin-left:1px;
}

#parkSubMenu{
  width:158px;
}

/* STANDARD PAGE LAYOUT */

#leftColumn{
  float:left;
  width:48%;
  /*border: 1px solid #999;*/
}

#rightColumn{
  float:right;
  width:50%;
  /*border: 1px solid #999;*/
}

div.pageBoxWrap{
  position:relative;
  margin-bottom:1em;
}

div.pageBoxWrap h3{
  height:18px;
  background: transparent url(../images/leftbar-submenu-green.gif) repeat-x scroll top left;
  color:#fff;
  font-size:1.2em;
  padding:4px 0px 4px 6px;
  margin:0px;
}

div.pageBoxBody{
  padding:6px;
  background-color:#fff;
  overflow:hidden;
}

div.pageBoxTl{
  background: transparent url(../images/tl.png) no-repeat scroll top left;
  position:absolute;
  top:0px;
  left:0px;
  width:5px;
  height:6px;
}

div.pageBoxTr{
  background: transparent url(../images/tr.png) no-repeat scroll top left;
  position:absolute;
  top:0px;
  right:0px;
  width:5px;
  height:6px;
}

  div.pageBoxBl{
    background: transparent url(../images/bl.png) no-repeat scroll top left;
    position:absolute;
    bottom:0px;
    left:0px;
    width:5px;
    height:6px;
  }

  div.pageBoxBr{
    background: transparent url(../images/br.png) no-repeat scroll top left;
    position:absolute;
    bottom:0px;
    right:0px;
    width:5px;
    height:6px;
  }

/* GOOGLE MAPS STUFF */

#gmapWrap{
  height:300px;
}

#leftColumn #gmapWrap{
  height:600px;
}

/*hide info initially */
.parkInfo{
  background-color:#fff;
  padding:0.5em;
}

.parkInfo h1{
  background: #fff url() no-repeat scroll top left !important;
  color:#000 !important;
  padding:0em 0em 0.5em 0em !important;
}

/*show when in info bubble */
.gmnoprint .parkInfo{
}