ul#context {position: relative; border-bottom: #85875f 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:  #1a270c solid 1px; background: none;}
ul#context li.last {border-right: none;}


ul#context li a {color: #1a270c; font-weight: normal; text-decoration: none; } 
ul#context li a:hover {color: #6d7f1a; background: url(../images/m1ro.jpg) repeat-y center top; }

/*---------------------------------------------------------------------------------------
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 -35px 0; padding: 0;}

div.title h1 { height: 75px;}
div.title h1 span {position: relative; top: -3000px;}

div#roomsgallery {background-image: url(../images/h/roomsgallery2.jpg)}
div#exploregallery {background-image: url(../images/h/exploregallery2.jpg)}
div#explorelinks {background-image: url(../images/h/explorelinks.jpg)}
div#conf1 {background-image: url(../images/h/conf1.jpg)}
div#tariffs {background-image: url(../images/h/tariffs3.jpg)}
div#stablesbed {background-image: url(../images/h/stablesrooms4.jpg)}
div#llugwy {background-image: url(../images/h/llugwy.jpg)}
div#stablesbistro {background-image: url(../images/h/bistro.jpg)}
div#grill {background-image: url(../images/h/grill.jpg)}
div#dininggallery {background-image: url(../images/h/dininggallery.jpg)}
div#contact {background-image: url(../images/h/contact.jpg)}
div#findus {background-image: url(../images/h/findus3.jpg)}
div#book{background-image: url(../images/h/book.jpg)}
div#leisure{background-image: url(../images/h/leisure.jpg)}
div#mailing{background-image: url(../images/h/mailing.jpg)}
div#groups{background-image: url(../images/h/groups.jpg)}
div#weddings{background-image: url(../images/h/celebrate.jpg)}
div#people {background-image: url(../images/h/images/join.jpg)}
div#valentines {background-image: url(../images/h/valentines.jpg)}
div#terms {background-image: url(../images/h/terms.jpg)}
div#env {background-image: url(../images/h/env.jpg)}
div#newyear {background-image: url(../images/h/newyear.jpg)}
div#xmas {background-image: url(../images/h/xmas09.jpg)}
div#newyear08 {background-image: url(../images/h/newyear_03.jpg)}
div#newyear09 {background-image: url(../images/h/newyear09.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_07.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;}
.xmas .oak {background-image: url(../images/stars_23.gif);}

h2.splash {text-transform: uppercase;}

.xmas #textcont h1 {background: url(../images/h1_detail.gif) left center no-repeat; padding-left: 65px;}

#textcont p .contact {font-weight: bold;}

.lang span[lang="cy"] {display: block; font-weight: bold;}

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

/*------------------------------
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 5px;}

/*newgallery*/
#gallery_ro {width: 550px;margin-left: 15px; margin-top: 15px; background: #85875F; padding: 10px 0 10px 10px;}
#gallery_ro li {display: inline; padding: 0; margin: 0;}
#placeholder {margin-left: 20px;}

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

/*------------------------------
format list of our people
------------------------------*/
#textcont ul#ourpeople {font-size: 100%;  padding: 0; margin: 0;}
#textcont ul#ourpeople li {border-top: #e0e5ba solid 1px; position: relative; background: none;  padding: 0 0 20px 0; margin: 0;}
#textcont ul#ourpeople li h3 img {position: absolute; top: 10px; left: 40px;}
#textcont ul#ourpeople li h3 span.job {display: block; border-bottom: 1px dashed #b6c284;}
#textcont ul#ourpeople li h3, #textcont ul#ourpeople li p {margin-left: 120px; margin-top: 0; }
#textcont ul#ourpeople li.noimg h3, #textcont ul#ourpeople li.noimg p {margin-left: 0px;}
#textcont ul#ourpeople li q {font-style: normal; font-family: Arial, sans-serif ;}
/*------------------------------
hide webstat counter
------------------------------*/
noscript {float: right;}
noscript a {display: none;}
noscript a img {display: none;}


/*------------------------------
vcard
------------------------------*/
div.vcard { }
div.vcard{margin-left: 60px; margin-top: 20px; margin-bottom: 40px; font:normal 1.4em/1.6em Georgia, serif; }
div.vcard h2{ margin-left: -60px;}
div.vcard p{font: normal 0.9em Arial, sans-serif; margin-left: -60px;}
.type, .email {font-weight: bold;}
div.vcard div div {font-size: 1em;}