/* CSS Document */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

body {
	font: small/1.8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#BEDFFF;
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}

/* TEXT */

h1 {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #000066;
	text-align: center;
}

h2 {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000066;
	text-align: center;
}

h3 {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #000066;
	text-align: justify;
}

h4 {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000066;
	text-align: center;
}

h5 {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #000066;
	text-align: center;
}

h6 {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #000066;
	text-align: center;
}

#main_container{
	width: 957px;
	height: auto;
	background-image: url(graphics/background.gif);
	border-top: none;
	border-left: solid 3px #003399;
	border-right: solid 3px #003399;
	border-bottom: solid 3px #003399;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
}

#banner {
	width: 620px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 40px;
}

#what_will_i_cost {
	float: right;
	width: 320px;
	height: 200px;
	margin: 0px 20px 10px 95px;
}

#useful_links {
	float: right;
	width: 260px;
	height: auto;
	margin: 40px 5px 20px 10px;
}

#useful_links_left {
	float: left;
	width: 130px;
	height: auto;
	margin: 0 0 0 0;
}

#useful_links_right {
	float: left;
	width: 130px;
	height: auto;
	margin: 0 0 0 0;
}

#other_courses {
	float: left;
	margin: 40px 20px 20px 5px;
	width: 640px;
	height: auto;
}

#main_container ul {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #000066;
	text-align: justify;
	margin-left: 5px;
	margin-top: 2px;
}

#important_message {
	clear: both;
	width: 760px;
	height: 245px;
	border: 4px dotted #5c7cc5;
	padding: 10px 10px 10px 10px;
	margin-right: auto;
	margin-left: auto;
}

#dsa_two_badges {
	float: right;
	margin-right: 5px;
	margin-bottom: 50px;
	padding: 10px 10px 10px 10px;
	width: 150px;
	height: 101px;
	border: none;
}

#important_message h1 {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
}

#important_message h3 {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #000066;
	text-align: justify;
}

.h3_green {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #339900;
	text-align: center;
}

.h3_blue {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #000066;
	text-align: center;
}

.h3_red {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
}

.h3_red_2 {
	font-family: "comic san ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
}

/* ================ ONLINE DIRECTORIES ================ */
#online_directories {
	clear: both;
	width: 900px;
	height: auto;
	margin: 10px auto 10px auto;
	border: none;
}

#online_directories_1 {
	width: 880px;
	height: 130px;
	margin: 20px auto 20px auto;
	background-color: #ffFFFF;
}
#online_directories_2 {
	width: 731px;
	height: 65px;
	margin: 20px auto 20px auto;
	background-color:#ffffff;
}

#online_directories_3 {
	width: 700px;
	height: 60px;
	margin: 20px auto 20px auto;
	background-color:#ffffff;
}

#online_directories_4 {
	width: 700px;
	height: 80px;
	margin: 20px auto 20px auto;
	background-color:#ffffff;
}

#online_directories_5 {
	width: 725px;
	height: 115px;
	margin: 20px auto 20px auto;
	background-color:#ffffff;
}

#online_directories_6 {
	width: 555px;
	height: 75px;
	margin: 20px auto 20px auto;
	background-color:#ffffff;
}

#online_directories_7  {
	width: 760px;
	height: 151px;
	margin: 20px auto 20px auto;
	background-color:#ffffff;
}


/* Logos used in Online Directories */

#logo_learnerstuff {
	width: 260px;
	height: 49px;
	border: none;
	float: left;
	margin: 30px 80px 10px 5px;
}

#logo_uk_motoring-directory {
	width: 155px;
	height: 120px;
	border: none;
	float: left;
	margin: 0px 80px 10px 5px;
}

#logo_thomson_local {
	width: 270px;
	height: 60px;
	border: none;
	float: left;
	margin: 30px 0px 10px 5px;
}

#logo_driving_instructors_4_u {
	width: 281px;
	height: 58px;
	border: none;
	float: left;
	margin: 0px 0px 10px 5px;
}

#logo_find_a_driving_instructor {
	width: 350px;
	height: 49px;
	border: none;
	float: left;
	margin: 5px 80px 10px 5px;
}

#logo_driving_lessons_biz {
	width: 324px;
	height: 53px;
	border: none;
	float: left;
	margin: 5px 5px 5px 5px;
}

#logo_driving_people {
	width: 235px;
	height: 30px;
	border: none;
	float: right;
	margin: 15px 5px 5px 5px;
}

#logo_driving_test_success {
	width: 300px;
	height: 79px;
	border: none;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#logo_i_need_driving_lessons {
	width: 350px;
	height: 33px;
	border: none;
	float: right;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
}

#logo_i_west_midlands {
	width: 300px;
	height: 50px;
	border: none;
	float: left;
	margin: 30px 20px auto 20px;
	padding: 0 0 0 0;
}

#logo_local_finder {
	width: 150px;
	height: 110px;
	border: none;
	float: right;
	margin: 0px auto auto 0px;
	padding: 0 0 0 0;
}

#logo_driving_schools_directory {
	width: 233px;
	height: 115px;
	border: none;
	float: left;
	margin: 0px auto auto 0px;
	padding: 0 0 0 0;
}

#logo_tradestamp {
	width: 263px;
	height: 75px;
	border: none;
	float: left;
	margin: 0px auto auto 0px;
	padding: 0 0 0 0;
}

#logo_driving_schools_local {
	width: 250px;
	height: 23px;
	border: none;
	float: right;
	margin: 20px auto 20px auto;
	padding: 0 0 0 0;
}

#logo_theory_test {
	width: 173px;
	height: 121px;
	border: none;
	float: left;
	margin: 20px auto 0px auto;
	padding: 0 0 0 0;
}

#logo_local_driving_schools {
	width: 224px;
	height: 31px;
	border: none;
	float: right;
	margin: 60px auto 0px 45px;
	padding: 0 0 0 0;
}

#w3c_logos {
	float: left;
	width: 88px;
	height: 70px;
	margin: 10px 10px 10px 10px;
}

#visitors_counter {
	float: right;
	width: 88px;
	height: 70px;
	margin: 10px 10px 10px 10px;
}


/* ================= IMAGES ================ */
#brian_and_car {
	width: 600px;
	height: 450px;
	margin: 10px auto 10px auto;
	border: solid 3px #003399;
}

#brian_close_up {
	float: right;
	width: 300px;
	height: 269px;
	margin: 0px 20px 10px 95px;
	border: solid 3px #003399;
}


#car_from_rear {
	float: left;
	width: 300px;
	height: 225px;
	margin: 0px 20px 10px 95px;
	border: solid 3px #003399;
}


#three_car_pics {
clear: both;
	width: 640px;
	height: 197px;
	margin: 10px auto 10px auto;
}