body { background: #e4e7ec; font-family: "Trebuchet MS", sans-serif; color: #666;  font-size: 96%; }


.outer { font-size: 1em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #999; }
h2 { font-size: 1.4em; margin: 20px 0 10px 0; }
h4 { font-size: 1.2em; }

table { margin: 0; }
td { vertical-align: top; }

a { color: #666; text-decoration: none; }
a:hover { color: #333; }

.onion1 { width: 870px; margin: auto; background: url(images/shadowright.jpg) repeat-y top right; }
.onion3 { background: url(images/topshadow.jpg) no-repeat 50% 0;   }
.onion2 { background: url(images/shadowleft.jpg) repeat-y; }
.onion4 { background: url(images/shadowbottom.jpg) no-repeat bottom; padding: 20px; }
.inner { padding: 15px 15px 15px 15px; background: #fff; }
.header {  height: 206px; background: url(images/header.jpg); width: 801px; }

.nav ul, .nav li { display: inline; margin: 0; padding: 0; }
.nav li { float: left; display: block; padding: 10px 10px 10px 20px; font-size: .8em;  }
.nav:after { content: ""; clear: both; display: block; }

.nav {  margin: 0; background: #fff; }
.nav a { text-decoration: none; font-weight: normal; color: #5F8F9E }
.nav a:hover { color: #3A6B7A;}


.contentarea { background: url(images/beefeaterside.gif) no-repeat top right; 
margin: 0; padding: 0 0 40px 0; border: 1px solid #fff; border-width: 1px 0 0 0; 
font-size: .9em;
}
.bigarea { padding: 0; margin: 0; border: 1px solid #fff; border-width: 1px 0 0 0; background: url(images/repeatingside.gif) repeat-y top right  }

h1 {margin: 20px 0 20px 0; font-size: 1.3em; font-weight: normal;}

.text { margin: 0; padding: 0 200px 0 20px; font-size: .9em; }

.contactbox { float: right; width: 220px; height: 80px; margin-left: 40px; text-align: right; padding: 10px 13px 0 0; font-size: 12px;  overflow: visible; white-space: nowrap; }
.contactbox p { margin: 0; padding: 0; }
.contactbox p.email { margin-bottom: 10px;  }

#events .contactbox { display: none;  }
#events .text { padding-right: 0; }
#events .contentarea { background: url(images/eventsside.gif) no-repeat top right; 
margin: 0; padding: 0 0 40px 0; border: 1px solid #fff; border-width: 1px 0 0 0; 
font-size: .9em;
}
#events table { width: 100%; }
#events .bigarea { padding: 0; margin: 0; border: 1px solid #fff; border-width: 1px 0 0 0; background: url(images/eventstile.gif) repeat-y top right;  }


table { width: 95%; }
td { padding-right: 30px;}
ul, li { padding: 0; margin: 0; }
ul { padding: 0 0 0 15px; }
li { padding: 0 0px 0 00px; }


#tariffs table { width: 543px; }
#tariffs .contactbox { margin-left: 0px; }

.alternate { background-color: #e3e9ed; }


.footerlinks { width: 800px; margin: auto; font-size: .8em;  text-align: center; }
.footerlinks a { text-decoration: underline; }



.date { width: 200px; height: 20px; position: absolute; right: 15px; top: 48px; color: #fff; font-size: .8em; text-align: right; }
.header { position: relative; }