body {font-family: Verdana,Arial,Helvetica,sans-serif; margin: auto; background-color: #2680BA; color: #0F3F4A; text-align: center; }

h2 {font-size: 1.5em; font-weight: bold; } 

p {font-size: 1.1em; }

br {clear: both; }

.framed {background-color: white; background-image: none; padding: 10px; }

.framed a {text-decoration: none; color: #0F3F4A; } 

.framed a:visited {text-decoration: none; color: #0F3F4A; }

.framed a:hover {text-decoration: underline; } 

.framed a[name] {text-decoration: none; color: #000050; font-size: 1.3em; }  

.framed a[name]:hover {text-decoration: none; }  

.framed p {font-size: 1.1em; color: #000050; }

.framed h2 {font-size: 1.3em; font-weight: bold; } 



#container {margin: auto; display: block; width: 900px; border: 1px solid; background-color: #D3EFF5; text-align: left; }

#banner {display: block; float: left; width: 100%; border-bottom: 1px solid; }

#menu {display: block; float: left; width: 180px; }

#main {display: block; float: right; width: 699px; background-color: white; overflow: auto; border-left: 1px solid;}

#footer {display: block; border-top: 1px solid; height: 80px; text-align: center;  float: left; clear: both; width: 100%; }

.menuitem {margin: 5px; font-size: 1.5em; border-bottom: 1px solid black; padding: 5px; }


.lolighted  {display: block; text-decoration: none; color: #0F3F4A; text-align: right;  border: 1px solid #D3EFF5; } 

.lolighted:hover {color: #0F3F4A; border: 1px solid #0F3F4A; } 

.hilighted {display: block; text-decoration: none; color: #D3EFF5; background-color: #0F3F4A;  text-align: right; } 


.col1 {float: left; clear: both; margin: 10px; }
.coln {float: left; clear: none; margin: 10px; margin-left: 20px; }


.available {width: 15px; height: 20px; background-color: blue; }

.unavailable {width: 15px; height: 20px; background-color: red; }

.left {float: left; display: block; }
.right {float: right; display: block; }

thead {font-weight: bold; }
thead tr {border-bottom: 1px solid; }

.imagehead {width: 241; }

img {}


.face {height: 369px; width: 241; }
.mouth {height: 138px; width: 241; }

.availHeadTop {padding: 0px; width: 21px; font-size: 1.0em; font-family: Courier, monospace; float:left; }
.availHead {padding: 0px; border: 1px solid; width: 21px; font-size: 1.0em; font-family: Courier, monospace; float:left; }
.availLabel {padding: 0px; width: 50px; font-size: 1.0em; font-family: Courier, monospace; float:left; }
.availOpen {padding: 0px; border: 1px solid; width: 21px; height: 20px; background-color: green; float:left; }
.availBooked {padding: 0px; border: 1px solid; width: 21px; height: 20px; background-color: #D3EFF5; float:left; }

.table {border: 1px solid; }

h3 {font-size: 1.3em; font-weight: bold; } 
.small {font-size: 0.9em; }
.bordered { }