@charset "utf-8";

@import url("nav.css");

.inputtext {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	width: 120px;
	padding: 0px;
	margin: 0px;
}
.hometextwhite
{
	color:#ffffff;
}
.inputtext {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	width: 120px;
	padding: 0px;
	margin: 0px;
}

.inputtextrequired {
	color: #444;
	background-color: #f6ffce;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	width: 120px;
}	
.inputselect {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	padding: 1px 0px 1px 3px;
	width: 120px;
}	
.inputtextarea {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
}	
.inputtextarearequired {
	color: #444;
	background-color: #f6ffce;
	font-size: 11px;
	border: #888888 1px solid;
}	
.inputbutton {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	cursor: pointer;
	border:  1px solid;
	height: 17px;
	width: 80px;
	font-weight : bold;
	padding: 0px;
	margin: 0px;
}

/* ==================================== */

html, body {
	height: 100%;
}

li {
	list-style:inside;
}
#furtherContent li {
	margin-bottom:8px;
	list-style-position:outside;
}
body#site {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;  
	background: #dbdecd;
	line-height: 18px;
}
body#site2 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;  
	background: #383838;
	line-height: 18px;
}

@-moz-document url-prefix() {
	body#site {
		overflow-y: scroll;
	}
}

h1 {
	font-size: 2.8em;
	color: #666;
	line-height: normal;
	padding: 0;
	margin:0;
	padding:0;

}

h2 {
	font-size: 16px;
	color: #77b023;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
}
h3 {
	color:#33628e;
	margin:0;
	padding:0;
}
#black-box h3 {
	color:#fff;
}
h4 {
	margin:0;
	padding:0;
	font-size:54px;
	margin-left:22px;
	margin-top:35px;
	line-height:60px;
	color:#363030;
	
}


h5 {
	margin:0;
	padding:0;
	margin-left:22px;
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;


}
h6 {
	margin:0;
	padding:0;
	font-size:14px;
	color:#33628E;
	margin-bottom:10px;
}
#banner-text2 {
	color:#f2fa8a;
}
#banner-text4 {
	color:#ffffff;
}
#banner-text5 {
	color:#a4cf41;
}
#banner-text6 {
	color:#ffffff;
}
.note {
	font-size:10px;
}
#statistics {
	border:1px solid #81a1bf;
	background:#cfdeec;
	padding:10px;
}
#black-box {
	border:1px solid #000;
	padding:5px;
	background:#4e4e4e;
	color:#fff;
}
p.question b {
	color: #33628E;
}
.warning {
	
	
	

	
}
.warning b {
	background-color:#990000;
	line-height:34px;
	FONT-SIZE: 22px;
	COLOR: #ffffff;  
	padding:4px 0;


}
#drug-driving-intro {
	color:#FF0000;
}
#never {
	font-weight:bold;
	font-size:13px;
}

#links {
	margin:0;
	padding:0;
	margin-left:5px;
}
#links li {
	list-style:none;
	margin-bottom:5px;
}
a {
	text-decoration: none;
	color: #33628E;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

td {
	font-size: 1em;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	position:relative;
}

#header {
	height: 136px;
	background: #fff;
	position: relative;
}


* html #header {
	overflow: hidden;
}

	#headerLinks {
		position: absolute;
		top: 20px;
		right: 20px;
		color: #124e82;
		font-size: 0.92em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: -1px
	}
	
		#headerLinks a {
			color: #124e82;
			display: inline-block;
			margin: 0 5px;
			font-weight: bold;
		}
		
		a.RSS {
			display: inline-block;
			padding: 0 0 0 20px;
			background: url(../images/RSS.jpg) no-repeat 2px 3px;
		}
		
		
		
	#textChanger {
		font-weight: bold;
		color: #999;
		position: absolute;
		top: 50px;
		right: 275px;
	}
	
		#textChanger img {
			vertical-align: middle;
			margin: 0 5px 0 0;
		}
		
	
	.headertext {
		position: absolute;
		padding: 5px 5px 0 30px;
		top: 50px;
		right: 52px;
		width: 164px;
		height: 21px;
		background: url(../images/searchInput.jpg) no-repeat top right;
		border: none;
		font-size: 12px;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.headersubmit {
		position: absolute;
		top: 50px;
		right: 20px;
		
	}
	
#nav {
	height: 38px;
	width:1090px;
	background: #333;

}

	#nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#nav li {
		float: left;
		display: inline-block;
		position:relative;
		z-index: 90;
	}
	
	#nav ul li a  {
		display: inline-block;
		background: #333;
		height: 30px;
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		padding: 8px 33px 0 32px;
	}
	
	#nav li:first-child a {
			padding: 8px 23px 0 23px;
		}
	
	#nav a:hover {
		color: #669acc;
		background:url(../images/hover.gif) repeat-x;
		text-decoration: none;
	
	
	
	}
	#nav ul li ul li a {
		height:auto;
		display:block;
		
		
	
	}
	
	
	#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 37px;
	left: 0px;
    background:#333;
	text-align:left;
	width: 101%;
	height:auto;
	_width:180px;

}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 37px;
	left: 0px;

}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	
}
#nav li ul li a {
	padding-left:23px;
	text-align:left;
	margin-bottom:10px;
	}

#nav ul li ul li:first-child a {
			padding-left: 23px;
		}


#nav li ul li a:hover {
	background:#333;
}
	

#homeBanner {
	height: 415px;
	margin: 0 0 12px 0;
	width:960px;
	position:relative;

	
}

	.SlideItMoo_element {
		width: 280px;
		height: 245px;
		float: left;
		margin: 0 10px 0 0;
		background: url(../images/homeTitleBG.jpg);
		padding: 170px 400px 0 40px;
		font-size: 16px;
		color: #333;
	}
	
	#cameraLocator {
		width: 230px;
		height: 208px;
		float: right;
		margin: 0 0 1px 0;
		background: url(../images/cameraLocator.jpg);
		display:block;
		text-indent:-10000px;
	}
	
	#speedLimit {
		width: 230px;
		height: 206px;
		float: right;
		background: url(../images/speedLimit.jpg) bottom;
		position:relative;
	}
	
	
	#image-map ul, #image-map-further ul {
	margin:0;
	padding:0;
}
#image-map li, #imagemap a, #image-map-further li, #image-map-further a {
	display:block;
}
#image-map #link a {
	position:absolute;
	top:0px;
	left:1px;
	width:230px;
	height:206px;
	display:block;
}

#link span {
	display:none;
}

	
	
	 
.homeBox {
	width: 150px;
	height: 208px;
	background: url(../images/homeBoxBG.jpg);
	float: left;
	margin: 0 13px 12px 0;
	padding: 10px;
	line-height: 1.3em;
}

* html .homeBox {	
	margin: 0 12px 12px 0;
}

	.homeBox strong {
		color: #eb6e00;
		font-size: 15px;
	}
	
	.homeBox strong a {
		color: #eb6e00;
		font-size: 15px;
		
	}
	
	.homeBox p {
		margin: 10px 0 0 0;
		color: #333;
	}

#blogBox {
	width: 188px;
	height: 188px;
	margin: 0 0 12px 0;
	background: url(../images/blogBoxBG.jpg);
	padding: 20px;
	line-height: 1.5em;
	position: relative;
}
	
	#blogBox strong {
		color: #33628E;
	}
	
	#blogBox p {
		color: #333333;
	}
	
	a.archive {
		position: absolute;
		top: 25px;
		right: 20px;
		color: #33628E;
		font-weight: bold;
	}

#homeWideBox {
	height: 85px;
	background: url(../images/wideBoxBG2.jpg);
	clear: both;
	margin: 0 0 15px 0;
	padding-left:10px;
	position:relative;
}

	#homeWideBox p {
		float: left;
		margin: 0;
	}
	
	#homeWideBox p#wideBox4 {
		background: url(../images/wideBoxTitle1.jpg) no-repeat 20px 0;
		padding: 44px 0 0 20px;
		width: 17.5%;
	}
	
		#wideBox1 img {
			margin-top: -15px;
		}
	
	#wideBox5 {
		background: url(../images/wideBoxTitle2.jpg) no-repeat;
	}
	
	#wideBox3 {
	width:30%;
	font-size:10px;
		
	}
	#wideBox3 span {
		display:block;
		margin:5px 0;
	}
	
	
	#wideBox1{
	
		margin-left:10px;
		width: 30%;
		padding: 30px 0 0 5px;
		position:relative;		
	}
	
	#wideBox2 {

width: 39%;
	}
	#wideBox2 img {margin:10px;
}	
#furtherContentContainer {
	width:720px;
	float:left;
	margin-right:11px;
}
#furtherContent {
	width: 680px;
	float: left;
	min-height: 560px;
	background: url(../images/furtherContentBG.jpg) bottom left no-repeat #fff;
	margin: 0 11px 15px 0;
	padding: 20px;
	z-index:1;
}

	#breadcrumb { 
		border-bottom: 3px solid #d8d8d6;
		padding: 10px;
		font-size: 0.9em;
		color: #333;
		margin: 0 0 20px 0;
	}
	
		#furtherContent a {
			color: #33628E;
		}
		
		#breadcrumb a {
			font-weight: bold;
		}

	
	#furtherContent img {
		border: 7px solid #d8d8d6;
		margin: 5px 10px 10px 10px;
	}
	
	#mapOS img {
		border: none;
		margin: 0px;
	}
		
	

#subLinks {
	width: 189px;
	float: left;
	background: url(../images/subLinksBot.jpg) bottom no-repeat #eceee1;
	padding: 20px;
	position:relative;
}

#subLinksExternal {
	width: 189px;
	float: left;
	margin-top:15px;
	background: url(../images/subLinksBotff.jpg) bottom no-repeat #ffffff;
	padding: 20px;
	position:relative;
}
#subLinksExternal p {
border:#999999 1px solid;
padding:5px;
}

#subLinksExternal strong {
font-size:16px;
font-weight:bold;
}

	#subLinks ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width:90%;
		margin-left:10px;
	}
	#subLinks li {
		padding: 10px 0;
		border-bottom: 1px solid #dcddd7;
		list-style:disc outside;
	}
	
	#subLinks li a {
		font-weight: bold;
		font-size:120%;
	}
	#subLinks img, #sublinks img a  {
		border:none;
	}
	#subLinks h3 {
		font-size:25px;
		margin-top:20px;
	}
	#subLinks ul li ul {
		margin:0;
		padding:0;
		margin-top:10px;
	}
	#subLinks ul li ul li {
		font-weight:normal;
		font-size:11px;
		margin-left:20px;
		border:none;
		padding:0;
	}
	
	#subLinks ul ul ul li a, #subLinks ul li ul li a {
		font-weight:normal;
		
	}
	
#footer {
	height: 35px;
	text-align:center;
	font-size:10px;
}

	#footer p {
		margin: 0;
		text-align:center;
	}
	
		#footer p#footer1 {
			width: 455px;
		}
		
		#footer p#footer2 {
			margin: 0 0 0 50px;
			color: #999;
		}
		
			#footer2 span {
				font-size: 1.6em;
				display: block;
				margin: 25px 0 0 0	
			}
			
			#footer2 span:first-child {
				margin: 5px 0;
			}
			
			#footer2 a {
				font-weight: bold;
				color: #33628E;
			}
			
		#footer p#footer3 {
			font-size: 10px;
			margin: 0 0 0 155px; /* used to be 80px */
			width: 350px;
			line-height: 1.3em;
			text-align:right;
		}
			
			#footer3 a {	
				color: #0092f2
			}
	
	#footer img {
		display: block;
		float: left;
	}
.floatleft {
	float:left;
	margin:10px!important;
	margin-left:0;
	padding:0!important;
	border:1px solid #d8d8d6!important;

}
.floatleft2 {
	float:left;
	
	margin-right:10px;

	border:1px solid #d8d8d6!important;

}
.floatright {
	float:right;
	margin-left:10px!important;
	padding:0!important;
	border:1px solid #d8d8d6!important;
}

#toplevel {margin:0; padding:0; list-style:none}
#toplevel a{font-weight:bold; color:#2F5A7C; font-size:11px; display:block}
#toplevel a:hover {text-decoration:underline}
#toplevel li{line-height:15px;}
#toplevel ul{margin:0; padding:0;}
#toplevel ul ul{margin-left:15px}
#toplevel ul li{line-height:15px; list-style:none; background-image:url(../images/navi_bullet.gif); background-repeat:no-repeat; background-position:0 8px}
#toplevel ul li a{font-weight:normal; color:#343434; padding-left:15px; font-size:11px;}


#bannerLeft {
	float:left;
	width:720px;
	height:415px;
	
}

#homeBanner1 {
	width:720px;
	height:415px;
	background:url(../images/homeimages/1.jpg);

}
#homeBanner2 {
	width:720px;
	height:415px;
	background:url(../images/homeimages/2.jpg);
}
#homeBanner3 {
	width:720px;
	height:415px;
	background:url(../images/homeimages/3.jpg);
}
#homeBanner4 {
	width:720px;
	height:415px;
	background:url(../images/homeimages/4.jpg);
}
#homeBanner5 {
	width:720px;
	height:415px;
	background:url(../images/homeimages/5.jpg);
}
.bannerText {
	background:url(../images/greyBox.jpg) left bottom no-repeat;
	position:absolute;
	bottom:0;
	color:#fff;
	width:690px;
	padding:15px;
	padding-top:0;
	z-index:2;
}
.bannerText h4 {
	margin:0;
	padding:0;
	font-size:23px;
	color:#fff;
	line-height:normal;
}
.bannerText h4 a {
	color:#FFFFFF;
}
.bannerText h4 a:hover {
	text-decoration:none;
}
.bannerText p {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
#bannerRight {
	width:230px;
	float:right;
}
#bannerRight img {
	display:block;
	
	
}
img.speed-limit {
	margin:1px 0;
}
#areaBox {
	width:211px;
	height:95px;
	background:url(../images/area-right.jpg) no-repeat;
	color:#fff;
	padding-top:43px;
	padding-left:19px;
	
}
#areaBox form, #areaBox p {
	margin:0;
	padding:0;
}
#areaBox p {
	
}
#cameraBox {
	width:230px;
	height:138px;
	background:url(../images/camera-right.jpg) no-repeat;
	color:#DFE5C2;
	position:relative;
}
#cameraBox p {
	position:absolute;
	top:80px;
	left:19px;
	margin:0;
	padding:0;
}
#cameraBox ul {
	margin:0;
	padding:0;
}
#cameraBox li {
	list-style:none;
}
#cameraBox #speedLink, #cameraBox #speedLink a {
	display:block;

}
#cameraBox #speedLink a {
	position:absolute;
	width:230px;
	height:138px;
	left: 1px;
	color: #333;
}
#cameraBox span {
	display:none;
}
#cameraBox a {
	color: #333;
	text-decoration:none;
}

#speedLimitBox {
	width:230px;
	height:137px;
	background:url(../images/speed-right.jpg) no-repeat;
	color:#fff;
	position:relative;
	margin-top:1px;
	margin-bottom:1px;
}
#speedLimitBox p {
	position:absolute;
	top:45px;
	left:19px;
	margin:0;
	padding:0;
	color:#fff;
	z-index:1;
}
#speedLimitBox a {
	color:#fff;
	text-decoration:none;
}

#speedLimitBox ul {
	margin:0;
	padding:0;
}
#speedLimitBox li {
	list-style:none;
}
#speedLimitBox #speedLink, #speedLimitBox #speedLink a {
	display:block;

}
#speedLimitBox #speedLink a {
	position:absolute;
	width:230px;
	height:138px;
	left: 1px;
	z-index:60;
}
#speedLimitBox span {
	display:none;
}
#red-route-areas a {
	color:#fff;
	font-size:20px;
	text-decoration:none;
}
#redroute-areas a:hover {
	text-decoration:underline;
}
#datesTable td {
	border:1px solid #ededed;
}
#datesTable p {
	margin:0;
	padding:0;
	margin:5px;
}
#furtherContent ul li ul li  {
	list-style:circle;
}
.keystage {
	color:#3360cf;
}
#warringtonRoadSafety li {
	margin:20px 0;
}
#popup {
	background:#fff;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	text-align:left;
	line-height:37px;
	position:absolute;
	width:700px;
	height:400px;
	top:100px;
	left:100px;
	z-index:4000;
	padding:10px;
	display:none;
	
}
#popup .warning b {
background-color:#990000;
color:#FFFFFF;
font-size:28px;
line-height:40px;
padding:4px 0;
}
#overlay {
	position:absolute;
	top:0;
	left:0;
	background:url(../images/overlay.png) repeat;
	display:none;
	width:100%;
	height:100%;
	z-index:3000;
}
#furtherContent .key {
	margin:0;
	padding:0;
	
}
#furtherContent .keyTitle {
	margin:10px 0;
}
.standOut {
	font-size:140%;
	font-weight:bold;
}

#mapForm {
	font-size:130%;
}
#mapForm select {
	font-size:120%;
	width:200px;
	height:30px;
} 
.newsItem{
	padding:7px;
	border:1px solid #dfdfdf;
	margin-top:5px;
	}
.smallgrey{
	font-weight:bold;
	font-size:0.8em;
	}
#redRouteImg img {
		margin:0;
		padding:0;
		text-align:left;
	}
	
#newsSlide1-1, #newsSlide1-2, #newsSlide1-3 {
	background: url(../images/newsStory1BG.jpg)
}

#newsSlide2-1, #newsSlide2-2, #newsSlide2-3 {
	background: url(../images/newsStory2BG.jpg)
}
#bookmark {
	border:1px solid #ededed;
	padding:10px;
	width:500px;
}
#bookmark ul {
	margin:0;
	padding:0;
	list-style:none;
}
#bookmark li {
	display:inline;
	margin-right:10px;
	padding-left:20px;
	height:16px;
}
#bookmark li.del {
	background:url(../images/del.gif) left top no-repeat;
}
#bookmark li.digg {
	background:url(../images/digg.gif) left top no-repeat;
}
#bookmark li.reddit {
	background:url(../images/reddit.gif)left top no-repeat;
}
#bookmark li.facebook {
	background:url(../images/facebook.gif) left top no-repeat;
}
#bookmark li.stumble {
	background:url(../images/stumbleupon.gif) left top no-repeat;
}