﻿body { font-family: Verdana, Arial; font-size: 0.75em; color: #000; border:none; margin:0 auto; width:966px; line-height:140%; margin-top:10px; margin-bottom:10px; }
h1 { font-family: Georgia, Arial; font-size: 1.5em; font-weight: normal; border-bottom: solid 1px #aaa; padding-bottom:4px; color: #333; }
h2 { font-family: Georgia, Arial; font-size: 1.5em; font-weight: normal; border-bottom: solid 1px #aaa; padding-bottom:4px; color: #333; }
p { text-align:justify; }

/* Master Page */
#header { text-align: left; margin:0px; padding:0; background-image: url('/images/base/top.jpg'); height:218px; width:965px; }
#menu { background: url('/images/base/menu.jpg') repeat-x top left; width:965px; height:32px; border:0; padding:0;}
#menu ul {margin:0; padding:0; height:32px;}
#menu li { display: inline; float:left; font-size:1.4em; border-right:solid 1px #fff; }
#menu a { color: #fff; font-weight: normal; text-decoration: none; font-family:Georgia; padding-left:8px; padding-right:8px; padding-top:7px; padding-bottom:8px; display: block;  }
#menu a:hover { background: url('/images/base/menu_highlight.jpg') repeat-x top left; color: #fff; text-decoration: none;}

#main { margin:0; padding: 20px 20px 10px 20px; width:923px; background-color:#fff; border-left:solid 1px #666; border-right:solid 1px #666; min-height:325px; }

#footer { text-align: center; width: 963px; font-family: Verdana; font-size: 0.9em; color: #fff; background-color:#452209; margin-top:0px; padding-bottom:6px; padding-top: 4px; border: solid 1px #666;  }
#footer a { color: #fff; text-decoration:underline; border:none; background-color: #452209;}
#footer a:hover { color: #bbb; text-decoration:underline; border:none; background-color: #452209;}

#table { border: solid 1px #000; margin-bottom:20px; }
#table tr { }
#table td { padding: 4px 10px 4px 10px; border-right:solid 1px #000; border-bottom:solid 1px #000; }

.calendarbutton { padding-top:4px; }

#breakfastmenu { margin-bottom:20px; width:760px; }
#fromtheside { float:left; width:370px; text-align:left; padding-right:10px; border-right: solid 1px #000000; }
#toorder { float: right; text-align:left; padding-left:10px; }
#warning { width:760px; float: left; text-align:center; font-size:80%; margin-top:0px; margin-bottom:10px; }

/* Controls */
.input { font-family: Verdana, Tahoma; font-size:100%; color: #000000; margin-bottom:2px;}
.textleft { width:350px; text-align: left; float:left; height:175px; padding:12px; }
.textright { width:250px; text-align: left; float:left; height:175px; padding:12px; }
.imageleft { width: 350px; text-align: left; float:left; padding:12px;}
.imageright { width: 350px; text-align: left; float:right; padding:12px; }

.warning { font-family: Verdana, Tahoma; color: #781F00; }
.validate { font-family: Verdana, Tahoma; font-size: 1.0em; color: #781F00; }

/* Google Map & Directions */
.map { width:400px; height:400px; border: solid 1px #555; margin-top:20px; }
.directions { margin-top:20px; font-family:Verdana; font-size:1.0em; float:left; width: 450px; }
.directions .text { font-family:Verdana; width:200px; margin-right:10px; margin-left:10px; padding:2px; font-size:1.0em; }
.directions .button { font-family:Verdana; width:100px; }
.marker { font-family:Verdana; font-size:1.0em; }
.minimap { width:270px; height:270px; border: solid 1px #555; margin-top:20px; }

.button { font-family: Verdana; font-size:1.0em; color:#000000; }

/* Standard text */
.text { font-family: Verdana, Tahoma; font-size: 90%; color: #000000; padding: 0; text-align:justify; line-height:1.8em; }
.text a, .text a:active, .text a:visited { color: #6b4200; text-decoration:underline; background-color: #FFFFFF; border:none;}
.text a:hover, .text a:active:hover, .text a:visited:hover { color: #af1207; text-decoration:underline; background-color: #FFFFFF; border:none }

/* Guest comments */
#cards { margin-top: 8px; margin-bottom:16px; margin-left:8px; }
.comments { padding: 0px 4px 8px 4px; }
#comments { margin-top: 4px; width:212px; }

/* Links */
#links { margin-top:10px; font-size:0.9em; color: #494949; line-height:1.6em; font-family: Verdana; }
#links .category { margin-top:20px; margin-bottom:10px; }
#links .picture { float: left; width: 40px; margin-right:10px; }
#links .details { float: left; width: 600px; }
#links .name { font-size:1.0em; font-weight:bold; margin-bottom: 6px; }
#links .description { font-size:1.0em; font-weight:normal; margin-top:4px; }
#links .name a { text-decoration:underline; border:none; color: #494949;}
#links .name a:hover { color: #af1207; text-decoration:underline; border:none }

/* Angelfish Availability */
.availability { border: none; padding:2px; color:#000000; }
.angelfish { font-family:Tahoma; font-size:1.0em; margin-left:30px; color: #000000; }
.angelfish a { text-decoration: underline; color: #000000; background-color: #FFFFFF;	 }
.angelfish a:hover { text-decoration: underline; color: #FF541F; background-color: #FFFFFF; }

.link {  border: none; padding-left:20px; text-decoration:none; background-color: #FFFFFF; }
.link a, a:hover { text-decoration: none; background-color: #FFFFFF; padding-top: 0px; padding-bottom: 0px; }

#updateprogress1 { color: #000000; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #d9d9d9; z-index:255; }
.calendar table { background: #fff; padding: 0; font-size: 0.9em; }
.calendar td { padding: 1px; }
.calendar .ajax__calendar_active { background: #018287; color: #fff; }
.calendar .ajax__calendar_other { background: #e9e9e9; color: #333; }
.calendar .ajax__calendar_day { margin: 1px; padding: 0; }
.calendar .ajax__calendar_day:hover { border: 1px solid #018287; margin: 0; }

/* Images */
#images {border:none; margin-top:15px; margin-bottom:15px; text-align:center; }
#images a, #images a:active, #images  a:visited { text-decoration:none; border:none; }
#images a:hover, #images a:active:hover, #images a:visited:hover { text-decoration:none; border:none; }
.image { border:none; background-color:#fff; }
.noDecoration {border:none; }
.noDecoration a, .noDecoration a:active, .noDecoration a:visited { text-decoration:none; }
.noDecoration a:hover, .noDecoration a:active:hover, .noDecoration a:visited:hover { text-decoration:none; }

/* Validators */
.validator { padding-bottom: 3px; margin-bottom: 10px; }
.caption { font-size:0.9em; width: 300px; text-align:center; font-style: italic; margin-top:3px; }
