/*
*
    Learning2drive.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% "trebuchet MS", sans-serif;
}

#head {
  position:absolute;
  margin:0;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100px;
  z-index:5;
 /* overflow:auto; */
}

#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:100px;
  bottom:50px;
  width:25%;
  font-size:1em;
  z-index:4;
  overflow:auto;
}

* html #menu, * html #content, * html #links {
  height:100%;
  top:0;
  bottom:0;
  border-top:100px solid transparent;
  border-bottom:50px solid transparent;
}

#menu {
  left:0;
}

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

#links {
  left:75%;
}

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

#content p.special {
  margin-left: auto;
  margin-right: auto;
  font-size: 130%;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  border: solid 1px #000000;
  padding: 10px;
  margin: 20px 20% 0 20%;
}

#content p.address {
  margin-left: auto;
  margin-right: auto;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  border: solid 1px #000000;
  padding: 10px;
  margin: 20px 20% 0 20%;

}

#content p.calltoaction {
  margin-left: auto;
  margin-right: auto;
  font-size: 90%;
  text-align: center;
  border: solid 1px #000000;
  padding: 10px;
  margin: 20px 20% 0 20%;
}

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

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

#content h2 {
  font-size: 180%;
  font-family: verdana, sans-serif;
  margin: 0 20px 1ex 20px;
}

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

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

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

#content a {
  font-weight: bold;
  text-decoration: underline;
}

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

#content a.mailto {
  margin-top: 5px;
  margin-bottom: 5px;
  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: 12%;
}

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

#menu a {
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  width: 80%;
  display: block;
  margin: 0;
  padding: 3px;
  border: solid 2px;
  border-style: outset;
}

#menu a:hover {
  border-style: inset;
}

#menu a.youarehere {
  border-style: inset;
  cursor: default;
}

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


#links p {
  margin: 1ex 10px 1ex 10px;
  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;
  font-family: verdana, sans-serif;
  text-decoration: none;
}

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

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

#foot a {
  font-weight: bold;
  text-decoration: underline;
}

#foot a:hover {
  text-decoration: none;
}

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

#foot span.visits {
  position:absolute;
  right:2%;
  bottom:10px;
}

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

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

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

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

table {
  margin: 1ex 20px 2ex 30px;
}

td {
  padding-left: 15px;
  padding-right: 15px;
  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('colourtop.gif');
	height: 20px;
	font-size: 2px;
}

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

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

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

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

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

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

.top-lefthead, .top-righthead, .bottom-lefthead, .bottom-righthead {
	background-image: url('blacktop.gif');
	height: 9px;
	font-size: 2px;
}

.top-lefthead, .bottom-lefthead {
	margin-right: 9px;
}

.top-righthead, .bottom-righthead {
	margin-left: 9px;
	margin-top: -9px;
}

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

.bottom-lefthead  {
	background-position: 0 -9px;
}

.bottom-righthead {
	background-position: 100% -9px;
}

.top-leftcontent, .top-rightcontent, .bottom-leftcontent, .bottom-rightcontent {
	background-image: url('bluewhitetop.gif');
	height: 20px;
	font-size: 2px;
}

.top-leftcontent, .bottom-leftcontent {
	margin-right: 20px;
}

.top-rightcontent, .bottom-rightcontent {
	margin-left: 20px;
	margin-top: -20px;
}

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

.bottom-leftcontent  {
	background-position: 0 -20px;
}

.bottom-rightcontent {
	background-position: 100% -20px;
}

#heading #searchwords {
  margin-left: auto;
  margin-right: auto;
  font-size: 140%;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  border: solid 1px #000000;
  padding: 10px;
  margin: 20px 20% 20px 20%;
}
