html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background-color: #ffffff;}

#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: 392px; height: 220px; background: url(images/steinshouse.jpg) no-repeat center center;}

#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;}
