html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background-color: #ffffff;}
.clearfix {clear: both;}

#container {width: 980px; margin: 0 auto; padding: 0; font-size: 18px; font-weight: 500; color: #333333;}

#header {width: 100%; margin: 10px auto 10px;}
#header #headerimg {margin: 0 auto; width: 774px; height: 220px; position: relative;}
#header #divleft {width: 258px; height: 220px; float: left;}
#header #divleft img {max-width: 258px; max-height: 220px}
#header #divcenter {width: 258px; height: 220px; float: left;}
#header #divcenter img {max-width: 258px; max-height: 220px}
#header #divright {width: 258px; height: 220px; float: left;}
#header #divright img {max-width: 258px; max-height: 220px;}
#header #title {
    position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: center; color: #CC9900; font-size: 80px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-style: normal;
    font-weight: normal;}

#menu {width: 640px; margin: 0 auto; padding: 0;}
#menu ul {margin: 0 auto; padding: 0; list-style: none; line-height: normal;}
#menu li {display: block; float: left; width: 150px; height: 20px; text-align: center;}
#menu img {margin: 0 auto; border: 0}
#menu a {text-decoration: none; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 20px;}

#line {width: 640px; margin: 0 auto; height: 3px; border-top: 1px solid #333333}

#content {width: 100%; margin: 30px auto 10px; text-align: center;}
#content h1 {color: #CC9900}
#content h3 h4 {color: #333333}

#pictures {width: 75%; margin: 0 auto;}
#pictures #col1 {width: 25%; padding: 15px 0 10px; float: left}
#pictures #col2 {width: 50%; float: left}
#pictures #col3 {width: 25%; padding: 15px 0 10px; float: left}
#pictures img {margin: 0 auto; padding: 4px 0 4px; border: 0;}
#col2 img {margin: 0 auto; padding: 5px 0 15px; border: 0;}

#directions {width: 75%; margin: 0 auto;}
#directions ol {text-align: left;}
#directions li {margin: 10px auto;}

#month {float: left; font-size: 28px; font-weight: 600; color: #333333;}
#controls {float: right;}

#calendar {width: 85%; margin: 0 auto;}
table.calendar {border-collapse: collapse; width: 100%; margin: 0 auto;}
tr.calendar-row {}
td.calendar-day {font-size: 11px;}
td.calendar-day-np {background: #EDEDED;}

td.calendar-day-head {background: #CCCCCC; font-size: 11px; font-weight: bold; text-align: center; width: 14.285%; padding: 5px; border: 1px solid #BBBBBB;}
div.day-number {background: #999999; font-size: 13px; font-weight: bold; text-align: center; width: 16px; padding: 5px; color: #FFFFFF; float: right; margin: -5px -5px 0 0; text-decoration: none;}
div.day-body {height: 50px;}
td.calendar-day, td.calendar-day-np {width: 14.285%; padding: 4px; border: 1px solid #BBBBBB;}
