/* ---------------------------------------------------- Start Global Formatting */
body {
  position: relative;
  min-width: 960px;
  padding-top: 36px;
  padding-bottom: 30px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  word-wrap: break-word;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border-style: solid;
  border-color: transparent;
}

a {
  color: gray;
}

div.main {
  margin: 0px auto;
  width: 960px;
  min-height: 1200px;
  background-color: transparent;
  display: block;
  padding-bottom: 60px;
}

div.top {
  width: 100%;
  height: 30px;
  background-color: cornflowerblue;
  filter: alpha(opacity=90); /* for IE */
  opacity: 0.9; /* CSS3 standard */
}

div.header {
  margin-top: 28px;
}

img.park-logo {
  height: 85px;
  margin-left: 20px;
  margin-right: 20px;
}

img.park-text {
  height: 66px;
  margin-bottom: 12px;
}

a.facebook-logo {
  float: right;
  padding: 15px 30px 0px 0px;
}

  a.facebook-logo img {
    width: 49px !important;
    height: 48px !important;
    padding: 0px !important;
    margin: 0px !important;
  }

div.menu-bar {
  margin-top: 10px;
  text-align: center;
}

  div.menu-bar a {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    width: 135px;
    height: 24px;
    padding-top: 10px;
    border: solid 1px white;
    text-decoration: none;
    margin-bottom: 15px;
  }

    div.menu-bar a:hover, .menu-bar-background-color, div.menu-bar a:active {
      background-color: cornflowerblue;
      color: white !important;
    }

.border-dashed {
  border: dashed 1px black;
}
/* ---------------------------------------------------- End Global Formatting */

/* ---------------------------------------------------- Start Footer */

div.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  filter: alpha(opacity=90); /* for IE */
  opacity: 0.9; /* CSS3 standard */
}

div.bottom-section {
  border-top: solid 10px lightgray;
  width: 100%;
  background-color: cornflowerblue;
}

  div.bottom-section div {
    width: 960px;
    margin: 0px auto;
    text-align: center;
    padding: 5px !important;
  }

/* ---------------------------------------------------- End Footer */

/* ---------------------------------------------------- Home Page Start */
table.leaves {
  margin: 20px 0px;
  width: 100%;
}

img.leave-left {
  margin-left: 80px;
}

img.leave-right {
  margin-right: 80px;
  float: right;
}

span.welcome {
  font-size: xx-large;
  color: cornflowerblue;
  padding-bottom: 10px;
  display: inline-block
}

span.celebrate {
  font-size: xx-large;
  color: gray;
}

div.flag-banner {
  text-align: center;
}

  div.flag-banner img {
    width: 100%;
  }

div .description {
  font-size: x-large;
  padding: 20px 50px 40px 50px;
  text-align: justify;
}

div.address {
  font-size: x-large;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

table.links {
  margin: 0 auto !important;
  border-spacing: 1px !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

  table.links th {
    color: cornflowerblue;
    font-size: 32px;
    padding: 10px 0px;
    text-align: center;
    font-weight: normal;
  }

  table.links td a {
    text-decoration: none !important;
    font-weight: normal !important;
  }

    table.links td a div {
      display: table-cell !important;
      width: 190px !important;
      height: 44px !important;
      border-radius: 23px !important;
      border: 1px solid cornflowerblue !important;
      text-align: center !important;
      vertical-align: middle !important;
      background-color: #dddddd !important;
      color: black !important;
    }

      table.links td a div:hover {
        color: white !important;
        background-color: cornflowerblue !important;
      }

/* ---------------------------------------------------- Home Page End */

/* ---------------------------------------------------- About Page Start */
img.header-main {
  height: 203px;
  width: 960px;
}

img.event-main {
  width: 920px;
  margin-left: 19px;
  margin-bottom: 20px;
}

div.park-header, div.park-warning {
  font-size: xx-large;
  color: cornflowerblue;
  padding-bottom: 10px;
  text-align: center;
  margin-top: 15px;
}

div.park-warning {
  margin-top: 10px !important;
  color: red !important;
  font-weight: bold;
}

div.park-sub-header {
  font-size: large;
  font-weight: bold;
  color: gray;
  font-style: italic;
  text-align: center;
  margin-bottom: 20px;
}

div.not_available {
  font-size: x-large;
  font-weight: bold;
  color: gray;
  text-align: center;
  margin-bottom: 20px 0px;
}

.park-small-header {
  font-size: medium;
  font-weight: bold;
  color: darkblue;
  text-align: center;
}

img.about-left {
  margin-left: 40px;
}

img.about-right {
  margin-right: 40px;
  float: right;
}

img.about-left, img.about-right {
  width: 415px;
  height: 277px;
  margin-top: 0px;
  margin-bottom: 30px;
}

div.park-text {
  padding: 10px 80px;
  text-align: justify;
}

legend.main {
  font-size: small !important;
}
/* ---------------------------------------------------- About Page End */

/* ---------------------------------------------------- Rental Page start */
img.rental-left {
  margin-left: 0px;
}

img.rental-right {
  margin-right: 0px;
  float: right;
}

img.rental-left, img.rental-right {
  width: 415px;
  height: 277px;
  margin-top: 0px;
  margin-bottom: 20px;
}
/* ---------------------------------------------------- Rental Page End */

/* ---------------------------------------------------- Membership Page Start */
div.membership-main {
  border: 1px solid black;
  margin-top: 20px;
  margin-bottom: 30px;
}

  div.membership-main span.tab1, div.membership-main span.tab2, div.membership-main span.tab3, div.membership-main span.tab4 {
    width: 239px;
    text-align: center;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    display: inline-block;
    padding: 3px 0px;
    font-size: medium;
    color: black;
    font-weight: normal;
  }

  div.membership-main span.tab4 {
    border-right-width: 0px;
    width: 238px;
  }

table.pavers {
  width: 800px;
  margin: 0 auto;
  margin-bottom: 30px;
}

  table.pavers td {
    text-align: center;
  }

    table.pavers td div.box {
      border: 10px solid cornflowerblue;
      width: 350px;
      margin: 0 auto;
      min-height: 415px;
    }

table.images {
  width: 100%;
}

  table.images td {
    width: 33%;
    text-align: center;
    color: gray;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
  }

    table.images td img {
      width: 280px;
      height: 187px;
    }

    table.images td div {
      padding: 5px !important;
      border: 1px solid black;
    }

table.pavers img {
  margin-top: 0px;
  margin-bottom: 20px;
  width: 370px;
}

  table.pavers img.paver {
    width: 144px;
  }

img.image-left {
  margin-left: 10px;
}

img.image-middle {
  margin-left: 30px;
}

img.image-right {
  margin-right: 10px;
  float: right;
}

div.info2 span.legend {
  display: inline-block;
  width: 33%;
  text-align: center;
  color: gray;
  font-weight: bold;
  padding-top: 5px;
  text-transform: uppercase;
}

.iframe {
  margin-left: 45px;
  border: 1px solid gray;
  padding: 0px 5px 5px 5px;
  width: 870px;
  height: 1000px;
  margin-bottom: 30px;
}

div.page-tabs span {
  cursor: pointer;
}

  div.page-tabs span:hover {
    background-color: white;
  }
/* ---------------------------------------------------- Membership Page End */

/* ---------------------------------------------------- Events Page Start */
div.page-main {
  border: 1px solid gray;
  margin-bottom: 30px;
}

  div.page-main span.tab1, div.page-main span.tab2, div.page-main span.tab3, div.page-main span.tab4, div.page-main span.tab5 {
    width: 191px;
    text-align: center;
    border-right: 1px solid gray;
    display: inline-block;
    padding: 3px 0px;
    font-size: medium;
    color: black;
    font-weight: normal;
  }

.border-bottom-white {
  border-bottom: 1px solid white !important;
}

.border-bottom-gray {
  border-bottom: 1px solid gray !important;
}

div.page-main span.tab5 {
  border-right-width: 0px;
  width: 190px;
}

div.events {
  font-weight: bold;
  text-align: center;
  font-size: x-large;
  margin-bottom: 30px;
}

iframe.calendar {
  padding: 9px;
  width: 778px;
  height: 550px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ffffff;
}

p.event-link {
  margin-left: 19px;
  width: 919px !important;
}

img.scan-day-left {
  float: left;
  margin: 0px 40px 100px 0px;
}

img.scan-day-right {
  float: right;
  margin: 0px 0px 100px 40px;
}

img.dinner-left {
  margin-left: 20px;
}

img.dinner-right {
  margin-right: 20px;
  float: right;
}

img.dinner-left, img.dinner-right {
  height: 250px;
  margin-bottom: 20px;
  margin-top: 10px;
}

img.midsummer-left {
  margin-left: 0px;
}

img.midsummer-right {
  margin-right: 0px;
  float: right;
}

img.midsummer-left, img.midsummer-right {
  margin-bottom: 20px;
  margin-top: 10px;
}

div.scan-day-events {
  margin-top: 20px;
  text-align: justify;
}
/* ---------------------------------------------------- Events Page End */

/* ---------------------------------------------------- Location Page Start */
iframe.location {
  border-width: 0px;
  width: 788px;
  height: 600px;
  padding: 5px;
}
/* ---------------------------------------------------- Location Page End */

/* ---------------------------------------------------- Scanday Start */
table.scanday {
  margin: 0 auto;
  padding: 20px 0px 0px 0px;
}

  table.scanday td img {
    margin: 0px;
    height: 195px;
    width: 293px;
    margin-bottom: 5px;
  }

  table.scanday td.middle {
    text-align: justify;
    vertical-align: text-top !important;
    width: 300px;
    padding: 0px 10px;
  }

    table.scanday td.middle p {
      font-size: large;
      margin-top: 1px;
      border-top: 1px solid gray;
      padding-top: 8px;
      margin-bottom: 10px;
      color: cornflowerblue;
      color: darkblue;
      text-align: center !important;
    }

table.scanday-text {
  width: 100%;
}

  table.scanday-text td {
    padding: 0px 10px;
    text-align: justify;
    vertical-align: top;
  }

  table.scanday-text img {
    width: 130px;
  }
/* ---------------------------------------------------- Scanday End */

/* ---------------------------------------------------- Format Start */
.under-construction {
  display: block;
  margin: 0 auto;
  padding-bottom: 20px;
}

.center {
  text-align: center;
}

.center-object {
  margin: 0 auto;
}

.justify {
  text-align: justify;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

.large {
  font-size: large;
}

.medium {
  font-size: medium;
}

.x-large {
  font-size: x-large;
}

.xx-large {
  font-size: xx-large;
}

p.box-with-link, div.box-with-link, p.box, div.box {
  width: 100%;
  padding: 5px 0px;
  color: #333333;
  text-align: center;
  background-color: #eeeeee;
}

p.box, div.box {
  margin: 10px 0px;
  font-size: large;
  font-weight: bold;
}

p.box-text, div.box-text {
  text-align: justify;
  font-weight: bold;
  padding: 5px 10px;
}

div.box-wrapper {
  width: 80%;
  margin: 0 auto;
  padding: 10px 0px;
}

a.here-link, a.here-link:active, a.here-link:visited {
  text-decoration: none;
  color: #777777 !important;
  font-weight: bold;
}

  a.here-link:hover {
    color: black !important;
  }

.white-background-color {
  background-color: white !important;
}

.gray-background-color {
  background-color: #cccccc;
}

.float-left {
  float: left;
  margin-left: 40px;
}

.float-right {
  float: right;
  margin-right: 40px;
}

.inline-block {
  display: inline-block;
}

.center-image {
  display: block;
  margin: 0 auto;
}

.mirror {
  display: inline-block;
  transform: matrix(-1, 0, 0, 1, 0, 0) !important;
}
/* ---------------------------------------------------- Format End */

/* ---------------------------------------------------- Start set radius and border for various elements */
.border-radius-top, .border-radius-left, .border-radius-top-left, .border-radius {
  border-top-left-radius: 4px !important;
}

.border-radius-top, .border-radius-right, .border-radius-top-right, .border-radius {
  border-top-right-radius: 4px !important;
}

.border-radius-bottom, .border-radius-left, .border-radius-bottom-left, div.page-main, .border-radius {
  border-bottom-left-radius: 4px !important;
}

.border-radius-bottom, .border-radius-right, .border-radius-bottom-right, div.page-main, .border-radius {
  border-bottom-right-radius: 4px !important;
}

div.ws_images img, img.header-main, img.event-main, img.about-left, img.about-right, img.rental-left, img.rental-right, table.pavers td div.box,
table.images td img, table.pavers img, img.scan-day-left, img.scan-day-right, img.dinner-left, img.dinner-right, img.midsummer-left, img.midsummer-right,
p.box-with-link, div.box-with-link, p.box, div.box, .border-radius, div.contact-us, img.contact-us, legend, p.scanpark span.wide span, p.scanpark input, .ui-button {
  border-radius: 4px !important;
}

.border-1, .ui-border-1 {
  border: 1px solid gray !important;
}

.border-2, .ui-border-2 {
  border: 2px solid gray !important;
}
/* ---------------------------------------------------- End set radius and border for various elements */

/* ---------------------------------------------------- Start Contact Us Page */
table.contact-us {
  margin: 0 auto;
}

  table.contact-us td {
    padding: 10px;
  }

div.contact-us {
  padding: 10px;
  width: 400px;
  background-color: #eeeeee;
  min-height: 115px;
  margin-top: 20px !important;
}

img.contact-us {
  float: left !important;
  margin: 0px 20px 5px 0px !important;
  height: 100px;
  box-shadow: 4px 4px 4px 0px #999999;
  background-color: white;
}

div.contact-us span.contact-us {
  display: inline-block;
  width: 50px;
  font-weight: bold;
  color: #366092;
  padding-top: 5px;
}

h5.contact-us {
  color: #366092;
  padding: 0px;
  margin: 0px;
  font-size: 115%;
}
/* ---------------------------------------------------- End Contact Us Page */

/* ---------------------------------------------------- Start Donation Page */
div.sponsor-header {
  width: 500px;
  margin: 0 auto;
  font-size: large;
  font-weight: bold;
  color: #333333;
  text-align: center;
  padding: 2px;
  background-color: #eeeeee;
}

div.sponsor-list {
  margin: 10px 0px
}

div.sponsor {
  width: 500px;
  margin: 0 auto;
  padding: 1px 3px;
}

  div.sponsor span.sponsor-name {
    display: inline-block;
    width: 380px;
    font-weight: bold;
  }

  div.sponsor span.sponsor-amount {
    display: inline-block;
    width: 100px;
    text-align: right;
  }

  div.sponsor span.sponsor-marker {
    display: inline-block;
    width: 20px;
    text-align: right;
    font-weight: bold;
  }

div.sponsor-legend {
  margin: 20px 0px;
  text-align: center;
  font-weight: bold;
}

.sponsor-highlight {
  background-color: #dddddd;
}
/* ---------------------------------------------------- End Donation Page */

/* use this to create good looking text, then do a screen grab of the section and use the image instead */
div.scanday-text {
  font-weight: bold;
  font-size: 30px;
  font-family: 'Ink Free';
  text-align: center;
}

/* ---------------------------------------------------- Start slide show on home page */
#slideshow {
  margin: 0 auto;
  position: relative;
  width: 960px;
  height: 203px;
  padding: 0px;
}

  #slideshow > div {
    position: absolute;
  }
/* ---------------------------------------------------- End slide show on home page */

img.flowers {
  width: 960px;
  margin: 10px 0px;
}

div.registration-closed {
  margin: 0 auto;
  width: 70%;
  padding: 20px;
  margin-top: 20px;
  font-weight: bold;
  color: red;
  font-size: large;
  text-align: center;
}

.ui-button {
  padding: 2px 13px !important;
}

div.cancellation {
  font-size: 20px;
  color: red;
  border: 2px solid red;
  border-radius: 5px;
  padding: 10px;
  width: 600px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  background-color: #fff88b;
}

button.continue, button.back, button.print, a.download {
  border-color: cornflowerblue !important;
}

  button.continue:hover, button.back:hover, button.print:hover, a.download:hover {
    background-image: none;
    background-color: cornflowerblue;
    color: white;
  }