/* mikesdrivinglessons stylesheet */
@charset "utf-8";
body { 
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 100%;
  color: #999999;
}
#container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px; 
  width: 900px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 100%;
  color: #999999;
}
#header  {
  width: 900px;
  height: 133px;
}
#header h1 {
  font-size: 5%;
}
#contact {
  width: 900px;
  height: 30px;
  margin-top: -15px;
  margin-bottom: 10px;
}
#e-mail {
  width: 300px;
  height: 30px;
  margin-left: 6px;
  float: left;
}
#e-mail p {
  font-size: 120%;
  color: black;
}
#e-mail p a {
  font-size: 100%;
  color: black;
  text-decoration: none;
}
#e-mail p a:hover {
  font-size: 100%;
  color: red;
  text-decoration: none;
}
#telephone {
  width: 232px;
  height: 30px;
  float: right;
}
#telephone p {
  font-size: 120%;
  color: black;
}
.nav {
  float: left;
  width: 900px;
  height: 40px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 5px;
}
.nav ul {
  margin-left: 5px;
  padding-left: 0px;
}
.nav ul li {
  font-weight: normal;
  color: #999999;
  font-size: 90%;
  list-style-type: none;
  margin-right: 5px;
  display: inline;
  padding-right: 11px;
  border-right: gray 1px dotted;
}
.nav ul li a {
  font-weight: normal;
  text-decoration: none;
  color: black;
  font-size: 100%;
 
}
.nav ul li a:hover {
  font-weight: normal;
  text-decoration: none;
  color: red;
  font-size: 100%;
}
#navigation {
  MARGIN-LEFT: auto;
  MARGIN-RIGHT: auto;
  MARGIN-TOP: 15px;
  WIDTH: 890px;
  BACKGROUND: url(../images/navigation_bar.jpg); 
  HEIGHT: 34px
}
#nav-content {
  WIDTH: 890px;
  MARGIN-LEFT: 10px;
  FLOAT: left; 
  HEIGHT: 34px;
  DISPLAY: inline
}
#menu {
  BORDER-BOTTOM: 0px;
  BORDER-LEFT: 0px; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-LEFT: 0px; 
  PADDING-RIGHT: 0px; 
  FONT: bold 11px Arial; 
  BORDER-TOP: 0px; 
  BORDER-RIGHT: 0px; 
  PADDING-TOP: 0px;
  POSITION:RELATIVE;
  Z-INDEX:1010;
}
#content {
  width: 890px;
  padding-left: 5px;
  padding-right: 12px;
}
#slideshow {
  width: 900px;
  margin-left: 0px;
  height: 407px;
}
h2 {
  font-size: 120%;
  font-weight: bold;
}
h3 {
  font-size: 110%;
  font-weight: bold;
  color: green;
  margin-bottom: 10px;
  margin-top: 10px;
}
h4 {
  font-size: 60%;
  font-weight: normal;
  margin-top: -5px;
}
a {
  color: red;
  text-decoration: none;
}
a:hover {
  color: red;
  text-decoration: underline;
}
.photo-left {
  float: left;
  margin-right: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.photo-left-blog {
  float: left;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.photo-right {
  float: right;
  margin-left: 18px;
  margin-bottom: 0px;
  margin-right: -6px;
}
.video-left {
  float: left;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 2px;
}
.outdent {
  margin-left: -10px;
}
#contactform {
  margin-left: -150px;
}
#intro  {
  width: 900px;
}
#columns {
  width: 1000px;
}
#left-column  {
  width: 340px;
  margin-right: 20px;
  float: left;
}
#areas {
  width:300px;
  margin-left: 20px;
}
#right-column  {
  width: 630px;
  margin-top: 20px;
  margin-right: 10px;
  float: left;
}
#left-column-contact {
  width: 400px;
  margin-right: 20px;
  float: left;
}
#right-column-contact  {
  width: 470px;
  margin-top: 20px;
  margin-right: 10px;
  float: left;
}
#left-column-blog {
  width: 600px;
  margin-right: 30px;
  float: left;
}
#right-column-blog  {
  width: 240px;
  margin-top: 20px;
  margin-right: 10px;
  float: left;
}
#tags {
  width: 240px;
  margin-top: -20px;
  margin-bottom: 20px;
  padding-top: 30px;
  font-size: 90%;
}  
#tags h5 {
  font-size: 95%;
  font-weight: strong;
  margin-top: 5px;
  margin-bottom: -5px;
}
.blog-post {
  width: 550px;
  border-bottom: 1px solid #999999;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.date {
  font-size: 65%;
}
.tag {
  font-size: 85%;
}
.column-50pc {
  width: 420px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 30px;
  float: left;
}


/* gov.uk titles no longer times */


.times {
  Arial,Helvetica,sans-serif;
  font-size: 115%;
  font-weight: 700;
  color: black;
}
#left-bar  {
  width: 175px;
  margin-top: 3px;
  margin-right: 20px;
  margin-bottom: 30px;
  padding-top: 2px;
  float: left;
}
.slither {
  width: 100px;
  height: 10px;
  float: left;
  clear: none;
}
#main-right  {
  width: 685px;
  margin-top: -11px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 30px;
  float: right;
  clear: none;
}
.clear  {
  clear: both;
}
<!--   table {
  margin-left: 10px;
}   -->
#footer  {
  width: 890px;
  height: 28px;
  background: url(/images/footer-bg.jpg) repeat;
  <!--   border-top: 2px solid;   -->
  <!--   border-bottom: 2px solid;  -->
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  color: #FFFFFF;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 6px;
  padding-left: 10px;
}
#legal  (
  width:890;
  height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 70%;
}  
#under-footer  {
  width: 900px;
  height: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 30px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 70%;
}
.title {
  margin-top: 7px;
  margin-bottom: 1px
}
.entry {
  margin-top: 1px;
  margin-bottom: 7px
}
.little-gap {
  height: 7px;
}
.prices {
  width: 500px;
  margin-left: 35px;
}
.image-credit p {
 margin-left: 5px;
 font-size: 55%;
}
.question {
  color: red;
  margin-bottom: -15px;
}
.answer {
  margin-top: 2px;
  margin-bottom: 10px;
}
.inset  {
 margin-left: 15px;
}
.inset-20  {
 margin-left: 20px;
}
.inset-30  {
 margin-left: 30px;
}
.blog {
 margin-top: -10px;
 margin-left: -10px;
 font-size: 30%;
}


/* mikes new sized window stylesheet */
#container2 {
	width: 640px;
	background-color: white;
	padding-top:10px;
	padding-botton: 10px;
        padding-left: 4px;
	margin-bottom: 0px;
  	font-family: Arial,Helvetica,sans-serif;
  	font-weight: normal;
  	font-size: 80%;  	
}
#header1  {
	width: 640px;
	height: 35px;
	margin-top: 25px;
	margin-bottom: 20px;
}
p	{
              font-size: 100%;
	}

#video     {
	width: 640px;
	height: 360;
	
}
.spacer  {
	height: 140px;
}
.float-right  {
        float: right;
        margin-top: -15px;
        margin-bottom: 14px;
}