* {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
}
a:focus {
outline: none;
}
img {
border: none;
}
.center {
text-align: center;
}
.keyline {
border: 1px solid black;
}
#content p.emphasize {
color: #c00;
border-right: 3px solid rgb(191, 191, 191);
border-bottom: 3px solid rgb(143, 143, 143);
padding: 4px;
width: 250px;
}
#content img.emphasize {
float: right;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 15px;
}
html {
min-height: 100%;
margin-bottom: 1px;
}
#wrapper {
position: relative;
width: 760px;
text-align: left;
margin: 0 auto;
}
#banner {
height: 160px;
}
#navbar {
position: absolute;
top: 180px;
left: 0;
width: 184px;
}
#content {
background-color: rgb(226, 208, 163);
color: black;
font-size: .95em;
width: 545px;
float: right;
padding: 10px 10px 0 20px;
}
#content p {
margin: 1em 0;
}
#footer {
clear: both;
margin-left: 185px;
}
#map {
width: 545px;
height: 400px;
border: solid 1px rgb(85, 85, 85);
margin-bottom: 10px;
}
body {
font: 80% Arial, Helvetica, sans-serif;
color: black;
background: rgb(164, 161, 128) url(images/background.gif) 50% 0 repeat-y;
text-align: center;
}
body#gallery {
background: rgb(164, 161, 128);
margin-top: 10px;
}
ul.lists {
padding-left: 10px;
margin: 15px 0 15px 10px;
}
#content p {

}
ul.lists li {
list-style-image: url(breakfasts/list_button.gif);
background-repeat: no-repeat;
background-position: left center;
margin: 4px 0;
}
#navbar p {
margin-top: 10px;
}
#content h3 {
font-size: 1.3em;
padding: 0 0 10px;
}
#content h1 {
font-size: 1.6em;
font-weight: 400;
font-family: Georgia, "Times New Roman" , Times, serif;
letter-spacing: 2px;
padding: 0 0 10px;
}
#content-gallery p {
margin: 1em 0;
}
#content-gallery {
background-color: rgb(226, 208, 163);
color: black;
font-size: .95em;
line-height: 1.2;
padding: 10px;
}
#content img.right {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}
#detailsDiv {
float: right;
margin-left: 15px;
margin-bottom: 15px;
width: 264px;
}
#content p.spacer, #footer p.spacer {
clear: right;
}
#content img.left {
float: left;
margin-right: 15px;
margin-bottom: 15px;
padding-top: 0;
display: inline;
}
#content .credit {
font-variant: small-caps;
font-size: .95em;
}
#content p.horses {
font-weight: 700;
margin: 10px 0 25px;
}
#content p.quote {
font-weight: 700;
font-style: italic;
margin: 10px 0 5px;
padding: 5px 0 10px;
}
#footer p {
font-size: .8em;
margin-bottom: 15px;
}
p.margin40 {
margin-top: 40px;
}
p.margin30 {
margin-top: 30px;
}
table.rates {
font-size: .95em;
border: 3px solid white;
margin: 0 130px 10px 0;
}
table.gallery {
border: none;
margin-bottom: 1em;
width: 100%;
}
table.gallery td {
width: 25%;
text-align: center;
}
table.gallery img {
border: solid 1px rgb(85, 85, 85);
}
table.links {
width: 526px;
}
table.links ul {
margin-left: 20px;
}
table.links ul li {
padding: 2px 0;
}
table {
border-collapse: collapse;
}
table.links td {
padding: 0 8px;
}
table.rates td h1 {
font-size: 1.1px;
padding: 6px 0 0;
}
table.rates td {
padding: 4px;
width: 50%;
}
table.rates td.bottom {
padding: 8px;
}
table.rates th {
font-size: .8em;
padding: 2px;
}
ul.rates {
text-align: left;
margin-left: 15px;
padding-left: 15px;
}
table.rates2 {
width: 526px;
font-size: .95em;
}
table.rates2 td {
padding: 4px 10px 0 0;
}
table.rates2 td p {
margin-bottom: 5px;
}
table.rates2 td.righttd {
padding: 4px 0 0;
}
img.totop {
padding: 5px 0 0 10px;
}
.certificate {
color: rgb(157, 70, 40);
clear: both;
text-align: center;
border: ridge 8px rgb(102, 102, 102);
margin: 10px 8% 0;
padding: 8px;
}
.bandbtestimonial {
font-weight: 700;
color: #fff;
font-size: 110%;
padding: 0 8px;
}
.petfriendly {
text-align: right;
color: #FFF;
font-weight: 700;
margin-right: 20px;
font-size: 1.2em;
}
p.margin15, img.margin15 {
margin-top: 15px;
}
table.rates2 td img,
ul.rates li {
padding-bottom: 10px;
}
div#navbar ul#menu {
width: 184px;
background: transparent url(images/nav.gif) top left no-repeat;
height: 298px;
position: relative;
margin: 0;
padding: 0;
}
div#navbar ul#menu li {
list-style: none;
position: absolute;
left: 0;
margin: 0;
padding: 0;
}
ul#menu li, ul#menu a {
height: 32px;
display: block;
}
div#navbar ul#menu li a {
text-indent: -9999px;
text-decoration: none;
}
#homepg {
top: 0;
width: 184px;
}
#accommodationspg {
top: 32px;
width: 184px;
}
#ratespg {
top: 64px;
width: 184px;
}
#detailspg {
top: 96px;
width: 184px;
}
#linkspg {
top: 128px;
width: 184px;
}
#hostspg {
top: 160px;
width: 184px;
}
#directionspg {
top: 192px;
width: 184px;
}
#commentspg {
top: 224px;
width: 184px;
}
#breakfastspg {
top: 256px;
width: 184px;
}
td.center {
text-align: center;
}
td.vertTop {
vertical-align: top;
}
#homepg a:hover {
background: transparent url(images/nav.gif) -184px 0 no-repeat;
}
#accommodationspg a:hover {
background: transparent url(images/nav.gif) -184px -32px no-repeat;
}
#ratespg a:hover {
background: transparent url(images/nav.gif) -184px -64px no-repeat;
}
#detailspg a:hover {
background: transparent url(images/nav.gif) -184px -96px no-repeat;
}
#linkspg a:hover {
background: transparent url(images/nav.gif) -184px -128px no-repeat;
}
#hostspg a:hover {
background: transparent url(images/nav.gif) -184px -160px no-repeat;
}
#directionspg a:hover {
background: transparent url(images/nav.gif) -184px -192px no-repeat;
}
#commentspg a:hover {
background: transparent url(images/nav.gif) -184px -224px no-repeat;
}
#breakfastspg a:hover {
background: transparent url(images/nav.gif) -184px -256px no-repeat;
}
body#homep #homepg {
background: transparent url(images/nav.gif) -184px 0 no-repeat;
cursor: default;
}
body#accom #accommodationspg {
background: transparent url(images/nav.gif) -184px -32px no-repeat;
cursor: default;
}
body#ratesp #ratespg {
background: transparent url(images/nav.gif) -184px -64px no-repeat;
cursor: default;
}
body#detailsp #detailspg {
background: transparent url(images/nav.gif) -184px -96px no-repeat;
cursor: default;
}
body#linksp #linkspg {
background: transparent url(images/nav.gif) -184px -128px no-repeat;
cursor: default;
}
body#hostsp #hostspg {
background: transparent url(images/nav.gif) -184px -160px no-repeat;
cursor: default;
}
body#directionsp #directionspg {
background: transparent url(images/nav.gif) -184px -192px no-repeat;
cursor: default;
}
body#commentsp #commentspg {
background: transparent url(images/nav.gif) -184px -224px no-repeat;
cursor: default;
}
body#breakfastsp #breakfastspg {
background: transparent url(images/nav.gif) -184px -256px no-repeat;
cursor: default;
}