/* CSS DISPLAY SCREEN Fawcett Driver Training */

/* ---------- 1.0 MISC ---------- */

*   {
	padding:0;
	margin:0;
	border:0;
	}
	
body {
	color:#5d698e;
	font:0.7em "Times New Roman", Times, serif;
	text-align:center;
	background:url(images/body_top_repeat.png) repeat-x;
	padding:0 0 20px 0;
	}

.end {
	clear:both;
	list-style:none;
	font-size:1%;
	text-indent:-2000em;
	line-height:1%;
	height:0;
	}
	
#container {
	width:920px;
	text-align:left;
	position:relative;
	margin:0 auto;
	padding:0 30px;
	background:url(images/top_container.png) 0 0 no-repeat;
	}

/* ---------- 1.0 HEADER ---------- */
	#header {
		height:107px;
		width:920px;
		position:relative;
		background:#fff;
		}
	/* ---------- 1.1 LOGO ---------- */
	
	#logo {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		width:219px;
		height:73px;
		position:absolute;
		left:20px;
		top:14px;
		background:url(images/fawcette_driver_traning_log.png) 0 0 no-repeat;
		}
	
	#logo a {
		width:219px;
		height:73px;
		display:block;
		text-decoration:none;
		cursor:pointer;
		}
		
	
	/* ---------- 1.2 Details ---------- */
	
	#header ul {
		display:block;
		width:450px;
		position:absolute;
		right:20px;
		top:35px;
		color:#0e0766;
		}
		
	#header li {
		float:right;
		clear:right;
		list-style:none;
		margin-bottom:4px;
		}
		
	#header #phone {
		font-size:2.2em;
		font-weight:bold;
		}
		
	#header #email a {
		font-size:1.6em;
		text-decoration:none;
		color:#0e0766;
		}
		
	#header #email a:hover {
		color:#9c965e;
		}
		

/* ---------- 2.0 BANNER ---------- */

#banner {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	width:920px;
	height:186px;
	background:url(images/corporate_advanced_driver_t.jpg) 0 0 no-repeat;
	}
	
		
/* ---------- 3.0 MENU ---------- */
	
	#menu {
		height:60px;
		background:#f0f4f8;
		}
		
	#menu h3 {
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		display:block;
		position:absolute;
		top:-500px;
		}
		
	#menu li {
		float:left;
		display:inline;
		}
		
	#menu li a {
		display:block;
		padding:15px 30px 0 30px;
		height:45px;
		background: url(images/split_link_menu.png) 0 13px no-repeat;
		text-decoration:none;
		color:#0d0568;
		font-size:1.8em;
		}
		
	#menu li.first a {
		background:none;
		}


	#menu li a:hover, #menu li  a.selected  {
		color:#386fa7;
		}
	

/* ---------- 4.0 CONTENT ---------- */

#content {
	width:920px;
	padding:35px 30px 20px 30px;
	}

	/* ---------- 4.1 COLLEFT ---------- */
	
	#colLeft {
		width:583px;
		float:left;
		padding-right:40px;
		}
		
		/* ---------- 2.1.1 MAIN CONTENT ---------- */
			
		
		#colLeft .mainContent {
			line-height:1.5em;
			font-family:"Trebuchet MS", Arial;
			font-size:1.3em;
			font-weight:lighter;
			}
			
		#colLeft .mainContent h1 {
			font-family:"Times New Roman", Times, serif;
			color:#100965;
			font-size:2.1em;
			margin-bottom:0.8em;
			font-weight:normal;
			}

		#colLeft .mainContent a {
			color:#9c965e;
			text-decoration:none;
			}
			
		#colLeft .mainContent a:hover {
			text-decoration:underline;
			}
			
		#colLeft .mainContent p {
			margin-bottom:1.5em;			
			}
			
		#colLeft .mainContent p em {		
			font-family:"Times New Roman", Times, serif;
			font-weight:bold;
			}
	
		#colLeft .mainContent ul {
			margin:0 0 1.7em 16px;
			}
	
		#colRight .mainContent li {
			list-style:disc;
			margin-bottom:0.4em;
			}
		

		

	/* ---------- 4.2 COLRIGHT ---------- */
	
	#colRight {
		width:185px;
		padding:0 0 0 40px;
		float:left;
		border-left:1px dotted #D1E0EF;
		}
		
	#colRight ul {
		list-style:none;
		float:left;
		margin-bottom:5px;
		}
			
	#colRight li {
		list-style:none;
		float:left;
		margin-bottom:15px;
		}
		
	#colRight li.cta, #colRight li.think {
		list-style:none;
		float:right;
		}

	#colRight a {
		display:block;
		font-weight: normal;
		font-size: 1.0em;
		line-height: 1.0em;
		text-indent: -2000em;
		}
		
	#colRight .hse a {
		display:block;
		background: url(images/hse_logo.png) 0 100% no-repeat;
		width:70px;
		height:65px;
		}
		
	#colRight .think a {
		display:block;
		background: url(images/think_road_safety.png) 0 -50px no-repeat;
		width:99px;
		height:47px;
		}
		
	#colRight .orsa a {
		display:block;
		background: url(images/orsa_logo.png) -188px 0  no-repeat;
		width:185px;
		height:47px;
		}
		
	#colRight .dvla a {
		display:block;
		background: url(images/dvla_logo.png) -87px 0 no-repeat;
		width:85px;
		height:44px;
		}
		
	#colRight .dsa a {
		display:block;
		background: url(images/dsa_logo.png) 0 -60px no-repeat;
		width:100px;
		height:58px;
		}
		
	#colRight .cta a {
		display:block;
		background: url(images/cta_uk_logo.png) -80px 0 no-repeat;
		width:76px;
		height:109px;
		}
	
	#colRight a:hover {
		text-decoration:none;
		background-position:0 0;
		}
	


	/* ---------- 4.3 FOOTER ---------- */
		#footer {
			border-top:11px solid #f0f1f4;
			width:860px;
			padding-top:13px;
			font-size:1.1em;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			
		#footer p {
			margin-bottom:10px;
			}
			
		#footer p.copyright {
			font-size:0.9em;
			}
			
		#footer a {
			color:#9c965e;
			text-decoration:none;
			}
			
		#footer a:hover {
			text-decoration:underline;
			}