/* CSS Document */

@import url("borders.css");
@import url("calendar.css");
@import url("nav.css");
@import url("contentAreas.css");
@import url("bookmarks.css");
@import url("colours.css");
@import url("news.css");

*{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

html {
	overflow: -moz-scrollbars-vertical;
	height: 101%; /* fixes bouncing scrollbars in Firefox */
}


body {
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
	font-size:0.8em;
	line-height:1.5em;
}

body p {
	margin:0;
	padding:0;
	margin-bottom:14px;
}

.border {
	width:927px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:;
}

.homelink {
	float:left;
	display:inline;
	width:115px;
	height:46px;
	margin:20px 0 0 25px;
}

.ten_alps {
	float:left;
	margin:0px 0 0 30px;
	display:inline;
}
.ten_alps a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.85em;
	text-decoration:none;
}

/********** 
TOP BANNER 
**********/

.bannerTop {
	background-image:url("../images/frame/bannerTop.jpg");
	background-repeat:no-repeat;
	width:927px;
	height:32px;
	float:left;
}

.bannerMain {
	background-image:url("../images/frame/bannerMid.jpg");
	min-height:85px;
	width:927px;
	float:left;
}

.bannerTextBox {
	width:570px;
	position:relative;
	float:right;
	margin-top:-13px;
	padding-bottom:10px;
	padding-right:25px;
	font-size:1.1em;
	line-height:1.2em;
}

.bannerTextBox #bannerText {
	font-size:1.2em;
}

.bannerTextBox p{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

/* For the banner text in case studies section */
.topBannerLeft, .topBannerCentre, .topBannerRight {
	float:left;
	font-size:0.9em;
}

.topBannerLeft {
	width:265px;
	padding-left:5px;
	padding-right:10px;
}

.topBannerCentre {
	width:0px;
	padding:8px;
	border-left:2px solid #798186;
}

.topBannerRight {
	width:265px;
	padding-right:0px;
}
/* End */

.bannerBot {
	background-image:url("../images/frame/bannerBot.jpg");
	background-repeat:no-repeat;
	height:20px;
	width:927px;
	float:left;
}


/*************
MAIN CONTENT 
*************/


.pageCentre {
	width:927px;
	background-color:#798086;
	background-image:url("../images/frame/centrefade.jpg");
	background-position: top left;
	background-repeat:no-repeat;
	float:left;
	display:inline;
}

.contentHolder {
	float:left;
	width:595px;
}

.contentTop {
	background-image:url("../images/frame/contentTop.jpg");
	width:589px;
	float:left;
	height:6px;
	margin-top:6px;
	font-size:0px;
}

.contentMain {
	float:left;
	width:539px;
	min-height:304px;
	height:auto !important;
	height:304px;
	padding:7px 25px 6px 25px;
	background-color:#4A535A;
/*	display:inline;*/
}

#newsContainer ul {
	margin-top:0px;
}

.contentMain ul li {
	margin:0px;
	padding:0;
	padding-bottom:5px;
}

.contentMain p {
	margin:0px;
	padding:0;
	padding-bottom:7px;
}

.contentMain a {
	color:#FFFFFF;
}

.contentMain a.external_link {
	text-decoration:none;
}

.contentMain a.external_link span {
	text-decoration:underline;
}

.contentBot {
	background-image:url(../images/frame/contentBot.jpg);
	width:589px;
	float:left;
	height:6px;
	font-size:0px;
}

.contentText {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration:none;
}

.contentTextGreen, .contentTextYellow, .contentTextBlue, .contentTextPurple, .contentTextLPurple, .contentTextLBlue, .contentTextOrange {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;	
}

.contentWhite { color:#ffffff; font-weight:normal; }
.contentTextBlue { color:#54B0FF; }
.contentTextLBlue { color:#00A6B9; }
.contentTextPurple { color:#BC9BFF; }
.contentTextLPurple { color:#ED64CE; }
.contentTextYellow { color:#FFF200; }
.contentTextGreen {	color:#8CC641; }
.contentTextOrange { color:#E88B1C;  }

.contentTextGreen a{
	text-decoration:none;
	color:inherit;
	color:#8CC641;
}

.externalLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration:none;
	text-decoration:underline;
	line-height:20px;
}

.internalLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration:underline;
	line-height:20px;
}

.internalLink:hover {
	color:#000000;
	background-color:#CCCCCC;
	text-decoration:none;
}

.au {
	margin:0px;
	padding:0px;
	margin-left:15px;
}
.au li {
	color:#54B0FF;
}
.au li span{
	color:#FFFFFF;
}


.can{
	margin:0px;
	padding:0px;
	margin-left:30px;	
}
.can li {
	color:#00A6B9;
	padding-bottom:2px;
}
.can li span {
	color:#FFFFFF;
}


.awd {
	margin:0;
	padding:0;
	padding-left:15px;
}
.awd li {
	color:#BC9BFF;
	padding-bottom:12px;
	font-weight:bold;
}
.awd li span {
	color:#FFFFFF;
	font-weight:normal;
}


.cs	{
	margin:0;
	padding:0;
	padding-left:15px;
}
.cs li {
	color:#ED64CE;
	padding-bottom:4px;
}
.cs li span {
	color:#FFFFFF;
}


.ctc {
	margin:0;
	padding:0;
	padding-left:15px;
	padding-bottom:10px;
}
.ctc li {
	color:#FFF200;
	padding-bottom:5px;
}
.ctc li span{
	color:#FFFFFF;
}



.jaj li {
	/*color:#ED64CE;
	padding-bottom:12px;
	margin-left:-25px;
	font-weight:bold;
}
.jaj li span {
	color:#FFFFFF;
	font-weight:normal;
}

.jaj {
	margin-bottom:5px;*/
}



/************** 
BOTTOM BANNER 
**************/


.bottombar {
	height:35px;
	width:927px;
	float:left;
	background-image:url("../images/frame/botbannerHome.jpg");
	background-repeat:no-repeat;
}

.bottombarHome {
	height:35px;
	width:927px;
	float:left;
	background-image:url("../images/frame/botbannerHome.jpg");
	background-repeat:no-repeat;
	margin:0 0 10px 0;
}

.bottomlinks {
	float:left;
	text-align:left;
	width:200px;
	padding-top:10px;
	padding-left:30px;
	font-size:11px;
	color:#FFFFFF;
}

.bottomNewslinks {
	float:left;
	text-align:center;
	width:300px;
	padding-top:16px;
	padding-left:0px;
	font-size:11px;
	color:#BCC0C3;
/*	display:none;*/
}

.bottomlinks a {
	color:#FFFFFF;
	text-decoration:none;
}

.bottomNewslinks a {
	text-align:left;
	color:#BCC0C3;
	font-weight:bold;
	text-decoration:none;
}

.logo {
	background-image:url(../images/frame/logo.jpg);
	background-repeat:no-repeat;
	width:302px;
	height:82px;
	float:left;
}

/* For Contact Us Page*/

.invisible{ display:none;}

#dbdaMap{
	position:relative;
	display:block;
	width:349px;
	height:184px;
	background-image:url(../../img/contactMap.jpg);
}

#pdfMap{
	position:relative;
	display:block;
	width:70px;
	height:98px;
	margin-right:55px;
	background-image:url(../../img/custom/rollovers/pdf_map.gif);
	text-decoration:none;
}

#pdfMap:hover{
	background-position:-69px 0px;
}

#directions{
	position:relative;
	display:block;
	width:64px;
	height:98px;
	margin-right:55px;
	background-image:url(../../img/custom/rollovers/directions.gif);
	text-decoration:none;
}

#directions:hover{
	background-position:-64px 0px;
}

#liveMap{
	position:relative;
	display:block;
	width:63px;
	height:98px;
	margin-right:30px;
	background-image:url(../../img/custom/rollovers/live_map.gif);
	text-decoration:none;
}

#liveMap:hover{
	background-position:-64px 0px;
}


#respdflnk{
	display:block;
	width:110px;
	height:115px;
	background-image:url(../../img/custom/rollovers/resource.gif);
	text-decoration:none;
	background-position:0px 0px;
	margin:0px;
	padding:0px;
	margin-top:30px;
	
}

#respdflnk:hover{
	background-position:-107px 0px;
}


.linkArrowBtn{
	width:100px;
	height:24px;
	display:block;
	position:relative;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:20px;
	background-image:url(../../img/arrowBtn.gif);
	background-repeat:no-repeat;
	background-position:96px 0px;
}

.linkArrowBtn:hover{
	text-decoration:underline;
	background-position:96px -26px;
	width:100px;
	height:24px;
}

#directions_1 #table {
	width:100px;
}
#directions_1 #column1 {
	width:80px;
	height:160px;
}
#directions_1 #column2 {
	width:30px;
	height:100px;
}

.printIcon{
	float:left;
	width:63px;
	height:100px;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../../img/custom/rollovers/print.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.printIcon:hover{
	float:left;
	width:63px;
	height:100px;
	background-position:-63px 0px;
}

/* For Home Page Flash and Adds */

.flashHolder {
	height:310px;
	margin-right:20px;
	width:550px;
	float:left;
	position:relative;
}

.adHolder {
	width:127px;
	height:311px;
	float:left;
	position:relative;
}

.ad1 {
	width:127px;
	height:148px;
}

.ad1 a {
	text-decoration:none;
}

.ad1text {
	position:relative;
	margin-top:-75px;
	float:left;
	text-align:left;
	color:#FFFFFF;
	font-size:0.83em;
	padding-left:7px;
	padding-right:3px;
	line-height:1.1em;
}

/*
.ad1text strong {
	font-size:12px;
	display:block;
	padding-bottom:3px;
}
*/

.ad2 {
	width:127px;
	height:148px;
	margin-top:16px;
}

.ad2 a {
	text-decoration:none;
}

#ctclogo{
	position:absolute;
	left:50%;
	margin-left:270px;
	width:113px;
	height:188px;
	background-image:url(../../img/childrens_traffic_club.gif);
}

.cs_image {
	margin-left:-4px;
	padding-bottom:10px;
}
.cs_link {
	margin-left:-4px;
	padding-bottom:20px;
}

/* --------------------------Our Resources Styles -----------------------*/

.bannerTopres {
	background-image:url(../images/frame/ourres/bannerTop.jpg);
	width:927px;
	height:32px;
	float:left;
}

.bannerMainres {
	min-height:50px;
	width:927px;
	float:left;
	background-image:url(../images/frame/ourres/bannerMid.jpg);
}

.bannerBotRes {
	height:20px;
	width:927px;
	float:left;
	background-image:url(../images/frame/ourres/bannerBot.jpg);
}

.contentHolderres {
	width:593px;
	float:left;
	min-height:370px;
	height:auto !important;
	height:370px;
	background-image:url("../images/frame/ourres/contentbg.jpg");
	background-position:6px 0px;
	background-repeat:repeat-y;
	padding-bottom:10px;
}

.cotentbotRes {
	float:left;
	width:593px;
	height:6px;
	font-size:0;
	background-image:url("../images/frame/ourres/contentbot.jpg");
	background-position:6px 0px;
	background-repeat:repeat-y;
}

.rescontent {
	position:relative;
	margin-top:-110px;
	padding-left:27px;
}

.resInnerbox {
	width:516px;
	height:300px;
	float:left;
	padding:0px 10px 0px 20px;
	margin-top:6px;
	margin-right:10px;
	background:#5C646A;
}

.resSubbox {
	background:#3F474C;
	width:200px;
	position:relative;
	right:0;
	float:right;
}
/*
#our_res {
	float:left;
	width:546px;
	height:270px;
	margin:5px 0px 0px 28px;
	padding-top:20px;
	background-color:#5C646A;
}

#our_res2 {
	float:left;
	width:104px;
	height:230px;
	margin:0;
	padding: 20px 20px 0px 20px;
	background-color:#3F474D;
}
*/
.ourres_tbl tr {
	vertical-align:top;
}

.ourres_tbl {
	color:#FFFFFF;
}

.ourres_tbl p {
	margin:0;
	padding:0;
	margin-bottom:7px;
}

.ourres_tbl .left{
	width:350px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:20px;
}

.ourres_tbl .right{
	width:60px;
	padding:0px;
}

.rescontact_left {
	display:block;
	width:15%;
	float:left;
}

.rescontact_right {
	display:block;
	float:left;
	width:85%;
}

.orange {
	color:#E88B1C; 
	font-weight:bold;
	text-decoration:none;
}
/* ---------------------------------------------------------------*/

#our_res2 a.rescatimg{
	display:block;
	width:78px;
	height:95px;
	background-image:url(../../img/btnDBDAResourceCatalogue.jpg);
	background-position:-77px 0px;
	text-decoration:none;
	background-color:#003366;
	margin-top:50px;
	margin-left:15px;
}

#our_res2 a.rescatimg:hover {
	background-position:0px 0px;
}

a img {
	border:0;
}


.awardbot {
	position:relative;
	height:200px;
	width:195px;
	margin-top:-200px;
	float:left;
	background-image:url(../../img/awards/award_bot.jpg);
}

.awardimg {
	position:absolute;
	top:275px;
	float:left;
	z-index:+1;
	width:195px;
	text-align:center;
}

.noheight {
display:block;
	font-size:0px;
	line-height:0px;
	height:0;
	padding:0;
	margin:0;
}

.nopad {
	padding:0;
	margin:0;
}

.invis {
	display:none;
}

.orangetext {
	color:#E88549;
	font-weight:bold;
	font-size:1.1em;
}

.ctcvisitsite {
	display:block;
	width:90px;
	height:100px;
	background-image:url(../../img/custom/rollovers/visit_club_site.gif);
	background-position:0px 0px;
	text-decoration:none;
}

.ctcvisitsite:hover {
	background-position:-98px 0px;
}

.ctcroadshow {
	display:block;
	width:100px;
	height:100px;
	background-image:url(../../img/custom/rollovers/club_roadshow.gif);
	background-position:0px 0px;
	text-decoration:none;
}

.ctcroadshow:hover {
	background-position:-98px 0px;
}

.copyright {
	float:right;
	margin-top:10px;
	margin-right:0px;
	font-size:12px;
	color:#666666;
}


.tenalps {
	float:right;
	margin-top:14px;
	margin-right:30px;
	font-size:11px;
	display:inline;
	color:#666666;
}

.tenalps a {
	color:#666666;
	text-decoration:none;
	padding-right:20px;
}
.tenalps a:hover {
	text-decoration:underline;
}


.csClientComment{
	display:block;
	width:70px;
	height:110px; 
	background-image:url(../../img/custom/rollovers/client_comment.gif);
	background-position:0px 1px;
	margin:0px;
	padding:0px;
	margin-left:15px;
}
.csClientComment:hover{
	background-position:-67px 1px;
}

.csResDetail{
	display:block;
	width:70px;
	height:110px;
	background-image:url(../../img/custom/rollovers/resource_detail.gif);
	background-position:0px 0px;
	margin:0px;
	padding:0px;
	margin-left:15px;
	
}
.csResDetail:hover{
	background-position:-67px 0px;
}

.csVisitSite{
	display:block;
	width:50px;
	height:90px; 
	background-image:url(../../img/custom/rollovers/btnVisitSite.gif);
	background-position:0px 0px;
	margin-left:20px;
	
}
.csVisitSite:hover{
	background-position:-50px 0px;
}

.cs_video_icon{
	display:block;
	width:60px;
	height:110px;
	background-image:url(../../img/custom/rollovers/video.gif);
	background-position:0px 0px;
	margin-left:5px;
	
}
.cs_video_icon:hover{
	background-position:0px 0px;
}

.mapLink{
	font-size:11px;
	color:#FFFFFF;
}

.largeimage {
	text-align:center;
	height:100%;
	vertical-align:middle;
	padding-top:auto;
	padding-bottom:auto;
	margin-top:20px;
}

.largeimage a {
	float:right;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../../img/csarrowBtn.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:30px;
}

.largeimage a:hover {
	text-decoration:underline;
	background-position:0px -19px;
}


a.largerimg {
	position:relative;
	margin-top:-20px;
	margin-right:10px;
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
}

#greyedout li {
	color:#333333;
	list-style:none;
	margin-left:20px;
}

#greyedout {
}

.noflash {
	float:left;
	text-align:center;
	width:100%;
	height:100%;
	padding-top:50px;
}

.noflash p {
	text-align:center;
	color:#FFFFFF;
	font-size:1.2em;
}

.noflash img {
	padding-bottom:25px;
}

.news_left_column {
	float:left;
	width:48%;
	color:#FFFFFF;
	min-height:350px;
	height:auto !important;
	height:350px;
	padding-right:4%;
}

.news_right_column {
	float:left;
	width:48%;
	color:#FFFFFF;
	min-height:350px;
	height:auto !important;
	height:350px;
}

.news_image {
	padding-left:0px;
	padding-bottom:10px;
	border:none;
/*	width:245px;
	height:145px;*/
}

.news_post_date {
	text-align:right;
	font-weight:normal;
	font-size:0.85em;
}

a.external-site {
	background:transparent url("/_stage/images/icons/new-window.gif") no-repeat scroll right bottom;
	color:#184891;
	font-weight:bold;
	padding:0pt 15px 0pt 0pt;
	text-decoration:none;
}

#flashform {
	margin:0px;
}

table.contactForm td {

	padding: 5px;
	padding-top: 0px;
	
	text-align: right;
	vertical-align: top;
}

	div.container_boxRounded_340 {
	
		width: 340px;
		color: #FFFFFF;
		
		margin-bottom: 10px;
		float: left;
		
		display: inline-block;
	}
	
	div.container_boxRounded_700 {
	
		width: 700px;
		color: #FFFFFF;
		display: inline-block;
	}
	
		div.boxRounded_top_340 {
		
			height: 5px;
			line-height: -20px;
			background-repeat: no-repeat;
			background-image: url("/www/images/layout/box_rounded_top_340px.gif");
		}
		
		div.boxRounded_bottom_340 {
		
			height: 5px;
			line-height: -20px;
			background-repeat: no-repeat;
			background-image: url("/www/images/layout/box_rounded_bottom_340px.gif");
		}
	
		div.boxRounded_top_700 {
		
			height: 5px;
			line-height: -20px;
			background-repeat: no-repeat;
			background-image: url("/www/images/layout/box_rounded_top_700px.gif");
		}
		
		div.boxRounded_bottom_700 {
		
			height: 5px;
			line-height: -20px;
			background-repeat: no-repeat;
			background-image: url("/www/images/layout/box_rounded_bottom_700px.gif");
		}
		
		div.boxRounded_content {
			background-color: #3F474C;
			padding: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
		}

		#contact_form div.boxRounded_content, #locations div.boxRounded_content {
			min-height:205px;
			height:auto !important;
			height:205px;
		}

		div.boxRounded_content table td {
			vertical-align: top;
		}
	
		.contact_subtitle {
			color: #8DC73F;
		}
		
		/* contact form styles */
		
		table.contactForm td {
			padding-bottom: 5px;
			text-align: right;
			vertical-align: top;
		}
		
		table.contactForm td.last_row {
			padding-bottom: 0px;
			text-align: right;
			vertical-align: top;
		}
		
		#contact_form input {
		
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			background-color: #FFFFFF;
			color: #222222;
			width: 175px;
			padding: 2px;
			padding-left: 5px;
		}
		
			#contact_form input.button {
			
				width: auto;
				font-size: 12px;
				padding: 2px;
				border: 1px solid #6D9A33;
				text-align: center;
				background-color: #6D9A33;
				background-image: url(/img/gradient_greenButton.gif);
				background-repeat: repeat-x;
			}
		
		#contact_form textarea {
		
			width: 175px;
			padding: 2px;
			padding-left: 5px;
			font-size: 12px;
		}
		
		#contact_form textarea, input {
		
			border: 1px solid #EDEDED;
		}

.clear {
	clear:both;
	height:0px;
}

.rem_mar_pad {
	margin:0;
	padding:0;
}

.latest_news {
	color:#666666;
	float:left;
	font-size:11px;
	margin-right:30px;
	margin-top:14px;
}

.latest_news a {
	color:#666666;
	padding-right:20px;
	text-decoration:none;
}

#newsContainer {
	margin-bottom: 10px;
}

/* Twitter icon on home page */ 

#twitter-icon {

	/* underscore hack required for IE6 */
	_float: left;
	_margin-left: 295px;
	/* end _hack */
	background-image: url('../images/icons/twitter-logo.gif');
	background-repeat: no-repeat;
	background-position: 110px 1px;

	display: block;
	float: right;
	
	height: 24px;
	
	padding-top: 2px;
	padding-right: 40px;
	
	color: #FFFFFF;
	text-align: right;
	font-size: 8pt;
}

	#twitter-icon a {
	
		text-decoration: none;
	}
	
	#twitter-icon a:hover {
	
		text-decoration: underline;
	}

#rss-icon {

	/* underscore hack required for IE6 */
	_float: left;
	_margin-left: 295px;
	/* end _hack */
	
	display: block;
	float: right;
	
	background-image: url('../../img/icons/icon_rss.gif');
	background-repeat: no-repeat;
	background-position: 140px 1px;
	height: 24px;
	
	padding-top: 2px;
	padding-right: 35px;
	margin-left: 20px;
	
	color: #FFFFFF;
	text-align: right;
	font-size: 8pt;
}

	#rss-icon a {
	
		text-decoration: none;
	}
	
	#rss-icon a:hover {
	
		text-decoration: underline;
	}

/*--------------------------------*/
/* New news menu */ 

div.new_subNav_top {

	width: 148px;
	height: 5px;
	
	float: left;
}

	div.new_subNav_top.leftSelected {
	
		background-image: url('/www/images/news_stage1/tabs_left-selected_top.gif');
		background-repeat: no-repeat;
	}
	
	div.new_subNav_top.rightSelected {
	
		background-image: url('/www/images/news_stage1/tabs_right-selected_top.gif');
		background-repeat: no-repeat;
	}
	
div.new_subNav_main {

	width: 148px;
	background-color: #4A535A;
	margin: 0px auto;
	padding: 0px;
	
	float: left;
}

	div.new_subNav_main ul {
	
		margin: 0px auto;
		padding: 0px;
	}
	
	div.subNav_main_tabs { }
	
		div.subNav_main_tabs a {
		
			color: #FFFFFF;
			text-decoration: none;
		}
		
			div.subNav_main_tabs a:hover {
			
				color: #4AA1FF;
			}
	
		div.tab_news_currentYear, div.tab_news_archive {
		
			text-align: center;
			color: #FFFFFF;
			float: left;
			width: 50%;
			
			padding-top: 5px;
			height: 25px;
		}
		
			div.tab_news_archive.leftSelected {
			
				background-color: #3A434A;
			}
	
	div.subNav_main_divider {
	
		width: 148px;
		height: 10px;
	}
	
		div.subNav_main_divider.leftSelected {
		
			background-image: url('/www/images/news_stage1/tabs_left-selected_middle.gif');
			background-repeat: no-repeat;
		}

div.new_subNav_bottom {

	width: 148px;
	height: 5px;
	
	background-image: url('/www/images/news_stage1/tabs_bottom.gif');
	background-repeat: no-repeat;
	
	float: left;
}

/*--------------------------------*/