<style type="text/css">
html, body, div {margin: 0; padding: 0; background: white; font-family: arial, verdana, helvetica, sans-serif; behavior: url(csshover.htc);} /* WinIE behavior call */}
p {font-size: 80%}

h1 {font-size: 180%/1em; font-style: bold;}

h2 {font-size: 95%; letter-spacing: 1em; color: #99f; font-style: italic; text-transform: lowercase;}
.essential {color: #fc0;}
#logo {position: absolute; z-index: 100; top: .5em; right: .5em;}
#header {background: #336; color: white; padding: 1em 0 1em 3em; margin: 0;}


#topnavbox {background: silver; padding-left: 3em;}
#topnav {background: silver; padding: 2px; text-align: 3em;}
#topnav a {text-decoration: none; text-align: center; letter-spacing: 2px; font-size: xx-small; padding: 0; text-align: center; 
  border: solid .1em; border-color: white gray gray white; background: silver; color: #336;}
#topnav a:hover {background-color: #336; color: #fc0;
  border-color: gray white white gray;}

  
#toppics {margin-top: 1em; text-align: center;}

#stay {margin-top: 3em; margin-right:5em; margin-left:5em;word-spacing:0.2em; color: #336;}
#main {margin-top: 3em; margin-right: 11em; margin-left: 11em; padding-left: 1em; word-spacing: 0.2em; 
  color: #336;}
#main a {font-weight: bold; color: #66f;}
.welcome {font-size: 110%; font-style: italic; font-weight: bold;}
.subheadings {font-weight: bold; font-size: 90%; color: #66f;}
.town {color: #66f;}
.area {color: #66f; font-size: 50%;}
.hook {font-weight: bold; font-size: 90%; color: #66f;}
.float-left {float: left; border: 1px #336; padding: 1em;}
.float-right {float: right; border: 1px #336; padding: 1em;}
.aside {font-weight: bold; font-style: italic; color: #66f;}
.romans a {font-weight: bold; color: #66f;}
.boxcomments {font-weight: bold; color: #fc0;}
.table.forts {width: 85%; background-color: #fff;}
.table.forts th {background-color:#336; color: #fc0; align: left; 
padding: 0.1em 0.1em 0.1em 0.2em; text-align: left; font-style: normal;}
.table.forts td {padding: 0.1em 0.1em 0.1em 0.2em;}
.table.forts tr.evens td {background-color: #ccc;}
div#sitemap {background-color: #336; width: 100%; padding: .2em; color: white;}
#sitemap a {color: #fc0; text-decoration: none;}
#sitemap a:hover {color: white;}
#links td {color: #336; font-size: 80%;padding: 0.1em 0.1em 0.2em 0.2em;}
#links a {color: #66f; font-weight: bold; text-decoration: none;}
#links a:hover {color: #336;}
  
#linkback h5 {background: #336; color: #fc0; text-align: left; margin: 0; padding: 0 0 0.5em 0.5em;
   font-weight: bold; font-size: 80%;}


#rightpanel {float: right; width: 9em; margin-top: 3em; margin-right: .5em; 
 center; color: #336; background: white;}
#rightstuff {background: #336; color: #fc0; padding: 0 0 0.5em 0.5em;    
  text-align: centre;  font-weight: bold; font-size: 80%; background: #336;}

#locallinks {float: right; width: 9em; margin-top: 3em; margin-right: .5em;}
#localstuff {background-color: #336; color: #fc0; padding: 0 0 0.5em 0.5em;
   font-weight: bold; font-size: 80%; background: #336;}
   

  
  
.leftheader {background-color: #336; color: #fc0; padding: 0 0 0.5em 0.5em;
   font-weight: bold; font-size: 80%;
background: #336;}



#townlinks {postion: absolute; top; top: 3em; right: 2em; width: auto; font-size: 80%; 
             background-color: white; border: 1px solid #336;}
#townlinks a {display: block; padding: 4px 0px 4px 4px; text-decoration: none; color: #336; text-align: left; border-top: 1px solid #336;}
#townlinks a:hover {background: #fc0;}
#townlinks h4 {background: #336; color: #fc0; text-align: left; margin: 0; padding: 0 0 0.5em 0.5em;
   font-weight: bold; font-size: 100%;}
  

  
  


div#leftpanel {float: left; width: 9em; margin-top: 3em; margin-left: .5em;
  background: #336;}


div#leftpanel ul {margin: 0; padding: 0; width: 9em; background: white;
  border: 1px solid #336;}
div#leftpanel li {position: relative; list-style: none; margin: 0;
  border-bottom: 1px solid #336;}
div#leftpanel li:hover {background: #fc0;}
div#leftpanel li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#leftpanel li.submenu:hover {background-color: #fc0; font-color: white;}
div#leftpanel li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; font-weight: small; color: #336; font-size: 80%; width: 9em;}
div#leftpanel> ul a {width: auto;}
div#leftpanel ul ul {position: absolute; top: 0; left: 8.9em;
  display: none;}
div#leftpanel ul.level1 li.submenu:hover ul.level2, 
div#leftpanel ul.level2 li.submenu:hover ul.level3 {display:block; border: 1px solid #336;}


#footer {position: relative; bottom: 5px; clear: both; text-align: center; margin-top: 2.5em;border-color: #336;
  border-top: 1px solid;  color: #333366; font-size: 70%; 
  padding-top: 0.3em;}
#footer a {text-decoration: none; color: #336;} 




</style>