body { background: #d9e8d8 url('/images/base/background.jpg') repeat; }
form { font-family: Verdana, Arial; font-size: 0.75em; color: #683800; border:none; margin:0 auto; width:966px; line-height:150%; margin-top:10px; margin-bottom:10px; letter-spacing:0.01em; }
h1 { font-family: Verdana, Arial; font-size: 1.7em; font-weight: normal; border-bottom: solid 1px #aaa; padding-bottom:4px; color: #036800; text-transform:uppercase;}
h2 {font-weight:bold; font-family: Verdana, Arial; font-size: 1.0em; margin: 0; padding:0; }
p { text-align:justify; }

/* Header */
#header { margin:0; padding:0; border:0;  width:1000px; height:250px;}
#logo { float:left; width:265px; height:250px; background: #888 url('/images/base/logo.jpg') no-repeat top left; }
#banner { float: left; width:700px; }
.banner { padding:0; margin-top:0px; margin-left:-10px; position:relative; width:700px; height:230px;}
.banner:hover { border-color: #f69d18; }
.banner img { position: absolute; top: 0; }

/* Strapline */
#strapline { padding-top:221px; z-index:200; position:relative; width:960px; padding-left:12px; }
#strapline .strapline { padding-top:2px; float:left; font-size:1.3em; padding-left:260px; font-weight:normal; color: #fff; font-family:Trebuchet MS, Arial; padding-bottom:8px;}
#strapline .languages { float: right; padding-right:10px; padding-top:5px; font-family:Verdana; font-size:0.75em;}
#strapline .languages a:link, #strapline .languages a:active, #strapline .languages a:visited { color: #fff; }
#strapline .languages a:hover, #strapline .languages a:active:hover, #strapline .languages a:visited:hover { color: #6ad558; }

/* Menu */
#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.3em; border-right:solid 1px #fff; text-transform:uppercase; }
#menu a { color: #fff; font-weight: normal; margin-top:0px; text-decoration: none; font-family:Trebuchet MS; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:8px; display: block; font-size:1.2em;  }
#menu a:hover, #menu a:active:hover, #menu a:visited:hover { background: url('/images/base/menu_highlight.jpg') repeat-x top left; color: #fff; text-decoration: none;}

/* Main Content */
#main { margin:none; padding: 20px 20px 10px 10px; width:933px; background-color:#fff; border-left:solid 1px #aaa; border-right:solid 1px #aaa; min-height:325px; }

/* Footer */
#footer { text-align: center; width: 963px; font-family: Verdana; font-size: 0.9em; color: #fff; background: url('/images/base/footer.jpg') repeat-x bottom left; margin-top:0px; padding-bottom:5px; padding-top: 3px; border: solid 1px #aaa;  }
#footer a { color: #fff; text-decoration:underline; border:none; }
#footer a:hover { color: #bbb; text-decoration:underline; border:none; background:none; }

/* Montage */
.pagemontage { padding:0; margin-top:0px; margin-left:0px; position:relative; width:300px; height:225px;}
.pagemontage:hover { border-color: #f69d18; }
.pagemontage img { position: absolute; top: 0; }

.montage { width:300px; margin-bottom:10px; }
.montage .caption { background: #333; padding: 4px 8px; width:284px; line-height:1.6em; font-family:Verdana; font-style: normal; font-size:0.9em; color: #fff; text-align:left; }
.montage a, .montage a:active, .montage a:visited { text-decoration:underline; border:none; color: #fff;  }
.montage a:hover, .montage a:active:hover, .montage a:visited:hover { color:#ccc; text-decoration:underline; background: #333; }

/* Availability Checker & Other Captions */
.box { width: 298px; border: solid 1px #7e704d; background: #fff url('/images/base/box.jpg') no-repeat; margin-bottom:10px;}
.box .title { padding: 65px 8px 4px 8px; font-size:1.3em; font-weight:bold; text-transform:none; font-family:Trebuchet MS; color: #fff; }
.box .contents { padding: 12px 8px 4px 8px; font-size:0.9em; background: #fef2e3; font-family:Verdana;  font-style:normal; }
.box input { font-family: Verdana; font-size:1.0em; }
.box .link { padding: 0px 8px 10px 8px; text-align:right; }
.box .link a { text-decoration:underline; border:none; color: #65490d;}
.box .link a:hover {color: #c7911d; text-decoration:underline;}

/* Photo gallery */
.gallery { text-align:center; margin-top:30px; }
.gallery .smallpictures { margin-top: 20px; text-align:center; }
.gallery .smallpictures .image { margin-right:10px; margin-top:10px; }

#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; }

#montage { width:300px; height:225px; padding:4px; border: solid 1px #aaa;}
#montage .title { margin-top:10px; font-family:Verdana; font-size:0.9em; letter-spacing:normal; width:300px; text-align:center;}
#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; font-size:100%; color: #000000; margin-bottom:2px; letter-spacing:0.01em;}
.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; width:250px; }
.minimap { width:270px; height:270px; border: solid 1px #555; margin-top:20px; }

.button { font-family: Verdana; font-size:1.0em; color:#000000; letter-spacing:0.01em; }

/* Standard text */
.text { font-family: Verdana; font-size: 0.9em; color: #683800; padding: none; text-align:justify; }
.text a { color: #683800; text-decoration:underline; background-color: #FFFFFF; border:none; letter-spacing:0.01em;}
.text a:hover { color: #BC0000; 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; }

/* Angelfish Availability */
.availability { border: none; padding:2px; color:#000000; }
.angelfish { font-family:Verdana; 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; }