body { font-family: verdana, arial, sans-serif; font-size: 80%; padding: 0; margin: 0; }

#title { background-color: #003366; border-bottom: 1px solid black; padding: 5px 10px; }
#title h1 { margin: 0; display: inline; }
#title a { color: white; text-decoration: none; }
#title img { border: none; }

#menu { background-color: lightyellow; border-bottom: 1px solid black; padding: 5px 10px; text-align: right; }
#navbar { float: left; }
#status { text-align: right; }
#status form { margin: 0; padding: 0; }

#content { padding: 10px; }

a:link, a:visited, a:active { color: #003366; text-decoration: none; }
a:hover { text-decoration: underline; }

.button { background-color: #003366; color: lightyellow; }

.centre { text-align: center; }
table.centre { margin-left: auto; margin-right: auto; }

table.border { border-collapse: collapse; }
.border td, th { border: 1px solid black; padding: 2px;}
.border th { background-color: #003366; color: lightyellow; }
.border td { background-color: lightyellow; text-align: right; }

.calendar td { padding: 0; }

.form_error { color: red; }

.select_month_form { display: inline; }

.calendar_day { border-collapse: collapse; }
.calendar_day td { text-align: center; border: none; }
.calendar_day td a { display: block; text-decoration: none; padding: 2px; color: black; }

td.calendar_day_number { font-size: x-large; text-align: right; color: black; }

td.area_available, td.area_available a, td.area_available a:visited { background-color: #0000cc; color: white; }
td.area_booked, td.area_booked a {  }
td.legend_title { background-color: white; border: none; }