/* Cambridge Road Safety Partnership, coded by the Cool Brothers */

* { 
	margin: auto; 
	padding: 0px; 
	border: 0px; 
	font-family: tahoma,verdana,arial,sans-serif;
	color: #444; 
	font-size: 1em; 
}

.clear {
	clear: both;
}

a {	
	color: #417DDD;
}

a:hover {	
	text-decoration: none;
}

.container {
	width: 974px;
}

/* --- Nav --- */

.header {
	width: 974px;
	height: 118px;
	background: url(../images/header.jpg) no-repeat;
	background-position:top right;		
	float: left;
}
	
	.header ul.mainnav {
		list-style: none;
		margin: 83px 0 0 16px;
	}
		
		/* ---- Public ----*/	
	
		.header ul.mainnav li.public_off {
			width:185px;
			height:25px;
			background: url(../images/public_off.gif) no-repeat 0 -10px;
			text-indent: -9999px;
			float: left;
			margin-top: 10px;
		}
		
			.header ul.mainnav li.public_off a {
				display: block;
				width:185px;
				height:25px;
			}
			
		.header ul.mainnav li.public_on {
			width:185px;
			height:35px;
			background: url(../images/public_on.gif) no-repeat;
			text-indent: -9999px;
			float: left;
		}

			.header ul.mainnav li.public_on a {
				display: block;
				width:185px;
				height:35px;
				margin: 0 0 0 16px;
			}
			
		.header ul.mainnav li.public_off_onr {
			width:185px;
			height:35px;
			background: url(../images/public_off_onr.gif) no-repeat;
			text-indent: -9999px;
			float: left;
		}
		
			.header ul.mainnav li.public_off_onr a {
				display: block;
				width:185px;
				height:35px;
			}
			
		/* ---- Media ----*/			
		
		.header ul.mainnav li.media_off {
			width:117px;
			height:25px;
			background: url(../images/media_off.gif) no-repeat;
			text-indent: -9999px;
			float: left;
			margin-top: 10px;
		}
		
			.header ul.mainnav li.media_off a {
				display: block;
				width:117px;
				height:25px;
			}
			
		.header ul.mainnav li.media_off_onl {
			width:117px;
			height:25px;
			background: url(../images/media_off_onl.gif) no-repeat;
			text-indent: -9999px;
			float: left;
			margin-top: 10px;
		}
		
			.header ul.mainnav li.media_off_onl a {
				display: block;
				width:117px;
				height:25px;
			}
			
		.header ul.mainnav li.media_on {
			width:117px;
			height:33px;
			background: url(../images/media_on.gif) no-repeat 0 3px;
			text-indent: -9999px;
			float: left;
			margin-top: 2px;
		}
		
			.header ul.mainnav li.media_on a {
				display: block;
				width:117px;
				height:33px;
			}
			
		.header ul.mainnav li.media_off_onr {
			width:117px;
			height:25px;
			background: url(../images/media_off_onr.gif) no-repeat;
			text-indent: -9999px;
			float: left;
			margin-top: 10px;
		}
		
			.header ul.mainnav li.media_off_onr a {
				display: block;
				width:117px;
				height:25px;
			}
		
		/* ---- Professional ----*/
			
		.header ul.mainnav li.professional_off {
			width:160px;
			height:35px;
			background: url(../images/professional_off.gif) no-repeat;
			text-indent: -9999px;
			float: left;
		}
		
			.header ul.mainnav li.professional_off a {
				display: block;
				width:160px;
				height:35px;
			}
			
		.header ul.mainnav li.professional_off_onl {
			width:160px;
			height:35px;
			background: url(../images/professional_off_onl.gif) no-repeat;
			text-indent: -9999px;
			float: left;
		}
		
			.header ul.mainnav li.professional_off_onl a {
				display: block;
				width:160px;
				height:35px;
			}
			
		.header ul.mainnav li.professional_on {
			width:160px;
			height:35px;
			background: url(../images/professional_on.gif) no-repeat;
			text-indent: -9999px;
			float: left;
		}
		
			.header ul.mainnav li.professional_on a {
				display: block;
				width:160px;
				height:35px;
				margin: 0 0 0 0px;
			}
			
.subnav {
	width: 974px;
	background: #000 url(../images/thinklogo.gif) no-repeat 98% 0;
	float: left;
}

	.subnav p {
		color: #B5B5B5;
		padding: 12px 0px 12px 16px;
		font-size: 13px;
		font-weight: bold;
		font-family: georgia;
		margin: 0;
	}
	
	.subnav ul {
		color: #B5B5B5;
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		padding: 12px 0px 12px 16px;
		float: left;
		list-style: none;
	}
	
		.subnav ul li {
			float: left;
		}
	
		.subnav ul li a {
			color: #B5B5B5;
			text-decoration: none;
			font-family: georgia, "times new roman", serif;
		}
		
			.subnav ul li a:hover, .subnav ul li a.on { color: #fff; }
			
			/*Highlight class for menu items */
			div.Default .subnav ul li a.Default,
			div.generic_contact .subnav ul li a.generic_contact,
			div.media_background .subnav ul li a.media_background,
			div.media_cantseeneed .subnav ul li a.media_cantseeneed,
			div.media_events .subnav ul li a.media_events,
			div.media_gallery .subnav ul li a.media_gallery,
			div.media_news .subnav ul li a.media_news,
			div.media_welcome .subnav ul li a.media_welcome,
			div.professional_data .subnav ul li a.professional_data,
			div.professional_doclibrary .subnav ul li a.professional_doclibrary,
			div.professional_login .subnav ul li a.professional_login,
			div.professional_offices .subnav ul li a.professional_offices,
			div.professional_profiles .subnav ul li a.professional_profiles,
			div.public_advice .subnav ul li a.public_advice,
			div.public_doclibrary .subnav ul li a.public_doclibrary,
			div.public_getinvolved .subnav ul li a.public_getinvolved,
			div.public_faq .subnav ul li a.public_faq,
			div.public_usefullinks .subnav ul li a.public_usefullinks,
			div.public_whatsnew .subnav ul li a.public_whatsnew,
			div.public_whereilive .subnav ul li a.public_whereilive { color:#FFFFFF; }
			
	

/* --- Home --- */

.home_content {
	width: 974px !important;
	background: url(../images/breadcrumb_grad.gif) repeat-x top left;
	float: left;
	margin: 1px 0 0 0;
}

/*
	.home_content .home_columns {
		width: 974px !important;
		width: 958px;
		float: left;
		margin: 30px 0 0 16px !important;
		margin: 30px 0 0 8px;
	}
	
		.home_content .home_columns .home_column {
			width: 227px;
			float: left;
			margin: 0 13px 0 0 !important;
			margin: 0 6px 0 0;
		}	
*/		

#home-img { width: 225px; float: left; margin-left: 25px; }

.home_content { padding-top: 20px; }


			.home_content .home_columns .last { margin: 0; }	
		
			.home_content  h2 {
				color: #000;
				font-size: 15px;
				margin:0px;
				padding:0px 0px 14px 0px;
			}	
			
			.home_content  p {
				color: #414141;
				font-size: 12px;
				padding: 0px 0 10px 0;
				line-height: 18px;
				margin: 0;
			}	
				
				p.black { color: #000; }	
				p.bold { font-weight: bold; }
				
				 p.hc_dbh {
					background: url(../images/db_hori.gif) repeat-x bottom left;
					padding: 5px 0 20px 0;
					margin: 0;
				}
				
				 p.readmore_link {
					padding: 5px 0 10px 0;
					margin:0;
				}
			
				p a.gt_arrow {
					background: url(../images/gt_arrow.gif) no-repeat 2px center;
					padding: 0 0 0 15px;
					margin: 0 0 0 5px;
				}
				
			 h1.latestnews {
				background: url(../images/latestnews_title.gif) no-repeat;
				display: block;
				float: left;
				width: 141px;
				height: 24px;
				text-indent: -9999px;
				margin: 20px 0 0 0;
			}
			
			#home-img fieldset {	
				padding: 5px 10px 15px 10px;
				background: #377CD7;
				margin: 10px 0 0 0;
				
			} 
							
				#home-img fieldset p {	
					color: #FFF;
					margin: 0 0 2px 0;
					padding: 0;
					font-weight: bold;
					
					clear:both;										
				} 
				
				#home-img fieldset input.text {
					width: 155px;
					border-top: 1px solid #625D63;
					border-left: 1px solid #625D63;
					border-bottom: 1px solid #A0A1A5;
					border-right: 1px solid #A0A1A5;
					font-size: 14px;
					padding: 2px 0px 2px 5px;
					margin: 0 0 5px 0;
					color: #377CD7; 
					float:left;
				}
				
				#home-img fieldset input.login {
				    float:left;
				    margin-left:8px;
				}
								
				
				#hookffs { position: absolute; bottom: 10px; left: 170px; bottom: 5px; }
				
#home-content { width: 290px; margin-left: 50px;  float: left; }

#home-second { width: 290px; margin: 0px 50px 0px 630px; }
				
/* --- subpages --- */

.breadcrumb {
	width: 974px !important;
	background: url(../images/breadcrumb_grad.gif) repeat-x top left;
	float: left;
	margin: 1px 0 0 0;
}

	.breadcrumb p {
		margin: 10px 0 25px 16px !important;
		margin: 10px 0 25px 8px;
		color: #403F3B;
		font-size: 12px;
	}

.page_content {
	width: 954px !important;
	float: left;
	margin: 10px 0 0 16px !important;
	margin: 10px 0 0 8px;
}

	.page_content .twocol_even {
		width: 462px;
		float: left;
	}
	
	.page_content .right {
		margin: 0 0 0 30px;
	}
	
		.page_content h1 {
			color: #000;
			font-family: georgia, "times new roman", serif;
			font-size: 22px;
			margin: 0 0 20px 0;
		}
		
			.page_content h1 span {
				color: #797979;
				font-family: georgia, "times new roman", serif;
				font-size: 22px;
			}	
		
		.page_content h2 {
			color: #000;
			font-size: 14px;
		}
		
		.page_content h2.georgia {
			color: #000;
			font-size: 18px;
			font-family: georgia, "times new roman", serif;
		}
	
		.page_content p {
			color: #414141;
			font-size: 12px;
			padding: 5px 0 5px 0;
			line-height: 18px;
			margin: 0;
		}
		
			.page_content .twocol_even p.hc_dbh {
				background: url(../images/db_hori.gif) repeat-x bottom left;
				padding: 5px 0 20px 0;
				margin: 0;
				clear: both;
			}
			
			.page_content a.gt_arrow {
				background: url(../images/gt_arrow.gif) no-repeat 2px center;
				padding: 0 0 0 15px;
				margin: 0 0 0 5px;
				clear: both;
			}	
			
			.page_content a.flri {
				float: right;
				display: block;
				margin: 0 20px 0 -20px;
			}
			
			.page_content a {
				font-size: 12px;
				padding: 5px 0 5px 0;
				line-height: 18px;
				margin: 0;
			}
			
			.page_content .twocol_even img.flle { float: left; margin: 0 10px 10px 0; }
			.page_content .twocol_even img.grey_border { border: 1px solid #D5D5D5; }
	
	.page_content select {
		border: 1px solid #AFAFAF;
		font-size: 12px;
		width: 160px;
	}
	
	.page_content .go_button {
		margin: 0 0 -7px 0;
	}
	
	.page_content label.login {
		color: #414141;
		font-size: 14px;
		padding: 5px 10px 5px 0;
		line-height: 18px;
		margin: 0;
		display: block;
		width: 100px;
		float: left;
	}
	
	.page_content input.text {
		border: 1px solid #D5D5D5;
		float: left;
		width: 270px;
		font-size: 14px;
		padding: 2px;
	}
	
	.page_content textarea.textbig {
		border: 1px solid #D5D5D5;
		float: left;
		width: 350px;
		height: 230px;
		font-size: 14px;
		padding: 2px;
	}
	
	.page_content input.gt_arrow {
		background: url(../images/gt_arrow.gif) no-repeat 2px center;
		padding: 0 0 0 15px;
		margin: 0 0 0 5px;
		color: #417DDD;
		text-decoration: underline;
		cursor: pointer;
		border: none;
	}
		
	
ul.podcast_list {
	list-style: none;
}

	ul.podcast_list li {
		color: #414141;
		font-size: 12px;
		padding: 5px 0 5px 0;
		line-height: 18px;
		margin: 0;
		background: url(../images/db_hori.gif) repeat-x bottom left;
	}
		
		ul.podcast_list li strong {
			color: #000;
		}
		
		ul.podcast_list li img {
			float: left;
			padding: 0 10px 0px 0;
		}	
		
		ul.podcast_list li a.podcast_link {
			padding: 7px 0 7px 45px;
			background: url(../images/podcast_link.gif) no-repeat left center;
			display: block;
			clear: both;
		}
		
ul.map_list {
	list-style: none;
	margin: 20px 0 0 0;
}

	ul.map_list li {
		color: #414141;
		font-size: 12px;
		padding: 5px 0 5px 0;
		line-height: 18px;
		float: left;
		width: 459px;
		margin: 0;
		background: url(../images/db_hori.gif) repeat-x top left;
	}
		
		ul.map_list li.first { background: none; }
		
		ul.map_list li strong {
			color: #000;
		}
		
		ul.map_list li img {
			float: left;
			padding: 0 10px 10px 0;
		}	
		
		ul.map_list li a.gt_arrow {
			background: url(../images/gt_arrow.gif) no-repeat 2px center;
			padding: 0 0 0 15px;
			margin: 0 0 0 5px;
			clear: both;
		}
		
div.mapFullImage
{
    position:relative;
    width:447px;
    margin:0px;
}
div.mapFullImage div.tag
{
    position:absolute;
    border:1px solid #000000;
}
div.mapFullImage div.tag a
{
    margin:0px;
    padding:0px;
    line-height:normal;
}
div.mapFullImage div.tag img
{
    width:100%;
    height:100%;
    margin:0px;
}
		
ul.user_groups {
	list-style: none;
	margin: 20px 0 0 0;
}

	ul.user_groups li {
		color: #414141;
		font-size: 12px;
		padding: 5px 0 5px 0;
		line-height: 18px;
		float: left;
		width: 459px;
		margin: 0;
		background: url(../images/db_hori.gif) repeat-x bottom left;
	}
		
		ul.user_groups li.last { background: none; }
		
		ul.user_groups li strong {
			color: #000;
		}
		
		ul.user_groups li a.gt_arrow {
			background: url(../images/gt_arrow.gif) no-repeat 2px center;
			padding: 0 0 0 15px;
			margin: 0 0 0 5px;
			clear: both;
		}
		
ul.members {
	list-style: none;
	margin: 20px 0 0 0;
}

	ul.members li {
		color: #414141;
		font-size: 12px;
		padding: 5px 0 5px 0;
		line-height: 18px;
		float: left;
		width: 459px;
		margin: 0;
		background: url(../images/db_hori.gif) repeat-x bottom left;
	}
		
		ul.members li.last { background: none; }
		
		ul.members li strong {
			color: #000;
		}
		
		ul.members li img {
			float: left;
			padding: 0 10px 10px 0;
		}	
		
		ul.members li a.gt_arrow {
			background: url(../images/gt_arrow.gif) no-repeat 2px center;
			padding: 0 0 0 15px;
			margin: 0 0 0 5px;
			clear: both;
		}
		
	

/* --- Footer --- */			
				
.footer {
	width: 974px !important;
	float: left;
	margin: 10px 0 20px 0;
}

	.footer .partner_logos {
		padding: 0 0 32px 16px;
		background: url(../images/logo_grad.gif) repeat-x bottom left;
		float: left;
		width: 974px !important;
	}
		
		.footer .partner_logos p {
			font-size: 0.7em;
			color: #000;
			margin: 10px 0;
		}
		
		.footer .partner_logos ul {
			list-style: none;
		}
		
			.footer .partner_logos ul li {
				float: left;
				margin-right: 13px;
			}	
			
	.footer .footer_info {
		float: left;
		width: 990px !important;
		background: url(../images/footer_grad.gif) repeat-x top left;
		border-top: 3px solid #000;
	}
		
		.footer .footer_info ul {
			list-style: none;
			padding: 2px 0 20px 5px;
		}
		
			.footer .footer_info ul li {
				float: left;
				color: #fff;
				font-size: 12px;
			}
				
				.footer .footer_info ul li a {
					color: #fff;
				}		

/* Media Section */

.dates_line {
	font-size: 0.9em;
	margin: 0 0 20px 0;
}

.media_event {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(../images/db_hori.gif) repeat-x bottom left;
}

	.page_content .twocol_even .media_event p.date,
	.page_content .twocol_event_right .media_event p.date,
	.page_content .twocol_event_left .media_event p.date {
		color: #888;
	}
	
	.page_content .twocol_even .media_event h2,
	.page_content .twocol_event_right .media_event h2,
	.page_content .twocol_event_left .media_event h2 {
		margin: 0 !important;
	}

		.page_content .twocol_event_left {
			float: left;
			width: 682px;
			margin-top: 20px;
		}
		
		.page_content .twocol_event_right {
			float: left;
			width: 226px;
			margin-left: 30px;
			margin-top: 20px;
		}
		
		.page_content .twocol_event_left h2, .page_content .twocol_event_right h2 {
			color: #000;
			font-size: 14px;
			margin: 0 !important;
		}
		
		.page_content .twocol_event_left h2.calttl, .page_content .twocol_event_right h2.calttl {
			font-size: 18px;
			font-family: georgia, "times new roman", serif;
		}
		
		.page_content .twocol_event_left h3, .page_content .twocol_event_right h3 {
			font-size: 12px;
			color: #000;
			margin: 0 !important;
		}
		
		.page_content .twocol_event_left h3.calttl, .page_content .twocol_event_right h3.calttl {
			font-size: 16px;
			font-family: georgia, "times new roman", serif;
			color: #797979;
		}
		
		.page_content h2.subttl, .page_content h2.subttl {
			font-size: 22px;
			font-family: georgia, "times new roman", serif;
		}
		
		.twocol_event_left .wizzy {
			margin-top: 16px;
		}
	
		.page_content .twocol_event_left p, .page_content .twocol_event_right p {
			color: #414141;
			font-size: 12px;
			padding: 5px 0 5px 0;
			line-height: 18px;
			margin: 0;
		}
		
		.page_content .twocol_event_right p.hc_dbh {
			background: url(../images/db_hori.gif) repeat-x bottom left;
			padding: 5px 0 10px 0;
			margin: 0;
		}
		
		.page_content .twocol_event_right .gallery_list {
			background: url(../images/db_hori.gif) repeat-x top left;
			padding: 0;
			margin: 12px 0 30px 0;
		}
		
		.page_content a.gt_arrow {
			background: url(../images/gt_arrow.gif) no-repeat 2px center;
			padding: 0 0 0 15px;
			margin: 0 0 0 5px;
		}
		
		.gallery_latest {
			padding: 16px 0 10px 0;
			margin: 0 0 10px 0;
			background: url(../images/db_hori.gif) repeat-x bottom left;
		}
		
		.gallery_latest img {
			margin: 0 6px 0 0;
		}
		
		.gallery_pagelist {
			font-size: 0.9em;
			float: right;
			margin: 6px 514px 0 0;
		}
		
		.gallery_pagelist2 {
			font-size: 0.9em;
			float: right;
			margin: 16px 506px 16px 0;
		}
		
		.gallery_listing {
			padding: 0 0 18px 0;
			margin: 16px 0 0 0;
			background: url(../images/db_hori.gif) repeat-x bottom left;
		}
		
		.gallery_listing img {
			margin: 0 20px 0 0;
			float: left;
		}
		
		.gallery_listing .info {
			float: left;
			width: 380px;
		}
		
		.gallery_listing h3 {
			font-size: 12px;
			color: #000;
			margin: 0 !important;
		}
		
		.gallery_listing .gt_arrow {
			font-size: 0.8em;
		}
		
		.news_item {
			padding: 0 0 18px 0;
			margin: 16px 0 0 0;
			background: url(../images/db_hori.gif) repeat-x bottom left;
		}
		
		.news_item img {
			margin: 0 20px 0 0;
			float: left;
		}
		
		.news_item h3 {
			margin: 0;
		}
		
		.news_item .info {
			float: right;
			width: 380px;
		}
		
		.news_item .info2 {
			float: right;
			width: 380px;
			padding-top: 8px;
		}
		
		.news_item .dllogo {
			margin: 0 0 0 42px;
		}
		
		.news_item h3 {
			font-size: 12px;
			color: #000;
		}

/* Professional Section */

	.page_content .contact_form {
		width: 316px;
		margin: 0;
	}
	
	.page_content .contact_form textarea {
		border: 1px solid #D5D5D5;
		float: none;
		padding: 2px;
		margin-top: 4px;
		width: 292px;
		height: 60px;
	}
	
	.page_content .contact_form input.text {
		border: 1px solid #D5D5D5;
		float: none;
		padding: 2px;
		margin-top: 4px;
		width: 292px;
	}
	
	.page_content .contact_form select {
		border: 1px solid #D5D5D5;
		float: none;
		padding: 2px;
		margin-top: 4px;
		width: 140px;
	}
	
	.page_content .contact_form .mandmsg {
		float: right;
		font-size: 0.8em;
	}
	
	.mand {
		color: #B00;
	}
	
.page_content .twocol_even .office_add {
	font-size: 1em;
	line-height: 1.4em;
	padding: 0;
	background: url(../images/db_hori.gif) repeat-x bottom left;
	padding: 4px 0 10px 0;
}

.page_content .twocol_even .map {
	border: 1px solid #D5D5D5;
	margin: 16px 0 10px 0;
}

.page_content .twocol_even .print {
	background: url(../images/icon_print.gif) no-repeat 0 50%;
	padding: 4px 0 4px 34px;
}

.page_content .twocol_even .document_download {
	background: url(../images/news_download.gif) no-repeat 0 50%;
	padding: 8px 0 4px 40px;
	display: block;
	float: left;
	width: 420px;
}