body {background-color :#FFFFC6; text-align : center; padding :5px;}

h1{  background-image :url(http://www.eskdale.info/images/h1w.png);background-repeat :no-repeat ;background-position:  center;
margin:5px auto; width :auto;padding :5px;text-align :center ;font-size :2em ;color:black; font-family :  bradley hand ITC, ariel, helvetica}


#contents { color: #FCBE03; background-color :black; margin:0px auto; padding :10px  ;height :auto;}


#header { position :relative top ;margin :0px; background-image :url(http://www.eskdale.info/images/wintertitlepic2.jpg); background-repeat :no-repeat ;background-position:  top center;border :solid 10px #004000 ;text-align: center ;  width: auto; height: 130px;  background-color : #004000   }

#leftcontent {color :black;position: relative; float :left ;width :45%;background-color:#FFFFAE ;padding :1em 2% 1em 2% ; #004000;text-align: left;}
#rightcontent {color :black;position: relative;float :left ;width :45%; padding :1em 2% 1em 2% ;background-color:#FFFFAE ;text-align: left;}


#contentcentre {color :#004000 ;background-color: #FFFFC6; text-align :justify ;height :100%; width:auto; padding :10px; margin :10px auto ;font-family: "comic Sans MS", Ariel, helvetica;}
#contentcentre img {border: groove thin #004000;padding :5px; margin :5px 5px 20px 5px;}
.imgright {float :right ;}
.imgright img {border: groove thin #004000;padding :5px; margin :5px auto;}
.imgcentre {text-align: center; clear:both; margin :5px;}
.imgcentre img { float :center ;border: groove thin #004000;padding :5px; margin :5px ;}
.imgleftauto {float :left}
.imgleftauto img {border: groove thin #004000;padding :5px; margin :5px auto;}

h2 { color: #E19D0F; font-size: 1.3em; font-family: "Gill Sans MT", Ariel, helvetica; text-align: center }
h3    { color:#E19D0F; font-size: 1.3em; font-family: "Gill Sans MT", helvetica, Arial; text-align: left; margin: 10px }
h4    { margin :0 ;padding :0;color:#004000; font-size: 1.2em; font-family: "Gill Sans MS", helvetica, Arial; text-align: center; }

#pictures  { background-color: #000;  margin: 0px 0px 10px 0px; padding: 10px; width: auto; height :auto; }
#pictures a { background-color: black; float: left; margin: 10px; padding: 10px; border: ridge 3px #fc3; }
.gallery    { float :left;background-color: #000; text-align: center;  margin: 10px 0px 10px 8%; border: groove thin #030; position: relative; width: 350px; height: auto }
.gallery p  { color: #FCBE03; font-size: 0.9em; margin: 2px; padding: 2px; font-family: "comic Sans MS", ariel, helvetica  }



.gallery1 {float :left ;text-align :left; position: relative; }
.gallery1 p     { color: black; font-size: 0.8em; text-align: justify; font-name:comic Sans MS,  Ariel  }
.thumbnail img{margin :5px; padding: 5px; border: groove thin #004000;width :200px; height :auto ;}


.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img {border: groove thin #004000; }

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFC6;

left: -1000px;
border:1px ;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: groove thin #004000;

}

.thumbnail:hover span { z-index: 50; top:0px; left: 15px; width: 200px; visibility: visible }






.box1 {color :black; background-color: #FFFFC6; text-align: center; padding: 10px ; margin: 10px auto; border: groove thin #030; width: 350px; height: auto ;}

.box2 {color :black; background-color: #FFFFC6; text-align: center; padding: 10px ; margin: 10px ; border: groove thin #030; float :left ;width :45%; height: auto ;}

/*main box for adverts*/
.box3 {color :black; background-color: #FFFFC6; text-align: left; padding:5px ; margin: 5px auto; border: groove thin #030; width: 90%; height: auto ;}
.box3 p {padding:5px ; margin: 5px;text-align : left;color :#004000;}

.box3 a { color :#000080 ;background : url(http://www.eskdale.info/images/button1.png) no-repeat  50%;  text-decoration: none; margin :5px ; padding :10px; display: inline; width: auto;}
.box3 a:hover { color :#E19D0F ;background : url(http://www.eskdale.info/images/button2.png) no-repeat center ;  text-decoration: none; margin :5px ;padding :10px; display: inline; width: auto;}


#box4 {color :black; background-color: #FFFFC6;  padding:5px ; margin: 5px auto;  }
#box4 p {padding:5px ; margin: 5px;text-align : center;color :#004000;}
#box4 img {width :auto;border :0px ;text-align : center ;display:block;
margin-left:auto;
margin-right:auto; padding 5px}
#box4 a { color :#000080 ;background : url(http://www.eskdale.info/images/button1.png) no-repeat  50%;  text-decoration: none; margin :5px ; padding :10px; display: inline; width: auto;}
#box4 a:hover { color :#E19D0F ;background : url(http://www.eskdale.info/images/button2.png) no-repeat center ;  text-decoration: none; margin :5px ;padding :10px; display: inline; width: auto;}

.imgleft {margin: 5px;float :left ;text-align :left;padding :5px;}
.imgleft img {border: groove thin #004000;padding :5px; margin :5px;width :200px; height :auto ;}
.address {list-style-type: none; margin: 5px; padding: 5px; float:left;}




#footer { margin :10px;padding :10px;text-align: center; clear: both;   width: auto }

ul#navlist { list-style-type: none; margin: 0px 0pt 0pt; padding: 0pt; width: auto ;border : ridge 3px #fc3;}
ul#navlist li { display: inline }
ul#navlist li a { color: rgb(255,255,255); text-decoration: none; background-color: rgb(204,0,0); padding: 0.2em 1em; border-right: 1px solid rgb(255,255,255); width: 6em }
ul#navlist li a:hover { color: rgb(255,255,255); background-color: #400 }#content    { background-color: #ffc; padding: 10px 10px 48px; position: absolute; top: 160px; left: 35%; width: 60% ;}



ul#nav  { float :left; padding-left: 0px; margin-left: 0px;text-align: center; list-style-type: none;  width: 100%; }
ul#nav li { display: inline; }  

ul#nav a { color: rgb(255,255,255); font-size: 0.8em; font-family: "comic Sans MS", Ariel, helvetica; text-decoration: none; background-color: #030; display: inline; padding: 0.2em 1em; border-top: #000; border-right: #000; border-bottom: 1px solid #000; border-left: #000; width: 12em ;}
ul#nav a:hover { color: rgb(255,255,255); background-color: #004000 ;}


.navlet  { float :left; padding-left: 0px; margin-left: 0px;text-align: center; list-style-type: none;  width: 100%; }
.navlet li { display: inline; }  

.navlet a { color: rgb(255,255,255); font-size: 1em; font-family: "comic Sans MS", Ariel, helvetica; text-decoration: none; background-color: #030; display: inline; padding: 0.2em 1em; border-top: #000; border-right: #000; border-bottom: 1px solid #000; border-left: #000; width: 12em ;}
.navlet a:hover { color: rgb(255,255,255); background-color: #004000 ;}