/*byf.css*/

body {text-align: center; font-family: Verdana, Arial, Sans-serif; background-color:#c6e1c1; padding: 0px;  line-height: 1.3; margin: 3% 0; font-size: 100%; }

a {color: #071bd4;}
a:visited {color: #00253D;}
a:hover {color:#5e602e; }

.skip {display:none;}

#main {width: 800px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom:0; border: 2px solid #340134;   padding: 0; background-color:#340134;}

#header {height: 8.5em; background-color:#c6e1c1;}
#header img{float: left; margin:0; padding: 0.8em 0.8em 0.8em 1.5em; }
#header img.drawing{float: right; margin:0; padding: 0.3em 2em 0 5em; }
#header img.mainlogo {float: right; z-index: 10; margin-top:0; padding:0; }

#content { padding: 0.3em 1.3em 1em 1em ; border: 0; margin: 0 0 0 9.5em; background-color: #fff; color: #333; min-height: 400px;}
#content p{font-size:0.8em; }
#content li {margin-bottom: 10px;}
#content2 {width: 56em; padding: 12px; border:0; margin:0; }
#content img{padding-left:0; margin-left:0.5em; margin-top: 0.8em;}
#content img.center{padding-left:0; margin-left:2%; margin-top: 0.4em; padding-bottom: 0.5em;}

#topline {height: 1.8em; background-color: #340134; color: #fff; padding:0.5em 0 0 0;  margin:0 ; text-align: center; vertical-align:middle; font-family:Constantia, Verdana, sans-serif; font-stretch:expanded;}




#leftnav { float: left; width: 152px;  background-color: #340134; color: #fff; padding: 0 ; min-height: 420px; }
#leftnav ul {list-style-type: none; display: block; padding: 0 ; margin:0 0 3em 0; }
#leftnav ul li {float: left; display: block; height: 2.5em; line-height: 2em; width: 150px; }
#leftnav a {display: block; color: #fff; padding: 10px ; text-decoration: none; font-weight: bold;   height: 1.1em; font-family:Constantia, Verdana, sans-serif; }
#leftnav a:hover {display:block; color: #fff; background-color:#5A746C; height: 1.1em;}

.menu {text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; }
.menu img{text-align:center;}


#photobar { width: 100%; text-align: center; margin:0; background-color:#c6e1c1; color: #fff; height: 8em; z-index: 10;  }

#photobar ul {list-style-type:none; width: 95%; margin: 0 2.5%; padding:0.7em 0 0.5em 0;}
#photobar ul li { float: left; display: block; width: 20%; }
#photobar ul li img {border: 1px solid #340134; padding:0;}

.topimage {float: right; padding: 0.5em 0 1em 0 ;}
.topimage2 {float: right; margin: 1em 1em 1em 1.5em;}
.topimage3 {float: right; margin: 1em 1em 1em 2em; padding: 0;}
.topimage4 {float:right; margin:0 0 0 0.5em; padding:0 0.5em ;}
.topimage5 {float: right; margin: 1em 0 1em 1em; }
.topimage6 {float: right; margin: 1em 1em 0.2em 1.5em; }
#content ul.links{font-size: smaller;}

h1 {color: #eee;  position: absolute; left: 50%; top: 10%; margin: 0 ; padding: 0; font-family:Constantia, Verdana, sans-serif;   font-size: 1em; width: 20em; z-index: -2;}

h1 a {color: #309; text-decoration:none;}
h1 a:visited {color: #00253D; text-decoration:none;}
h1 a:hover {color:#5e602e; }

h2 {color: #5A746C;  margin: 0;  padding: 0.5em 0 0.3em 0; font-family: Constantia, Verdana, Arial, sans-serif;  font-weight: 700; font-stretch:expanded; font-size: 1.3em; }
h2.croeso {font: Serena; color: #340134; font-size: 1.5em; margin-top: 0;} 

h3 {color: #5A746C; margin:0; font-size: 1.1em; font-family: Constantia, Verdana, Arial, sans-serif;}

h3.name {margin:0; padding: 0.3em 0 0 0 ; color:#fff; font-family: Constantia, Verdana, Arial, sans-serif;  font-weight: 600; text-align:center;}
h3.services {color: #366; font-style:italic; font-size:0.9em; padding-top: 0.5em;}
h3.servicesnopad {color: #366; font-style:italic; font-size:0.9em; }
h3.breakfast{font-size: 1em; }
h3.map {color: #366; font-style:italic; font-size:0.9em; padding-top: 0.5em;}

h4 {color: #a58169; font-size: 0.9em; padding: 0; margin:0.3em 0 0 0;}

h5 {color: #663333; padding:0; margin:0;}

ul.rooms {list-style-image:url(images/cowmini.jpg); list-style-position:outside; font-size: 0.8em; }
ul.rooms li {padding: 0 0 0 0.5em; line-height: 1.2em; vertical-align:middle; }

ul.address {list-style-type:none; font-size: small; }
ul.address li{line-height: 1em;}
ul.address li.big {font-size:medium; font-weight: 600; color: #366;}

hr {color:#5A746C; background-color:#fff;}
.red {background-color: #c03; color: #fff; padding-top: 5px;}
.white {font-weight:600; font-size: 0.8em;  width: 15em; text-align:center; margin:0; padding:0;}
.phone{ font-family:  Verdana, Arial, sans-serif; font-weight: 600;  font-size: 1.2em;}
.tiny {font-size:smaller; font-weight: 500;}
.bold {font-weight:bold; padding:0; margin:0;}
.med {font-weight:500;}
.narrow {padding: 0; margin:0;}
.padbot{padding-bottom: 2.8em;}
.toppad {padding-top: 3.3em;}
.sig {font-style:italic; padding-bottom: 0.5em; padding-top: 1em;  border-bottom:1px solid #5e602e ;}

.cite {text-align:center; font-size:x-small; font-style:italic; margin-top:0; padding-top:0; font-weight:500;}
.logo {float:right; margin-top:0; padding-top:0;}
.salogo {float: right; margin: 1em ;}

.short img {width: 80px; height: 100px;}

ul.homelist {font-size:small; padding: 1em; }
ul.homelist2 {font-size:small; padding-top: 0.1em; float: left; width: 45%;}

table.bb {font-size: 0.9em; font-weight: 600; border: 1px solid #ccc;}
table.bb td {border: 1px solid #ccc;}

#footer { text-align: center; margin:0; background-color:#340134; color: #fff;}
#footer ul {margin: 0; padding: 0em; list-style-type: none; }
#footer li{float: left; display: block; padding: 3px; height: 2em; width: 17%; text-align: center;}
#footer li.long {float: left; display: block; padding: 3px;  height: 2em; width:32%; text-align: center;}
#footer li.short {float: left; display: block; padding: 3px;  height: 2em; width:14%; text-align: center;}
#footer a {display: block; color: #5e602e; padding: 3px ; text-decoration: none; font-weight: bold;  font-size: 8pt; height: 1.1em;  }
#footer a:hover {display:block; color: #666; background-color: #eee; height: 1.1em; }
#footer p{ margin:0; padding:0em 0em 0.2em 0em; font-size: small;}

#footer img.leftlogo {float: left; margin-left: 1em;}
#footer img.rightlogo {float: right; margin-right: 1em;}

img {border: none; padding: 5px 5px 5px 10px;}
img.logo {float:right;}
img.fleft {float: left; margin-top:0.5em; padding-top:1em; margin-bottom: 1em; margin-right: 0.5em;}