* {margin: 0; padding: 0;}

body {
  font-size: 87.5%;
  font-family: Verdana, Arial, sans-serif;
  background-color: #e2e6ec;
}

table {border-collapse: collapse; margin: 1em -0.6em;}
table td, table th {padding: 0.3em 0.6em; text-align: left; vertical-align: top;}
table th {border-bottom: 1px solid #b3e6e6;}

img {border: 0;}

h1, h2, h3, h4, h5, h6, p {margin: 1em 0;}
.container {background-color: #fff; margin: auto; width: 64em;  }

a {text-decoration: none; color: #125ebc;}
a:hover {color: #000;}

img.mainpic {width: 34em;}
img.thumbnail {width: 13em;}
.map {width: 450px; height: 325px;}
.morepics {font-size: .9em; }

#header {height: 8.5em; position: absolute; top: 0; left: 0; width: 100%;}
#topnav {background-color: #333; font-size: 90%;  padding: .25em; margin-bottom: .5em; text-align: right;}
#topnav, #topnav a {color: #fff;}
#topnav ul {list-style-type: none; }
#topnav li {display: inline;}

#titlebar_wrap {position: absolute; bottom: 0; width: 64em; margin: auto;}
#titlebar_wrap img {border: none;}

#titlebar { 
    border-top: 5px solid #b6e6ea; 
    border-left: 2px solid #b6e6ea; 
    border-right: 2px solid #b6e6ea;
    background-color: #f7fefe;     
    padding: .5em 0;
}
#titlebar h1, #titlebar h2 {font-size: 1.5em; font-weight: bold; color: #125ebc; margin: .5em .5em;}
#titlebar h2 {font-size: 1.2em;}

#content_wrap {border-left: 2px solid #b6e6ea; border-right: 2px solid #b6e6ea; border-top: 1px solid #b6e6ea; height: 100%; margin-top: 8.5em; /*needs to be same height as top nav*/  position: relative; top: 0; left: 0;}
#content_wrap p {text-align: left;}

#content_wrap h1 {
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: 1px solid #b3e6e6;
  padding-bottom: 0.2em;
  color: black;
  display: inline; /* so that the underline spans only text width, and not the entire page */
  line-height: 300%; /* for padding below, the above line took away other possibilities */
}
#content_wrap ul {list-style: none;}
#content_wrap li {margin-bottom: .5em;}

#content, #content_rightnav, #content_leftnav, #content_bothnav {padding: 0 .5em;}
#content_rightnav {margin: 0 14em 0 0;}
#content_leftnav {margin: 0 0 0 14em;}
#content_bothnav {margin: 0 14em;}

#rightside, #leftside {padding: 0 .5em; position: absolute; top: 0; right: 0; width: 13em;}
#leftside {left: 0; }

#leftside h1 {font-size: .9em; font-weight: bold; margin-top 5em; padding-top: 0;  }
#leftside a {text-decoration: none; color: #125ebc;}
#leftside a:hover, #leftside li:hover {color: #000;}
#leftside ul {list-style: none; margin: 0; padding: 0 .7em;}
#leftside li {color: #125ebc; cursor: pointer; font-size: .8em; margin-top: 3px;}
#leftside li .phone, #leftside li.phone:hover {cursor: auto; color: #125ebc;}
#rightside ul {list-style: none;}

a.maplink {font-size: .6em; color: #125ebc;}
#maincontent .seemore {
  text-align: right;
  margin: -5px 20px 0px 5px;
  padding: 0;
  font-size: 0.8em;  
}

ul.thumbnails {margin-top: 0;}
ul.thumbnails li {margin-bottom: .5em;}

#viewreservations th, #viewreservations td {padding: 0 .5em;}
#viewreservations th {text-decoration: underline;}


#calendar td.confirmed, .confirmed {color: #000; background-color: lightblue;} 
#calendar td.tentative {color: #000; background-color: lightpink;}
#calendar td, #calendar th {text-align: center; padding: 0 2px; font-size: .9em;}
#calendar th {background-color: #ddd; border-color: #999;}
#calendar table {border: 1px solid #999; float: left; margin: .5em; }
#calendar .calgroup {float: left;}

.popupCalendar2909 {
    position: absolute;
    top: -9em;
    right: 0;
    z-index:5;
    background-color:white;
    border:2px solid black;
    text-align: right;
}

/*Need to undo some styling applied to all tables above...*/
.popupCalendar2909 table {margin: 0;}
.popupCalendar2909 table td, .popupCalendar2909 table th {padding: 0 3px;}
.popupCalendar2909 table th {border: none; text-align: center;}
.popupCalendar2909 td {padding-right: 10px; }
 
.popupCalendar2909Header {
   background-image:url("/static/images/vertgradpixsmall.jpg");
   background-color: #fff;
   font-weight: bold; color:#333;
   border-bottom: 1px solid #000;
}
.popupCalendar2909DayNames th {padding-right: 5px; text-decoration: underline;}
 
.popupCalendar2909Header a {color:#333333;}
.popupCalendar2909Header a:visited {text-decoration:none;}
.popupCalendar2909Header a:hover {text-decoration:underline;}
 
.popupCalendar2909Day {cursor:pointer; text-align: center;}
.popupCalendar2909Day:hover {background-color: #ccffff;}

#reservationform {width: 50em; text-align: left;}
.reservationrow {clear: float; margin-bottom: .25em;}
.reservationrow label {float: left; margin-right: .25em; text-align: right; width: 13em;}
.reservationrow input {line-height: 1.5em;}
.reservationrow img {margin: 0 5px 0 2px; vertical-align: bottom;}

.formrow{clear: float; margin-bottom: .25em;}
.formrow label {float: left; margin-right: .25em; text-align: right; font-weight: bold; width: 8em;}
.formrow input {line-height: 1.5em; width: 15em;}
.formrow input.button {width: auto;}

/* STYLING FOR CONTACT LIGHTBOX */
#lightbox {position: absolute;
           left: 0;
           top: 10em;
           width: 100%;
           z-index: 100;
           text-align: center;}
#overlay {position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 500px;
          z-index: 90;
          background-color: #000;
          opacity: .8;}
#emailfriend {background-color: #fff;
              padding: 0 2em;
              margin: auto;
              width: 30em;
              text-align: left;
              border-top: 5px solid #b6e6ea; 
              border-left: 2px solid #b6e6ea; 
              border-right: 2px solid #b6e6ea;
              border-bottom: 2px solid #b6e6ea;
              background-color: #f7fefe;}
.close {border: 1px solid #000;
        padding: 5px;
        margin: 5px;
        float: right;
}

/* STYLE FOOTER */
#footer {
  border: 2px solid #b6e6ea;
  border-top: 1px solid #b6e6ea;
  background-color: #f7fefe;
  color: #7f7f7f;
  padding: .5em;
  text-align: center;}

#footer ul {font-size: .8em; list-style-type: none;}
#footer li {display: inline;}

.errors ul {list-style-type: none; margin: 1em; color: #f00;}
.hidden {display: none;}
.clearfloat {clear: both;}
.filler {height: 1px;}
.extra {height: 1em;}