/*---------------------
context nav
-----------------------*/
ul#context {position: absolute; top: 100px; left: 8em; width: 50em; }
#main ul#context  li { display: inline; padding: 0 10px; background: none; margin: 0; border-left: #d17e1d solid 1px; }
#context li.first {border: none; padding: 0 10px 0 0;}


/*---------------------
list styling
-----------------------*/
ul.menu { text-align: center; background: url(../images/swirlli.jpg) 53% 0 no-repeat;}
#main ul.menu li {background: url(../images/swirlli.jpg) center bottom no-repeat;
 padding: 0.6em 1.5em;
 margin-left: 2em;
 list-style: none;
 }
 ul.starter {background: url(../images/spoon.jpg) center top no-repeat; padding-top: 3em;}
 ul.maincourse {background: url(../images/knife&fork.jpg) 50% top no-repeat; padding-top: 3em;}
 ul.end {background: url(../images/coffeecup.jpg) 50% top no-repeat; padding-top: 4em; }
 ul.end2 {background: url(../images/coffeecup2.jpg) 50% top no-repeat; padding-top: 4em; }
 ul.mainsp {background: url(../images/saltnpepper.jpg) 50% top no-repeat; padding-top: 4em; }
 ul.drinks {background: url(../images/glass.jpg) 54% top no-repeat; padding-top: 5.5em; }
 ul.drinks2 {background: url(../images/port.jpg) 54% -8% no-repeat; padding-top: 5.5em; }
 ul.sweet {background: url(../images/icecream.jpg) 54% 0 no-repeat; padding-top: 5.5em; }
 
 /*list inside a list*/
 ul li h3, ul ul {font-size: 1em; background: none; padding: 0; margin: 0;}
 ul.menu dt, #main ul.menu li ul li {font-weight: bold;}
 .detail {display: block;}
#main ul.menu li ul li {display: inline; padding: 0 0.5em 0 0; margin: 0; background: none;}
 


 
/*---------------------
opening times
-----------------------*/
.times {letter-spacing: 0.1em; font-size: 1.4em; border-bottom: 3px dotted #F7F5EC; width: 70%; margin:1.2em auto;}
.times span {position: absolute; right: 33%; }
.times + div.clear {clear: both; margin-bottom: 2em;}
.times em {display: block; letter-spacing: 0;}

/*---------------------
dog breeds
-----------------------*/
ul#dogbreeds {padding: 20px 0;}
#dogbreeds li {background-image: none; float: left; width: 150px; }




/*---------------------
tariffs table
-----------------------*/
.tariffs, table.keys {margin-left: 60px; }
.tariffs table {margin-top: 20px; margin-bottom: 20px; }
.tariffs th {font-size: 1.1em; background: #f8f6ee url(../images/bg2.jpg) 55.95% -105px repeat-x ;  border-bottom: 3px dotted #F7F5EC;}
.tariffs td {border-left: 3px dotted #F7F5EC; }
.tariffs td.desc {font-size: 1.0em; padding: 0px 10px 20px 10px; border: none;}
.tariffs th, .tariffs td {border-bottom: 3px dotted #F7F5EC; padding: 5px; text-align: center}
table.sptariff th {text-align: left;}

/*---------------------
other tables
-----------------------*/
td.label{text-align: right; }

/*---------------------
input form
-----------------------*/
form  {margin-left: 5em;}
input, textarea, select {font-size: 1em; line-height: 1.2em; border: solid 1px #a9775d;}
input[type=text], select {height: 20px; width: 200px;}
textarea{height: 150px; width: 70%; padding: 5px;}
p.join {margin-left: 8em;}


/*---------------------
logos in index page
-----------------------*/
#info img {margin: 15px 0 0  0;}

#main img {padding: 20px 10px; border-top: 3px dotted #F7F5EC;}

#features img.green  {position: relative; left: 2em;}


/*---------------------
gallery page formatting
-----------------------*/

#features #gallery img {border: solid 2px #ece6cb; margin: 1px 0 1px 5px;}
#displayArea {text-align: center;}
#displayArea img {border: solid 6px #ece6cb; margin: 20px 0; padding: 0;}
.prop1 {float: left; height: 700px;}

/*---------------------
access formatting
-----------------------*/
#toc {width: 100%;}
#toc li:first-letter {font-size: inherit;}
#toc ul li.website {float: left}
#toc ul li.guests {float: left}
#toc ul li {background: none;}
#toc ul, #toc ul li ul li  { padding: 0.2em; margin: 0; }
#toc ul li ul  {font-size: 0.9em; }
#toc ul li ul li {}
#toc + h2 {clear: left;} 
table.keys td {border: #ece6cb solid 1px; background: #F7F5EC; padding: 0.5em;}




/*---------------------
google map
-----------------------*/
#map {width: 40em;
 height: 40em;
 margin: 0 0 0 5em ;
 border: #F7F5EC 5px solid;
 }