/* 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;
  outline: 0;
  font-size: 100%;
}

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

/* TEXT FORMATTING */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #ff0000;
	text-align: center;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0000ff;
	text-align: center;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ff0000;
	text-align: left;
	text-weight: bold;
	margin-bottom: -4px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: justify;
	font-weight: normal;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ff0000;
	text-align: center;
}

/* =============== CONTAINERS =================== */
#main_container{
	width: 999px;
	height: auto;
	background-color: #FFFFFF;
	border-top: none;
	border-left: solid 2px #458CD2;
	border-right: solid 2px #458CD2;
	border-bottom: solid 2px #458CD2;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 999px;
	height: 205px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border: none;
}

#navigation_placement {
	width: 999px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	border-bottom: 2px solid #0000ff;
	background-color:#ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
}

#content_container{
	width: 959px;
	height: auto;
	background-color: #FFFFFF;
	border-top: none;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px 10px 20px;
	background-color: #FFFFFF;
}

#driving_tip {
	width: 450px;
	height: auto;
	padding: 0 0 0 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#footer {
	width: 999px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
	border-top: 4px solid #ff0000;
	background-color:#0000ff;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #ffffff;
	text-align: center;
}

/* NAVIGATION */

/* style the link and set the colours  */

#navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
}

/* remove bullets and indentation */
#navigation ul {
    list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4px;
}

#navigation li {
	display: inline;
}

#navigation a:link, #navigation a:visited {
    margin-right: 2px;
	padding: 3px 10px 2px 10px;
	color: #FFFFFF;
	background-color: #0000ff;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1 solid #000000;
	border-right: 1px solid #000000;
}

#navigation a:hover {
    background-color: #ff0000; 
	color: #ffffff; 
	border-top: 1px solid #000000;
	border-left: 1px solid #000000; 
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF; 
}

/* BOTTOM NAVIGATION */

#bottom_nav {
	width: 950px;
	height: 40px;
	margin: 5px auto 5px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: center;
	font-weight: normal;
}

#youre_here_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ff0000;
	text-align: center;
	font-weight: normal;
}	


/* LISTS */

/* ========================= HOME PAGE =============================== */
#list_services {
	width: 350px;
	height: auto;
	margin-left: 10px;
	margin-top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #0000ff;
	text-align: left;
}

#img_car_home_page_1 {
	float: right;
	width: 524px;
	height: 441px;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 10px 5px;
}

#img_pink_green_badge {
	float: right;
	width: 150px;
	height: 101px;
	border: none;
	padding: 5px 5px 5px 5px;
	margin: 3px 20px 3px 25px;
}

#img_car_home_page_2 {
	float: left;
	width: 300px;
	height: 325px;
	margin: 5px 15px 5px 0px;
	padding: 2px 2px 2px 2px;
	border: solid 2px #0000ff;
}


/* ================== WHY BRADSHAW PAGE ================== */
table {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: justify;
	font-weight: normal;
}	

#img_car_why_bradshaw_1 {
	float: right;
	width: 320px;
	height: 263px;
	margin: 5px 0px 5px 15px;
	padding: 2px 2px 2px 2px;
	border: solid 2px #0000ff;
}

/* =============== THE BASIC COURSE ======================== */

#lists_basic {
	width: 960px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
}

#list_basic_1 {
	float: left;
	width: 250px;
	height: auto;
	margin-left: 80px;
	margin-right: 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: justify;
	font-weight: normal;
}

#list_basic_2 {
	float: left;
	width: 250px;
	height: auto;
	margin-left: 50px;
	margin-right: 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: justify;
	font-weight: normal;
}

#list_basic_3 {
	float: left;
	width: 250px;
	height: auto;
	margin-left: 50px;
	margin-right: 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: justify;
	font-weight: normal;
}

#img_car_basic_course_1 {
	float: left;
	width: 430px;
	height: 323px;
	margin: 12px 20px 5px 0px;
	padding: 2px 2px 2px 2px;
	border: solid 2px #0000ff;
}

/* ================ OTHER COURSES PAGE ============= */
#list_pass_plus {
	width: 250px;
	height: auto;
	float: left;
	margin-left: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: left;
	font-weight: normal;
}
		
#logo_pass_plus {
	float: left;
	width: 124px;
	height: 107px;
	margin-left: 100px;
	margin-right: 287px;
	margin-top: 10px;
	margin-bottom: 90px;
	border: none;
}	

#img_other_courses_motorway {
	float: right;
	width: 300px;
	height: 225px;
	padding: 2px 2px 2px 2px;
	border: solid 2px #0000ff;
	margin: 5px 10px 5px 20px;
}

#img_car_other_courses_1 {
	float: left;
	width: 200px;
	height: 150px;
	margin: 0px 20px 5px 0px;
	padding: 2px 2px 2px 2px;
	border: solid 2px #0000ff;
}

/* ============ PRACTICAL TEST PAGE ============= */
#logo_dsa {
	margin-right: auto;
	margin-left: auto;
	width: 80px;
	height: 49px;
	border: none;
	padding: 10px 10px 10px 10px;
}

#list_practical_1 {
	float: left;
	width: 800px;
	height: auto;
	margin-left: 80px;
	margin-right: 100px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: left;
	font-weight: normal;
}

#animated_road_sign {
	margin-right: auto;
	margin-left: auto;
	width: 70px; 
	height: 70px;
	border: none;
	padding: 5px 5px 5px 5px;
}

#img_car_practical_1 {
	float: right;
	width: 300px;
	height: 217px;
	padding: 2px 2px 2px 2px;
	border: solid 2px #0000ff;
	margin: 40px 5px 0px 20px;
}

#list_practical_2 {
	width: 500px;
	height: auto;
	float: left;
	margin-left: 250px;
	margin-right: 190px;
	margin-bottom: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: left;
	font-weight: normal;
}

#img_practical_tearing_plate {
	width: 300px;
	height: 329px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 10px 10px;
	border: none;
}
	
	
/* ================== THEORY TEST PAGE ================= */

#list_theory {
	width: 370px;
	height: auto;
	float: left;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: left;
	font-weight: normal;
}

#img_car_theory_1 {
	float: right;
	width: 500px;
	height: 310px;
	margin:20px 10px 10px 25px;
	border: none;
}

#img_books_and_cds {
	float: left;
	width: 420px;
	height: 325	px;
	border: none;
	margin: 10px 0 0 0;
}

#img_link_to_online_theory_test {
	width: 300px;
	height: 175px;
	margin-right: auto;
	margin-left: auto;
	border: none;
}

/* ============== TERMS AND CONDITIONS PAGE */
#img_car_terms_1 {
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	height: 366px;
	border: none;
}

#terms_text {
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	height: auto;
	border: none;
}

#terms_text li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0000ff;
	text-align: justify;
	font-weight: normal;
}
#terms_text ul {
	margin-top: -5px;
}

/* ============= FAQs PAGE =============== */

#img_car_faqs_page_1 {
	float: right;
	width: 470px;
	height: 324px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 10px;
	border: none;
}

/* ONLINE DIRECTORIES */

#online-directories {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	height: auto;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0000ff;
	text-align: center;
	font-weight: normal;
}


/*special offer page*/
#special_offer_table {
	width: 400px;
	height: auto;
	margin: 20px auto 20px auto;
	padding: 0 0 0 0;
	border: none;
}