ul#context {position: relative; border-bottom: #ad6103 dashed 1px; font-size: 1.1em; width: 410px; padding: 5px; margin: 0;}
 
ul#context li {position: relative; top: 0px;  padding: 0 6px; display: inline; border-right:  #28afd2 solid 1px; background: none;}
ul#context li.last {border-right: none;}


ul#context li a { font-weight: normal; text-decoration: none; } 
ul#context li a:hover {  }

/*---------------------------------------------------------------------------------------
headers - note needs div.title around h1 cos for nifty corners inside element needs height
----------------------------------------------------------------------------------------*/

div.title { width: 586px; background: url(../images/h/rooms4.jpg) left top no-repeat; margin: 30px 0 0px 0; padding: 0;}

div.title h1 { height: 140px; margin: 0; padding: 0;}
div.title h1 span {position: relative; top: -3000px;}

div#music {background-image: url(../images/h/music.jpg)}
div#drinking {background-image: url(../images/h/drinking.jpg)}
div#sport {background-image: url(../images/h/sport.jpg)}
div#eating {background-image: url(../images/h/eating.jpg)}
div#whatson {background-image: url(../images/h/whatson.jpg)}
div#jazz {background-image: url(../images/h/jazz.jpg)}
div#croeso {background-image: url(../images/h/croeso.jpg)}



/*---------------
format body text
-----------------*/
ul#context + h1 {padding-top: 30px; }


#textcont li {padding: 0.4em 2em 0.4em 5.5em; background: url(../images/list_03.gif) 4em 0.8em no-repeat;}

.oak {background: url(../images/acorn.gif) 60px 8px no-repeat; padding-left: 90px; font-family: Georgia, serif; font-style: italic;}
#textcont ul.oak li {background-image: none;  padding-left:0;}

p.footnote { position: relative; top: 30px; font-size: 1.0em; padding: 0 10px; margin: 0; text-align: right;}

a.icon img {vertical-align: bottom;}

/*------------------------------
format stable bar link and ad feature
------------------------------ */
/*a[href="http://www.4lodgeaccommodation.com"] {background: url(../images/info.gif) left top no-repeat; padding-left: 25px; height: 25px; display: block;}*/
h2.bistroweb {background: url(../images/info.gif) 40px 15px no-repeat; padding-left: 65px;}


/*gallery*/
#galleryhead, #displayArea {width: 550px;margin-left: 15px; margin-top: 15px; }
#galleryhead { background: #85875F; padding-bottom: 10px;}
#galleryhead + p.next {background: url(../images/list_03.gif) 2em 50% no-repeat; float: right;}
#galleryhead + p.next  a {color: #758b0e;}

#displayArea { border-top: dashed 1px #b6c284;  border-bottom: dashed 1px #b6c284; }
#displayArea img {margin: 12px  20px;}

#thumbnails {margin-left: 10px;  text-align: left;}
#thumbnails img {margin: 12px  0 0 10px;}


#textcont img.right { float:  right;}
/*------------------------------
format list of long text items
------------------------------*/
#textcont ul.longtext li{ padding-left: 0; background: none;}


/*------------------------------
format feaures in the page content
------------------------------*/
#textcont ul.featureitem { position: relative; left: 0;  margin: 0; padding: 0; width: 100%; overflow:  hidden;}
#textcont ul.featureitem li img  { margin: 0 ; padding: 0 ; background: none; }
#textcont ul.featureitem li h3, #textcont ul.featureitem li p{font-size: 1em; padding: 0 10px;  }
#textcont ul.featureitem li p { border-left: 1px dashed #ad6103;}
#textcont ul.featureitem li { padding: 10px 0 0 30px; margin: 0; float: left; width: 220px;}
#textcont ul.featureitem li.full { clear: left; width: 480px;}
.featureheader {clear: left;}


/*------------------------------
format listings ... uses class=featureitem for formating too...
------------------------------*/
ul#listings li ul  {font-size: 1em;}
ul#listings li {position: relative;}

li.hide ul { display: none; }
li.show ul { display: block; }

/*------------------------------
format listings 2... uses table
------------------------------*/

.listings {margin: 0 20px; padding-top: 5px;  margin-top: 5px; width: 550px; border-top: 2px solid #3a2c22;  background: #160E09 url(../images/grad_11.jpg) left bottom repeat;}
.listings th {padding: 0; color: #AD6103;}
.listings td, .listings th { vertical-align: top; padding: 10px;border-bottom: 2px dotted #3a2c22; }
.listings td {}
.listings td span {display: block; border-left: 1px dashed #ad6103; padding-left: 10px; color: #F9DF68;}
.listings td span.festival {display:  block; font-style: italic; border-width: 0; padding-left: 0; font-weight:  bold;}


/*------------------------------
google map
------------------------------*/
#map {text-align: center; position: relative; left: 40px; width: 500px; height: 350px; border: solid 10px #6e0000; margin: 20px 0;}
#textcont #map a:link {background: none;}
#textcont #map p { color: #281a11; background: transparent; }
#textcont #map h2 { color: #ad6103; background: transparent; }