html {
   height: 100%;
}
body {
   height: 100%;
   margin: 0;
   padding: 0;
   background: #47f;
   text-align: center;
   font-family: helvetica;
}

h2 {
   font-size: 14pt;
   margin-top: 10px;
}

p {
   margin-left: 10px;
   margin-right: 10px;
}

#wrapper {
   width: 800px;
   height: 100%;
   margin: 0 auto;
   border-spacing: 0;
   text-align: left;
}

#left {
   width: 20px;
   padding: 0;
   background: url(images/gradientleft.gif);
}
#right {
   width: 20px;
   padding: 0;
   background: url(images/gradientright.gif);
}

#main {
   margin: 0;
   padding: 0;
   vertical-align: top;
}

#main {
   background: #fff;
}

/** HEADER **/
#header {
   height: 200px;
   text-align: right;
   background: url(images/header.jpg);
}

#slideshow {
   display: inline;
}
#slideshow img {
   border: 0;
}

/** NAVIGATION **/
#nav {
   height: 25px;
   background: #34f;
   vertical-align: middle;
}
#nav a, #nav a:visited, #nav a:hover {
   color: #fff;
   text-decoration: none;
}
#nav ul {
   margin: 3px 0 0 0;
   display: inline;
   float: left;
   padding: 0 0 0 10px;
   height: 25px;
}
#nav li {
   display: inline;
   margin: 0 10px 0 10px;
}
.navborder {
   height: 4px;
   background: #02c;
}

#location {
   display: inline;
   float: right;
   margin: 2px 5px 0 0;
   color: #fff;
   font-style: italic;
}

/** CONTENT **/
#content {
   margin: 0 5px 15px 5px;
}

#photos {
   text-align: center;
   width: 750px;
}

#photos img {
   padding: 10px 20px 10px 20px;
}

.month {
   background: #47f;
   border: 3px solid #000;
   border-collapse: collapse;
}

.month td {
   border: 2px solid #000;
}