
body { font-size : .9em ;text-align :center; color : black ;font-family: "Comic Sans MT", helvetica, Ariel;background-color :black;}

h1  {color: #ffffcc; font-size : 2.5em; font-family: "Comic Sans MT", helvetica, Ariel; text-align: left; margin-left :43px; }
h2 { padding :10px ;text-align: left;font-size : 1.5em; font-family: "Comic Sans MT", helvetica, Ariel;}
ul#navlist li { display: inline }
ul #navlist { list-style-type: none;  margin left: 0; padding left: 0; position: absolute; width: auto }
#container {margin :0 auto; width :100% ;text-align :left;background-color :black}
#nav { float :left;width :10%; display :inline ;margin-left :10px ;}
ul#navlist a { display: block ;color: #ffffcc; text-decoration: none; background-color: #27554e; padding: 0.2em .5em; border-bottom : 1px solid #ffffcc ; width :8em;}
ul#navlist  a:hover { color: rgb(255,255,255); background-color: #400 }

#navlist img {float :left; width :9em; height :auto;}
#content { padding :10px;  background-image : url(Images/yellow.gif); background-repeat:repeat-y; margin-left :25% ; margin-right :10% ;  font-color :#27554e ;}
#content img { width :auto;border :1px solid black ;padding :5px;margin :5px;}
.address {list-style-type: none; margin: 5px; padding: 5px; width :50%; }
.address 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;}
.address 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;}
.beer { float :left; top;margin-left :5px; }
.beer li {list-style-type: none;  margin left: 0; padding left: 0;font-size :.7em;}
.contact { float :left; top;margin-left :5px; }
#ads {margin-left :40px ;float :left; width :130px; height :250px;}
#ads2 {margin-left :40px ;float :left;width :auto;margin-top :20px; clear :both;}
.float { float : left; margin :5px ;border 5 px; width : auto;}