/*
*
    Layout.css Copyright Ed Wicks, Nottingham UK, November 2007.
*
*/
html {
  height:100%;
  max-height:100%;
  padding:0;
  margin:0;
  border:0;
  /* hide overflow:hidden from IE5/Mac */
  /* \*/
  overflow: hidden;
  /* */
}

body {
  height:100%;
  max-height:100%;
  overflow:hidden;
  padding:0;
  margin:0;
  border:0;
  font: normal 85% georgia, sans-serif;
  color: #000000;
  background-image: url(background.gif);
}

#head {
  position:absolute;
  margin:0;
  top:0;
  left:0;
  display:block;
  width:100%;
  z-index:5;
}

#foot {
  position:absolute;
  margin:0;
  bottom:0;
  left:0;
  display:block;
  width:100%;
  height:50px;
  z-index:5;
}

#menu, #content, #links {
  position:absolute;
  left:0;
  top:120px;
  bottom:50px;
  width:25%;
  z-index:4;
  overflow:auto;
}

#menu {
  left:0;
  width: 25%;
}

#content {
  left:25%;
  width:50%;
}

#links {
  left:75%;
  width: 25%;
}

#head .inner {
  margin-left: 17%;
  margin-right: 17%;
  margin-top: 10px;
}

#head p {
  font-size: 320%;
  text-align: center;
  margin-left: -20px;
  padding-top: 0;
  padding-bottom: 0;
  letter-spacing: 5px;
}

#head span.ad {
  position:absolute;
  right:1%;
  top: 10%;
}

#head img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#content #heading #searchwords {
  margin: 20px 22% 15px 18%;
}

#content #heading #nogaps {
  margin-top: 0 ! important;
  margin-bottom: 0 ! important;
  padding-top: 0 ! important;
  padding-bottom: 0 ! important;
  margin-right: 20px;
  margin-left: -2px;
  font-size: 140%;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

#content #heading #nogaps p {
  margin-bottom: 0 ! important;
  padding-bottom: 0 ! important;
  margin-right: 0px;
  text-align: center;
}

#content #heading img {
  float: right;
  padding-right: 20px;
  padding-top: 0px;
  padding-left: 5px;
  padding-bottom:0px;
}

#content p {
  margin: 1ex 20px 1ex 0px;
  text-align: justify;
}

#content div.calltoaction {
  margin: 20px 22% 0px 18%;
}

#content div.calltoaction p {
  font-size: 90%;
  margin: 0 20px 0 -2px;
  text-align: center;
}

#content #specialoffer {
  margin-bottom: 20px;
  font-size: 110%;
}

#content #special {
  margin-top: 0 ! important;
  margin-bottom: 0 ! important;
  padding-top: 0 ! important;
  padding-bottom: 0 ! important;
  margin-right: 0px;
  margin-left: -2px;
  font-size: 140%;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

#content  p.phone {
  text-align: center;
  font-weight: bold;
}

#content table.contacts {
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}

#content h2 {
  font-size: 180%;
  margin: 0 20px 1ex 0px;
}

#content h3 {
  font-size: 130%;
  margin: 0 20px 1ex 0px;
}

#content h3.header{
  font-size: 130%;
  margin: 2ex 40px 1ex 20px;
  border: solid 1px black;
  text-align: center;
  padding: 1ex 1ex;
}

#content h4 {
  font-size: 115%;
  margin: 2ex 20px 1ex 0px;
}

#content h5 {
  font-size: 100%;
  margin: 2ex 20px 1ex 0px;
}

#content a {
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
  background-color: transparent;
}

#content a:hover {
  text-decoration: none;
  color: #000000;
  background-color: transparent;
}

#content a.mailto {
  margin-top: 1ex;
  display: block;
  text-align: center;
  text-decoration: underline;
}

#content a.mailto:hover {
  text-decoration: none;
}

#content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top:40px;
  margin-left: 9%;
}

#menu  li {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

#menu a {
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  width: 90%;
  display: block;
  padding: 3px 0 3px 0;
  color: #000000;
}

#menu a:hover {
  color: #000000;
}

#links .inner {
  width:86%;
  margin-left:7%;
  margin-top:40px;
}

#links p {
  margin: 1ex 20px 1ex 0px;
  text-align: left;
  font-size: 85%;
}

#links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#links li {
  margin: 5px 10px;
  display: block;
  text-align: center;
}

#links a {
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

#links a:hover {
  text-decoration: underline;
}

#links hr {
  margin-left: 20%;
}

#foot .inner {
  margin-left: 17%;
  margin-right: 15%;
}

#foot p {
  margin: 0;
  padding: 5px;
  text-align: center;
  font-size: 90%;
  font-weight: bold;
}

#foot img{
  margin: 0px 0px 0px 0px;
  padding: 0 0 0px 0;
  display: inline;
  border: none;
  vertical-align: middle;
}

#foot span.visits {
  position:absolute;
  right:19%;
  bottom:16px;
}

.image {
  width:90%;
}

.rsImage {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-align: center;
}

.rsImage img {
  width: 0;
  margin-left: -99999px;
  padding-left: 1px;
}

hr {
  width: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000000;
}

ul {
  margin: 1ex 20px 2ex 5px;
  list-style-type: square;
}

ul ul {
  margin: 1px 0px 1ex 0px;
  list-style-type: disc;
}

ol {
  margin: 1ex 20px 2ex 5px;
}

div.table{
    margin: 10px 20% 10px 16%;
}

table {
  margin-left:auto;
  margin-right:auto;
}

td {
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top
}

h1 {
  padding: 0px 10px 0px 25px;
  font-size: 220%;
  font-family: verdana, sans-serif;
}

.smallheading {
  font-size: 75%;
}

.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url('beveltop.png');
	height: 25px;
}

.top-left, .bottom-left {
	margin-right: 25px;
}

.top-right, .bottom-right {
	margin-left: 25px;
	margin-top: -25px;
}

.top-right {
	background-position: 100% 0;
}

.bottom-left  {
	background-position: 0 -25px;
}

.bottom-right {
	background-position: 100% -25px;
}

.inside-left, .inside-right {
	background-image: url('bevelside.png');
  background-position: 0% 0%;
  background-repeat: repeat-y;
}

.inside-right {
  background-position: 100% 0%;
  margin-left: 25px;
}

.menu-left, .menu-right {
  background-image: url(menuitem.png);
}

.menu-left {
	margin-right: 20px;
}

.menu-right {
	margin-left: 20px;
	background-position: 100% 0;
}

#menu a:hover {
 background-image: url(selectmenuitem.png);
 background-position: 50% 0;
}

.footer-left, .footer-right {
  background-image: url(footer.png);
}

.footer-left {
	margin-right: 20px;
  margin-top: 11px;
}

.footer-right {
	margin-left: 20px;
	background-position: 100% 0;
}

.nogap {
  margin-top: 0 ! important;
  margin-bottom: 0 ! important;
  padding-top: 0 ! important;
  padding-bottom: 0 ! important;
}

.action-top-left, .action-top-right, .action-bottom-left, .action-bottom-right {
	background-image: url('actiontop.png');
	height: 25px;
  position: relative;
}

.action-top-left, .action-bottom-left {
	margin-right: 25px;
}

.action-top-right, .action-bottom-right {
	margin-left: 25px;
	margin-top: -25px;
}

.action-top-right {
	background-position: 100% 0;
}

.action-bottom-left  {
	background-position: 0 -25px;
}

.action-bottom-right {
	background-position: 100% -25px;
}

.action-inside-left, .action-inside-right {
	background-image: url('actionside.png');
  background-position: 0% 0%;
  background-repeat: repeat-y;
	}

.action-inside-right {
  background-position: 100% 0%;
  margin-left: 25px;
}

#searchwords-top-left, #searchwords-top-right, #searchwords-bottom-left, #searchwords-bottom-right {
	background-image: url('actiontop.png');
	height: 25px;
	font-size: 2px;
  position: relative;
}

#searchwords-top-left, #searchwords-bottom-left {
	margin-right: 25px;
}

#searchwords-top-right, #searchwords-bottom-right {
	margin-left: 25px;
	margin-top: -25px;
}

#searchwords-top-right {
	background-position: 100% 0;
}

#searchwords-bottom-left  {
	background-position: 0 -25px;
}

#searchwords-bottom-right {
	background-position: 100% -25px;
}

#searchwords-inside-left, #searchwords-inside-right {
	background-image: url('actionside.png');
  background-position: 0% 0%;
  background-repeat: repeat-y;
	}

#searchwords-inside-right {
  background-position: 100% 0%;
  margin-left: 25px;
}

