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: #3a2c22; font-weight: normal; text-decoration: none; } 
ul#context li a:hover {color: #b29c88; 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;}




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


#textcont li {padding: 0.4em 2em 0.4em 0em; background: url(../images/list_03.gif) 4em 0.8em no-repeat;}
#textcont ul.menu { font-size: 1em; padding: 0;}
#textcont ul.menu li {padding: 0;}
#textcont ul.menu li ul { padding: 0 0 0 40px; }
#textcont ul.menu li ul li {display: inline; }
#textcont ul.menu li ul li:before{ content: "| "; color: #b29c88}
.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-bottom: 30px; text-align: right;}
#textcont p.footnote {border: none;}
/*------------------------------
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: #3a2c22;}

#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;}

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

/*------------------------------
format list of tariffs 
------------------------------*/
.tariffs {margin-left: 20px; margin-bottom: 20px; }
.tariffs th {font-size: 1.1em;}
.tariffs td.desc {font-size: 1.0em; padding: 0px 10px 20px 10px; border: none;}
.tariffs th, .tariffs td {text-align: center;border-bottom: 1px dashed #85875F;padding: 10px;}
.tariffs h2 {padding-left: 0; }
.tariffs li {border-bottom: 1px dashed #85875F;padding: 10px 0; }
.tariffs .price {font-weight: bold;}
.tariffs .desc {font-style: italic;}
/*------------------------------
format info4-u form on home page
------------------------------*/
body#home #header form { width: 188px; position: relative; left: 17px;  background:  #E4D2AD ; margin-bottom: 5px;}
body#home #header form p {color: #3A2C22; padding: 5px 10px; margin: 0 10px;  }
body#home #header form h2 { padding: 10px 0 0 10px;}
body#home #header form label {padding: 0 20px;}
body#home #header form input {margin-left: 5px; border-top: #E4D2AD dotted 1px; border-bottom: #E4D2AD dotted 1px; width: 90%;}
body#home #header form input.join {margin: 10px 20px; border: none; width: auto; }