body{margin: 0;padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif;color: #00465c;background-color: #7bc1c9;}
p{color:#00465c; font-family: Verdana, Arial, Helvetica, sans-serif;}
table{color:#00465c; font-family: Verdana, Arial, Helvetica, sans-serif}
h1{color: #00465c; font-family: Verdana, Arial, Helvetica, sans-serif;}
h2{color: #00465c; font-family: Verdana, Arial, Helvetica, sans-serif;}
h3{color: #00465c; font-family: Verdana, Arial, Helvetica, sans-serif;}
h4{color: #00465c; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:link{color: #f0f0f0;}
a:visited{color: #f0f0f0;}

#container{margin: 0;background-color: #7bc1c9;background-image:  url(photos/background.jpg);background-repeat: repeat-y;}
#banner{background-color: #7bc1c9;border-bottom: 1px solid #00a5b8;}
#banner h1{margin: 0;padding: .5em;}
#nav{float: left;width: 160px;margin-left: 10px;padding-top: 1em;}
#nav p { margin-top: 0; }
#content{padding-top: 1em;margin: 0 2em 0 200px;}
#content h2 { margin-top: 0; }
#footer{clear: both;background-image:url(photos/footerpic.jpg);padding: 1em;color: #f0f0f0;text-align: left;border:0px}

#navcontainer ul{text-align: center;padding-bottom: 5px;padding-top: 5px;padding-left: 0;margin-top: 0;/* cancels gap caused by top padding in Opera 7.54 */margin-left: 0;background-color: #00a5b8; color: #f0f0f0;width: 100%;font-family: verdana, arial, helvetica, sans-serif;line-height: 18px;/* fixes Firefox 0.9.3 */}
#navcontainer ul li{display: inline;padding-left: 0;padding-right: 0;padding-bottom: 5px;/* matches link padding except for left and right */padding-top: 5px;}
#navcontainer ul li a{padding-left: 10px;padding-right: 10px;padding-bottom: 5px;padding-top: 5px;color: #f0f0f0;text-decoration: none;border-right: 1px solid #c5e8e8;}
#navcontainer ul li a:hover{background-color: #00a5b8;color: #f0f0f0;}
#navcontainer #active { border-left: 1px solid #f0f0f0; }

#pictureleft{float:left; width: 175px; margin-right:10px; border:2px solid #00465c; margin-top: 3px; margin-left: .4em}
#pictureright{float:right; width: 175px; margin-left:10px; border:2px solid #00465c; margin-top: 0px;}

div#year {width:660px; height:400px; margin:4em auto;}
div.holder {font-family:monospace; float:left; border:2px solid #00465c;}
pre {margin:0;}
pre.month {background:#00a5b8; color:#c5e8e8; border-bottom:2px solid #00a5b8;}
pre.wkday {background:#00a5b8; color:#c5e8e8; border-bottom:3px solid #00a5b8;}
pre.avail {background:#c5e8e8; color:#00465c;}
pre.bookd {background:#64a6bc; color:#00465c;}
pre.lowse {background:#c5e8e8; color:#00465c;}
pre.midse {background:#64a6bc; color:#00465c;}
pre.highs {background:#669999; color:#00465c;}
pre.peaks {background:#339999; color:#00465c;}

#fcf2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:5px; border:1px solid #f0f0f0; width:450px; background-color:#7bc1c9;}
#fcf2 p {text-align:center; padding:1px; background-color:#7bc1c9;}
#fcf2 em {color:#00465c; background-color:#7bc1c9;}
#fcf2 div.r {clear: both; padding-top: 5px; background-color:#7bc1c9;}
#fcf2 label {float: left; width: 100px; text-align: right; background-color:#7bc1c9;}
#fcf2 span.f {float: right; width: 335px; text-align: left; background-color:#7bc1c9;}
#fcf2 div.sp {clear: both; background-color:#7bc1c9;}
#fcf2 .req {font-weight:bold; background-color:#7bc1c9;}
#fcf2 input, #fcf2 textarea {background: #00a5b8; border:1px solid #00a5b8; padding:2px;}
#fcf2 input:focus, #fcf2 textarea:focus {background: #00a5b8; border:1px solid #f0f0f0;}