body     { color: navy; font-family: "Gill Sans MT", Arial, "Times New Roman", Georgia, Times; background: white url(images/background.png) repeat-y; text-align: center }
element1 { }
h1  { color: #000000; font-weight: bolder; font-size: 1.5em; font-family: Lucida Calligraphy,  helvetica, Ariel;}
h2 { color: #000000; font-weight: bolder; font-size: 1.2em; font-family: Lucida Calligraphy, Ariel, helvetica;text-align: center }
h3 { color: #000000; font-weight: bolder; font-size: 1.2em; font-family: Lucida Calligraphy. Ariel, helvetica; text-align: center}
h4 { color: #000000; font-weight: bolder; font-size: 1.2em;font-family: Lucida Calligraphy. Ariel, helvetica;  }
h5 { color: #1F003E; font-weight: bolder; font-size: 1em; background-image :url(http://www.eskdale.info/images/h1w.png) ;background-position:  center;margin:40px 5px 5px 5px ; width :auto;padding :5px;text-align :center ; border: solid 2px #FF0000;
-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px; }
h6 { color: #454545; font-weight: bolder; font-size: 1em; text-decoration: underline }
h7 { color: #454545; font-weight: bolder; font-size: 1em; text-decoration: underline }
h8 { color: #454545; font-weight: bolder; font-size: 1em; text-decoration: underline }
h9 { color: #454545; font-weight: bolder; font-size: 1em; font-family: "Gill Sans MT", Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; border: dotted 1em }


ul#contnav { list-style-type: none;margin-left: 10px; margin-top: 0em; padding: 0em; position: relative; width: 100% }
ul#contnav a { color: #1e0880; font-size: 0.8em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-decoration: none; background: url(images/button.png) no-repeat center; text-align: center; display: block; float: left; margin: 0.1em; padding: 0.2em; border-style: inset; border-width: 1px; border-color:  rgb(255,255,255)  ; width: 6em ; -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;}
ul#contnav a:hover { color: black; background: url(images/green.gif) no-repeat center; width: 6em }
ul#contnav li { text-align: center; display: inline }


ul#footer { list-style-type: none; clear: both; margin: 0; padding: 1em; width: 100% }
ul#footer a { color: #1e0880; font-size: 0.8em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-decoration: none; background: url(images/button.png) no-repeat center 100%; text-align: center; display: inline; padding: 1em 3em; width: 10em }
ul#footer a:hover { color: black; background: url(images/green.gif) no-repeat center 100% }
ul#footer li { display: inline }

ul#subnav { text-align: center; list-style-type: none; margin: 10px 0 2px 0px }

ul#tariff  { list-style-type: none;color: #000083; font-size: 0.8em; text-decoration: none; background-image: url(images/background.png); text-align: left;  margin: 4px; padding: 5px; border: outset 2px #000083 }

ul#subnav a { color: #1e0880; font-size: 0.8em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-decoration: none; background: url(images/button.png) no-repeat center 100%; text-align: center; display: inline; padding: 1em 3em; width: auto }
ul#subnav a:hover { color: black; background: url(images/green.gif) no-repeat center 100%; text-align: center }
ul#subnav li { display: inline }


#container     { background: transparent url(images/BH_header.jpg); border: double 5px navy; width: auto; height: 130px; images: border: double 5px #006;margin-left: 10px;

-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;margin: 0 autotext-align: left  }
#container img { float: left; margin: 10px; border: solid 2pt blue ;}


#content     { color: #4b4b4b; font-family: Helvetica, Verdana, Arial,  Geneva, Swiss, SunSans-Regular; background: white no-repeat scroll center top; text-align: center; float: left; margin-bottom: 20px; margin-left: 10px; padding: 5px 10px 30px; border: double 5px #1e0880;-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px; position: relative; width: auto; height: auto }

.banner { color: #800000; font-family: Helvetica, Verdana, Arial,  Geneva, Swiss, SunSans-Regular; background: white no-repeat scroll center top; text-align: center;  margin-bottom: 20px;  padding:10px; border: solid 2px #FF0000; 
-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;



position: relative; width: 90%; height: auto }




#contentnew     { color: #000040; font-family: Helvetica, Verdana, Arial,  Geneva, Swiss, SunSans-Regular;  text-align: center; float: left; margin-bottom: 20px; margin-left: 10px; padding: 5px 10px 30px;  position: relative; width: auto; height: auto }

#content5    { float: left; center: justify;  margin: 1%; padding: 1%; top: 10px; width: 45%  }
#content6    { text-align: center; float: left; clear: none; margin: 1%; padding: 1%;  top: 10px; width: 45% }


.bed  { width :400px ; height :200px; margin : 10px;  padding:10px; border: solid 2px #FF0000;
-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;
	background: transparent url(http://www.brookhouseinn.co.uk/images/bed.jpg) ; text-align: center 
	;	}
.glance ul { margin-left: 0; padding-left :0;list-style-type: none; width: 100% ;}
.glance a { color: #1e0880; font-size: 1em; font-family: Lucida, Ariel, helvetica; text-decoration: none;  text-align: center; display: block;  }
.glance a:hover { color: black;  }
.glance li { background :#C4F7FF ;text-align: center; margin: 0.1em; padding: 0.2em;border: solid 1px #0000A0;
-moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px; }




#content1    { float: left; center: justify;  margin: 10px; padding: 10px; top: 10px; width: 40%  }
#content2    { text-align: center; float: left; clear: none; margin: 10px; padding: 10px;  top: 10px; width: 40% }
#content3    { text-align: center; float: left; clear: none; margin: 10px; padding: 10px;  top: 10px; width: auto; }
#content3 P { margin :0.2em;text-align: center;}
#content4    { text-align: center; float: left; clear: none; margin: 10px; padding: 10px;  top: 10px; width: 40% }
#content4 P { margin :0.2em;text-align: center;}
#content1 img { border: solid 3px black;width :90%;text-align : center ;display:block;
margin-left:auto;
margin-right:auto; padding 5px}}
#content2 img { border: solid 3px black; width:300px;}
#content1 P { margin :0.4em;text-align: justify;}
#content2 P { margin :0.4em;text-align: justify;}
#center{   text-align: center; margin-bottom: 20px; margin-left: 10px; padding: 5px 10px 30px; border: double 5px #1e0880; position: relative; width: auto; height: auto}
#footer  { text-align: center }
h1.picture { background: url(images/Brookhouse2008.jpg) no-repeat center top; list-style-image: url(list.gif); padding: 1em; width: auto; height: 200px }
h1.picture2 { background: url(images/eskdalefromfort.jpg) no-repeat center center; list-style-image: url(list.gif); padding: 1em; width: auto; height: 100px }
p.sale {color :red ;font-size: 1.2em;border: solid 3px #781210; padding: 1em ;background :#FDF37B;}
#guest {padding-left:0 ;margin-left :0 ;}
#guest p { background:#D3E4FE;color:#000040; margin : 0.4em 0 .6em 0;padding:.5em;}
#caterbook {
	width: 220px;
	background-image: url(/images/caterback.png);
	height: 100%;
	color:#000000;
	padding: 0px 10px 0px 10px;
}

#caterbook table {
	
}

#caterbook p {
	font-size: .8em;	
}
.availbox { float :right; color: #4b4b4b; font-family: , Helvetica, Geneva, Swiss, SunSans-Regular; background: #FDE9BB; no-repeat scroll center top; text-align: center;  margin-bottom: 20px; margin-left: 10px; margin-right : 30px; padding: 5px 10px 30px; border: solid 2px #1e0880; -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;}
.style2 { float :left;margin : 10px; 
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
}

.style12 { text-align :center; margin : 20px;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size : 1.3em;
}

a:link {
	color: #000000;
}