* {
    padding: 0;
    margin: 0;
}

html { 
	margin: 0; 
}

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.5em;
	text-align: center;
    background-color: #939dcb;
    color: #284a71;
}

img {
    border: none;
}

#container {
	width: 1020px;
	margin: auto;
    margin-top: 10px;
}

a:link, a:visited {
    color: #3b5998;
    text-decoration: none;
}

a:hover, a:active {
    color: #3b5998;
    text-decoration: underline;
}

.script {
    font-family: Times New Roman, serif;
    font-style: italic;
}

.no_script {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-style: normal;
}

/* BASE AND HEADER */

#outer_panel {
    float: left;
    width: 1000px;
}

#outer_panel #top_shadow {
    float: inherit;
    width: 920px;
    height: 25px;
    padding-left: 25px;
    padding-right: 55px;
    padding-top: 10px;
    background-image: url('../images/top_shadow.png');
    text-align: right;
    font-size: 1.4em;
    font-weight: bold;
}

#outer_panel #middle {
    float: inherit;
    width: 920px;
    padding-left: 25px;
    padding-right: 55px;
    background-image: url('../images/middle_bg.png');
}

/* HEADER */

#outer_panel #middle #header {
    float: inherit;
    width: 920px;
}

#outer_panel #middle #header #banner {
    float: inherit;
    width: 920px;
    height: 212px;
    margin-bottom: 13px;
    background-image: url('../images/banner_sunflowers.jpg');
}

#outer_panel #middle #header ul#menu {
    float: inherit;
    width: 903px;
    height: 23px;
    padding-left: 15px;
    list-style-type: none;
    border: 1px solid #506071;
    background-image: url('../images/menu_bg.png');
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0px;
}

#outer_panel #middle #header ul#menu li {
    float: inherit;
    margin-right: 40px;
    margin-top: 3px;
}

#outer_panel #middle #header ul#menu li a {
    color: #fff;
}

#outer_panel #middle #header ul#submenu {
    float: inherit;
    width: 903px;
    height: 23px;
    padding-left: 15px;
    list-style-type: none;
    border: 1px solid #506071;
    border-top: 0;
    background-color: #cee7f2;
    font-size: 1.1em;
    font-weight: bold;
}

#outer_panel #middle #header ul#submenu li {
    float: inherit;
    margin-right: 40px;
    margin-top: 4px;
}

#outer_panel #middle #header ul#submenu li a {
    color: #284a71;
}

/* INNER PANEL AND PAGE STYLING */

#outer_panel #middle #inner_panel {
    float: inherit;
    width: 880px;
    padding: 20px;
    padding-top: 27px;
    background-color: #cee7f2;
    margin-top: 30px;
}

#outer_panel #middle #inner_panel h1 {
    font-size: 2.1em;
    margin-bottom: 0.75em;
}

#outer_panel #middle #inner_panel h1.top {
    margin-bottom: 1.25em;
}

#outer_panel #middle #inner_panel h2.left {
    text-align: left;
    margin-bottom: 0.75em;
    font-size: 2.0em;
    line-height: 1.2em;
}

#outer_panel #middle #inner_panel h2.full {
    float: left;
    width: 880px;
}

#outer_panel #middle #inner_panel p.centre {
    float: left;
    width: 880px;
    text-align: center;
    font-size: 1.4em;
    margin-top: 0;
    margin-bottom: 1.5em;
}

#outer_panel #middle #inner_panel p.left {
    float: left;
    width: 880px;
    text-align: left;
    font-size: 1.4em;
    line-height: 1.4em;
    margin-top: 0;
    margin-bottom: 1.0em;
}

#outer_panel #middle #inner_panel .note_block {
    float: left;
    margin-left: 180px;
    margin-right: 180px;
    width: 500px;
    border: 1px solid #7097c4;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: #d9edf6;
}

#outer_panel #middle #inner_panel .note_block p.left {
    width: 500px;
}

#outer_panel #middle #inner_panel p.left.map {
    width: 580px;
}

#outer_panel #middle #inner_panel p.big_gap {
    margin-bottom: 2.0em;
}

#outer_panel #middle #inner_panel  .three_photos,
#outer_panel #middle #inner_panel  .two_photos {
    float: inherit;
    width: inherit;
}

#outer_panel #middle #inner_panel  .three_photos.gap,
#outer_panel #middle #inner_panel  .two_photos.gap {
    margin-bottom: 15px;
}

#outer_panel #middle #inner_panel  .three_photos img {
    float: inherit;
    width: 286px;
    margin-right: 4px;
    border: 1px solid #7097c4;
}

#outer_panel #middle #inner_panel  .two_photos img {
    float: inherit;
    width: 435px;
    margin-right: 3px;
    border: 1px solid #7097c4;
}

#outer_panel #middle #inner_panel  .three_photos.no_border img {
    border: 0;
    margin-right: 6px;
}

#outer_panel #middle #inner_panel  .three_photos img.last,
#outer_panel #middle #inner_panel  .two_photos img.last {
    margin-right: 0px;
}

#outer_panel #middle #inner_panel .right_wrap {
    float: right;
    width: 280px;
}

#outer_panel #middle #inner_panel ul {
    float: inherit;
    width: inherit;
    text-align: left;
    margin-bottom: 15px;
}

#outer_panel #middle #inner_panel ul li {
    margin-left: 20px;
    margin-bottom: 5px;
    font-size: 1.2em;
}

#outer_panel #middle #inner_panel table {
    float: left;
    width: 600px;
    border: 1px solid #192e47;
    margin-left: 140px;
    margin-right: 140px;
    margin-top: 5px;
    margin-bottom: 30px;
    font-size: 1.2em;
}

#outer_panel #middle #inner_panel table th {
    background-color: #284a71;
    color: #fff;
}

#outer_panel #middle #inner_panel table th,
#outer_panel #middle #inner_panel table td {
    padding: 3px;
}

#outer_panel #middle #inner_panel table td.odd {
    background-color: #c0deec;
}

#outer_panel #middle #inner_panel table td.even {
    background-color: #cee7f2;
}

/* HOME PAGE */

#top_photos {
    margin-bottom: 25px;
}

#middle_photos {
    margin-bottom: 6px;
}

/* CALENDAR */

#outer_panel #middle #inner_panel #availability .calendar table.year {
    float: left;
    width: 600px;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    margin-bottom: 30px;
    margin-left: 60px;
    background-color: #fff;
}

#outer_panel #middle #inner_panel #availability .calendar table.year tr {
    width: 600px;
}

#outer_panel #middle #inner_panel #availability .calendar table.year tr th.year {
    width: 600px;
    background-color: #999;
}

#outer_panel #middle #inner_panel #availability .calendar table.year tr td {
    width: 140px;
}

#outer_panel #middle #inner_panel #availability .calendar table.year tr td table.month {
    margin: 0;
    padding: 0;
    border-spacing: 1px;
    background-color: #fffece;
    width: 50px;
}

#outer_panel #middle #inner_panel #availability .calendar table.year tr td table.month tr th {
    
    background-color: #999;
}

#outer_panel #middle #inner_panel #availability .calendar table.year tr td table.month tr td.unavailable {
    border: 0;
    background-color: #e0e2e1;
    border: 1px solid #e0e2e1;
    text-decoration: line-through;
}

#outer_panel #middle #inner_panel #availability .calendar table.year tr td table.month tr td.available {
    border: 1px solid #000;
    background-color: #62fc5e;
}

#outer_panel #middle #inner_panel #availability .calendar table.year tr td table.month tr td.filled {
    background-color: #f6d02d;
    border: 1px solid #f6d02d;
    border: 0;
    text-decoration: line-through;
}

#outer_panel #middle #inner_panel #availability .calendar table.legend {
    background-color: #fff;
}

#outer_panel #middle #inner_panel #availability .calendar table.legend td.available {
    border: 1px solid #000;
    background-color: #62fc5e;
}

#outer_panel #middle #inner_panel #availability .calendar table.legend td.unavailable {
    border: 0;
    background-color: #e0e2e1;
    border: 1px solid #e0e2e1;
    text-decoration: line-through;
}

#outer_panel #middle #inner_panel #availability .calendar table.legend td.filled {
    background-color: #f6d02d;
    border: 1px solid #f6d02d;
    border: 0;
    text-decoration: line-through;
}

#outer_panel #middle #inner_panel #availability .calendar table.legend td.text {
    text-align: left;
    margin-left: 10px;
}


/* FOOTER */

#outer_panel #middle #footer {
    float: inherit;
    width: inherit;
    height: 55px;
    padding-top: 10px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

#outer_panel #bottom_shadow {
    float: inherit;
    width: 920px;
    height: 30px;
    padding-left: 25px;
    padding-right: 55px;
    background-image: url('../images/bottom_shadow.png');
}