/*
Last Updated 2/7/2007 
*/

/* Reset margin, padding */
body, ul, form {
	margin:0;
	padding:0;
}
body{
	font-size:100%;
	background: url('../img/headerborder.gif') left top repeat-x;
	text-align:center;
}


#wrapper{
	float:left;
	width:100%;
}


	#p1 #wrapper,
	#p2 #wrapper
	{
		background:url('../img/page_bg.jpg') left top repeat-x;	
	}
	

#background_block{
	float:left;
	width:100%;
	background:url('../img/whiteblock.gif') right 113px no-repeat;	
}


	/* Switches to full bg stripe for Top Level pages */
	.topLevel #background_block{
		background-image:none;		
	}
	
	/* no coloured full width block for TYPE 2 pages */
	#p2 #background_block
	{
		background:url('../img/whiteblock.gif') right 113px no-repeat;	
	}
	

/* Centred, fixed-width container*/

#container{
	width:772px;	
	margin:0 auto;
	text-align:left;
}


#header{
	float:left;
	width:760px;
	height:112px;
	position:relative;
}


	#header h1, #header h2{	
		margin:0;
		padding:0;
		font-size:1.5em;
	}
	
	#header h1{
		position: absolute;
		top:0px;
		left:12px;
		width:464px;
		height:111px;
	}




	#title a{
		width:100%;
		height:100%;
		display:block;	
		background:#fff url('../img/ctc-logo.gif') left top no-repeat;
	}

	/* different logo for home page   */
	#p1 #header h1,
	#p2 #header h1
	{
		position: absolute;
		top:0px;
		left:12px;
		width:464px;
		height:111px;
	}
		
	#p1 #title a,
	#p2 #title a
	{
		width:100%;
		height:100%;
		display:block;	
		background:#fff url('../img/ctc-logo.gif') left top no-repeat;
	}	
	




	#header h2
	{
		position: absolute;
		bottom:3px;
		left:12px;
		width:185px;
		height:36px;
		font-size:1.1em;		
	}
	#p1 #header h2,
	#p2 #header h2
	{
		height:0px;
	}	
	
	#p1 #header h2,
	#p2 #header h2
	{
		background-image:none;	
	}
	
		
	#section a{
		width:100%;
		height:100%;
		display:block;		
	}	
	
	#functions{
		position: absolute;
		bottom:2px;
		right:0px;
		float:right;
		width:500px; 
		text-align:left;
		font-family:arial, sans-serif;
		text-align:right;
	}


		#functions a#login{	
			float:right;
			display:block;
			color:#998F86;
			width:148px;
			width:128px;
			border:1px solid #D8D4D0;
			text-align:left;
			text-decoration:none;
			font-size:.7em;
			padding:2px 10px;
			margin-bottom:10px;			
		}
				
		#functions a#login:hover{
			color:#000;
		}
		#functions fieldset{
			clear:right;
			float:right;
			margin:0;
			padding:0;
			border:none;
			width:148px;
			border:1px solid #D8D4D0;
		}
		
		#functions input#search{
			float:left;
			margin:0; 
			padding:0;
			height:18px;
			font-size:10pt;
			color:#998F86;
			width:115px;
			width:119px;
			border-color:#fff;
			border:none;
			vertical-align:bottom;
			padding-left:5px;
		}		
		#functions input#submit{
			float:left;
			border-left:1px solid #D8D4D0;
			margin:0;	
			padding:0;
			width:24px;
			height:21px;
		}	
		
	#breadcrumbs{
		clear:right;
		float:right;		
	}
	
	
		#breadcrumbs ul{
			float:right;
			list-style:none;
			font-family:arial, sans-serif;
		}
		
			#breadcrumbs ul li{
				float:left;
			}
				#breadcrumbs ul li a, #breadcrumbs ul li a:visited{
					font-size:.7em;
					color:#776A5E;
					text-decoration:none;
					padding-left:5px;
					font-weight:bold;
				}
				#breadcrumbs ul li a:hover{
					color:#555;
					text-decoration:none;				
				}

#mainNav{
	margin-top:1px;
	float:left;
	width:760px;
	height:20px;
}

	#p1 #mainNav,
	#p2 #mainNav
	{
		background:#fafafa url('../img/intro_bg.jpg') left top repeat-y;
	}
	
	#mainNav ul{
		float:left;
		width:748px;
		margin-left:12px;
		display:inline;
		list-style:none;
		height:20px;		
		background:#fafafa url('../img/menu_bg_right.jpg') right 1px no-repeat;
	}
	/* Section-specific backgrounds */
		#p1 .topLevel #mainNav ul
		{
			background:#fafafa url('../img/menu_bg_right_blue.jpg') right top no-repeat;
		}
		
		/* no coloured fade for TYPE 2 pages */
		#p2 .topLevel #mainNav ul
		{
			background:#fafafa url('../img/menu_bg_right.jpg') right top no-repeat;
		}
		
	
	#mainNav ul li{
		float:left;
		
	}	

	.menutitle{
		font-family:arial, sans-serif;
		font-size:.7em;
		font-weight:bold;
		color:black;
		text-decoration:none;
		float:left;		
		display:block;
		height:20px;
		line-height:20px;
		font-weight:bold;
		padding:5px 20px 5px 25px;
		border-right:1px solid #776A5E;
		BORDER-BOTTOM: 1px solid #fff;
	}
		
	#mainNav ul li a, #mainNav ul li a:visited{
		font-family:arial, sans-serif;
		font-size:.7em;
		color:#315d93;
		text-decoration:none;
		float:left;		
		display:block;
		height:20px;
		line-height:20px;
		font-weight:bold;
		padding:0 20px;
		border-right:1px solid #776A5E;
		background:#fafafa;
	}
	#mainNav ul li#m1 a,
	#mainNav ul li#m2 a
	{
		color:#315d93;
	}
	
	
	
/*  Main Nav hover style*/	
	#mainNav ul li a:hover{
		background:#eee;
		color:#000 !important;
	}		


#main
{
	float:left;
	width:760px;
	background:#fff url('../img/sidenav_bg.jpg') left top repeat-y;	
}
	
	#sideNav{
		float:left;
		width:248px;
		display:inline;		
	}


	

	#sideNav img{
		margin-left:12px; /*  allows for shadow */
	}
	
	#p1 #sideNav #graphic, #p1 #sideNav img,
	#p2 #sideNav #graphic, #p2 #sideNav img
	{
		background:#fff url('../img/intro_bg.jpg') left top repeat-y;
	}
	
	


	#sideNav table{
		float:right;
		width:236px;	
		
	}
	#sideNav table td{
		padding:0;
		margin:0;
	}

	#sideNav ul{
		float:right;
		margin-top:30px;
		margin-bottom:1em;
		width:236px;	
		list-style:none;
		border-top:1px solid #fff;
	}

	#sideNav ul li{
		float:left;
		width:100%;		
	}	
	
		#sideNav ul li.on{
			float:left;
			width:100%;			
		}		

		#p1 #sideNav ul li.top .on,
		#p2 #sideNav ul li.top .on
		{
			background:#315d93;
			color:#fff;
		}

			#p1 #sideNav ul li.top ul li a,
			#p2 #sideNav ul li.top ul li a
			{
				/*background:#CDEAE7;  */
			}		
			#p1 #sideNav ul li.top ul li a.on,
			#p2 #sideNav ul li.top ul li a.on
			{
				background:#fff;
				color:#983500;
			}			
		
		
	#sideNav ul li a, #sideNav ul li a:visited{
		padding:.5em 0 .5em 36px;
		width:236px;
		width:200px;	/* box model fix */
		font-family:geneva, arial, helvetica, sans-serif;
		font-size:.7em;
		font-weight:bold;
		color:#983500;
		text-decoration:none;		
		display:block;
		border-bottom:1px solid #fff;
	}

	#sideNav ul li a:hover, #sideNav ul li a:visited:hover{
		background:#aaa;
	}
	
		/* 2nd level sidenav */		
		#sideNav ul li ul{
			float:left;
			margin:0;
			width:236px;
			border-top:none;
			font-weight:normal !important;
		}
	

		#sideNav ul li ul li a, #sideNav ul li ul li a:visited{	
			font-weight:normal;
			padding:.5em 10px .5em 46px;
			width:236px;
			width:180px;	/* box model fix */

		}

		/* 3rd level sidenav */
		#sideNav ul li ul li ul{
			float:left;
			margin:0;
			width:236px;			
			border-top:none;
			font-weight:normal !important;
		}
				
		#sideNav ul li ul li ul li a, #sideNav ul li ul li ul li a:visited{	
			background:#eee;	/* needs to be section-specific */
			font-weight:normal;

			padding:.5em 0 .5em 36px;
			width:236px;
			width:190px;	/* box model fix */			
		}		


	
/*  Content holds #intro, #extra and #copy */
	#content{
		float:left;
		width:512px;
		background:#fff url('../img/content_bg.jpg') -9px top no-repeat;		
	}

		
		#content a, #content a:visited{
			color:#983500;
			text-decoration:none;
	
		}
		
		#content a:hover{
			color:#000;
			text-decoration:none;
	
		}
		
		
		
	/*  Regional  headings */
	#content h3#eu, #content h3#na, #content h3#sea, #content h3#am{
		font-family:geneva, arial, sans-serif;
		font-size:.7em;
		font-weight:bold;
		padding:0;
		margin:0 0 .1em 45px;
		text-indent:15px;	
		line-height:2em;
		height:2em;
		border:1px solid #DBDBDB;
		
	}
	
	
/* Section-specific  backgrounds */
	#intro_wrapper{
		float:left;
		width:100%;
	}	
	
		#p1 #intro_wrapper,
		#p2 #intro_wrapper
		{
			background:#fff url('../img/intro_top.jpg') right top no-repeat;
		}	

		
	#intro{	
		margin-top:10px;  /*  Allows shadow to show through */
		float:left;		
		font-family:geneva, arial, helvetica, sans-serif;
/*		background:#fff url('../img/main_bg_home.jpg') right top repeat-y; horiz stripe */
		min-height:222px;  /* Fixed  height */ 
		_height:222px;  /* Fixed  height IE*/ 


	}
		#p1 #intro,
		#p2 #intro
		{
				background:#fff url('../img/main_bg.jpg') right top repeat-y;
		}
		
		#intro p{
			color:#fff;
			font-size:.85em;
			line-height:1.5em;		
			padding-left:45px;
			padding-right:45px;
			margin:.5em 0;
		}

	#overview{		
		float:left;
		width:366px;
	}


	#main #extra {
		float:right;
		width:146px;
	}
	
		#extra h2{
			padding:0;			
			margin:.5em 0;
			padding-left:15px;
			padding-right:15px;
			
			color:#fff;
			font-size:.9em;
		}
		
		#extra p{
			font-size:.7em;
			padding:0;
			padding-left:15px;
			padding-right:15px;
			margin:.5em 0;
			color:#000;
		}		
	

	
	
	

	#copy{
		clear:left;
		float:left;
		width:512px;
		padding:1em 0 1em 0;  /*  Allows shadow to show through */
		
	}
	
	#copy ul {
	    margin:0;
        font-family:geneva, arial, helvetica, sans-serif;
        color:#7B746E;
        padding:0 0 0 60px;
	}
	
	#copy ul li {
	    margin-bottom:.5em;
        font-size:.8em;
	}
	
	#copy h2{
		font-family:'century gothic', arial, sans-serif;
		font-size:1.4em;
		font-weight:normal;
		margin:0;		
		padding:.5em 0 .5em 45px;
	}
	#p1 #copy h2,
	#p2 #copy h2
	{
		color:#315d93;
	}
	

	#copy h3{
		font-family:'century gothic', arial, sans-serif;
		font-size:1.2em;
		font-weight:normal;
		padding-left:45px;
		margin:.2em 0;
		/*color:#999;  - real page headers  */
		color:#315d93;
	}
	
	#copy h4{
		font-family:geneva, arial, sans-serif;
		font-size:1.2em;
		line-height:1.5em;
		padding-left:45px;
		margin:.3em 0;
		color:#777;
	}
	
		
	
	.bar{
		width:230px;		
	}
	
	.bar a, .bar a:visited{
		padding-left:10px;
		display:block;
		line-height:2em;
		border:1px solid #ccc;
	}	
	.bar a:hover{
		background:#eaeaea;
	}		
	
	#copy h6{
		font-family:geneva, arial, sans-serif;
		font-size:.9em;
		font-weight: normal;
		color:#7B746E;
		line-height:1.1em;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

		#copy h5{
		font-family:geneva, arial, sans-serif;
		font-size:.8em;
		font-weight:bold;
		padding-left:45px;
		color:#555;
	}
	
	#copy p{
		font-family:geneva, arial, helvetica, sans-serif;
		font-size:.8em;
		color:#7B746E;
		line-height:1.5em;
		padding-left:45px;
	}
	
	#copy td{
		font-family:geneva, arial, helvetica, sans-serif;
		font-size:.9em;
		color:#7B746E;
		line-height:1.5em;
	}


#newslettersignup
{
    border: solid 1px gray;
    margin-left: 50px;
    padding: 7px 5px 10px 12px;
	font-family:geneva, arial, helvetica, sans-serif;
	font-size:.7em;
	color:#7B746E;
	line-height:2em;    
}

.country_details{
	clear:left;
	float:left;
	width:500px;

}
	.country_details ul{
		float:left;
		width:455px;
		padding-left:45px;
		list-style:none;
		margin-bottom:.5em;
	}

	#copy .country_details h4{
			font-size:.8em;
			width:210px;
			border:1px solid #ccc;
			margin-left:45px;
			padding-left:10px;
	}


	#content .country_details ul h5, 
	#content .country_details ul p{
		padding-left:0;
		margin:.2em 0;
		font-size:.7em;
	}

	.country_details li{
		float:left;
		width:220px;
		margin:0 5px .75em 0;
		
	}
	
	.country_details li.left{
		clear:left;

	}


.contacts {
	float:left;
	list-style:none;
	padding-left:45px;
	display:inline;	
	word-wrap:break-word;
}

.contacts_column {
	float:left;
	list-style:none;
	display:inline;
	width:220px;
	word-wrap:break-word;
}

	.contacts ul{
		padding:0 0 0 5px;
		float:left;
		width:220px;
		list-style:none;
	}


	#copy .contacts h4{
			font-size:.8em;
			width:200px;
			border:1px solid #ccc;
			margin-left:0px;
			padding-left:10px;
	}

	#content .contacts ul h5, #content .contacts ul p{
		padding-left:0;
		margin-left:0;
		margin-right:0;
		font-size:.7em;
		line-height:1.2em;
	}

	.contacts li{
		margin:0 5px .75em 0;		
	}
	
	.contacts li.left{
		clear:left;

	}


	
	#content .contacts p{
		padding-left:0;
		padding-right:5px;
	}
	
	.contacts table {
		width:100%;
		font-family:geneva, arial, helvetica, sans-serif;
	}

	.contacts table td{
		font-size:.7em;
		vertical-align:top;
		width:50%;
	}

	#content .contacts table td p{
		font-size:1em;
	}


	
#profile_pic{
	float:right;
	border:1px solid #eee;
	margin:0 0 10px 15px;
	
}
	#profile_pic img{
		padding:5px;
	}

#contact_form{

	width:460px;
	font-family:arial, sans-serif;
	padding-left:0px;
}

	#contact_form label{
		font-size:.8em;
		clear:left;
		float:left;
		width:200px;
		text-align:right;
		padding-right:10px;
		color:#7B746E;
	}
	
	#contact_form label em{
			color:#983500;	
			font-style:normal;
			font-weight:bold;
			
	}	
	
	#contact_form div{
			float:left;
			width:240px;
			margin-bottom:5px;
			
	}		
	
	#contact_form input, #contact_form select, #contact_form textarea{
		width:100%;
		border:1px solid #999;
		font-family:arial, sans-serif;
		font-size:.8em;
			
	}
	
	#contact_form input#submit, #contact_form input#reset{
		width:100px;
		margin-right:10px;
	}
	
	.radiobutton
	{
		font-size:1em;
		font-weight:bold;
		margin-left:40px;
	}
	
	.ValidationError
	{
		font-size:.8em;
	}

	.ValidationErrorDB
	{
		font-size:1em;
	}
	
/* information panels */


.right_column{
	float:right;
	width:160px;
	margin-top:1.2em;
	background:#fff;
}
.panel_outer{
	clear:right;
	float:right;
	width:160px;
	font-family:geneva, arial, sans-serif;	
}
	.panel{		
		width:160px;
		float:right;
		background:#fff url('../img/panel_sides.jpg') left top repeat-y;
		margin-bottom:2em;
	}
	#copy .panel_outer h3{
		margin:0 0 0 12px;
		padding:.3em 0;
		width:144px;
		font-size:.8em;
		color:#777;
		font-weight:bold;
		border:1px solid #777;
		text-indent:15px;
		font-family:geneva, arial, sans-serif;
	}
	
	#copy .panel_outer p{
		font-size:.7em;
		line-height:1.3em;
		padding-left:27px;
		padding-right:10px;
	}
	.panel_top{
		background:#fff url('../img/panel_top_bg.jpg') left bottom no-repeat;
	}
	
	.panel_bottom{
		height:22px;
		background:#fff url('../img/panel_bottom_bg.jpg') left top no-repeat;
	}



#footer{

}


.divider{
	clear:both;
	width:100%;
	float:left;
	height:1px;
	background:url('../img/toebg.gif') right bottom no-repeat;
}
	.divider_inner{
		height:1px;
		margin:0 auto;
		text-align:left;
		clear:left;
		width:772px;
		background:url('../img/toebg_left.gif') left bottom no-repeat;

	}
	
	.divider_inner div{
		height:1px;
		margin:0;
		padding:0;
		border:0;
		text-align:left;
		margin-left:12px;
		background:url('../img/toebg.gif') left bottom no-repeat;
	}	

.toe{
	clear:both;
	width:100%;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url('../img/toebg.gif') right bottom no-repeat;
	text-align:center;
}
	.toe .tarsal{
		margin:0 auto;
		text-align:left;
		clear:left;				
		width:772px;

	}

		.toe .tarsal div{
			float:left;
			background:url('../img/toebg.gif') left bottom no-repeat;
		}
		.toe .last div{
			float:left;
			padding-bottom:10px;
			background:url('../img/toebg_full.gif') left bottom no-repeat;
		}
	
	.toe .last{	
		background:url('../img/toebg_bottom.gif') left bottom no-repeat !important;
	}


	.tarsal p{
		float:right;
		text-align:left;
		font-size:.6em;
		color:#999;
		padding:.4em 0 .4em 0;
		margin:0;
		width:240px;
		}

	.tarsal ul{
		padding:4px 0 4px 40px;
		font-size: 1em;
		list-style:none;
		background:url('../img/toebg_left.gif') left bottom no-repeat;
		float:left;
		width:715px;
	}

@media print {
	.tarsal ul{
		display:none;
	}
}	
	.last div ul{
		background:none;
		width:470px;
	}
	
	
		.tarsal ul li{
			float:left;
			margin:1px 0;
		}	
		.tarsal ul li a, .tarsal ul li a:visited{
			border-right:1px solid #983500;
			padding:1px 4px;
			display:block;
			font-size:.6em;
			color:#983500;
			text-decoration:none;
		}	
		
		.tarsal ul li.end a{
			border-right:none !important;
			padding:1px 0 1px 4px;
		}			
		.tarsal ul li a:hover{
			color:#555;
		}

		

.last{
	background:url('../img/toebg_bottom.gif') right bottom no-repeat !important;
	text-align:center;
}






/* Utilities */

.off{
	display:none;
}

.both{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}



/* CMS Web Forms Related */

.input {
    width:100%;
	border:1px solid #999;
	font-family:arial, sans-serif;
	font-size:1em;
}	
  
.selectSnippet {
    width:150px;
	border:1px solid #999;
	font-family:arial, sans-serif;
	font-size:1em;
}  
    
.button {
    width:100px;
    margin-right:10px;
    border:1px solid #999;
}

a.admin {
    color:#fa0 !important;
    text-decoration:none;
}

a.admin:hover {
    color: Black !important;
    text-decoration: none;
}


/*   Print Styles   */
 
@media print{
* {
	background: none !important;

}
	#wrapper, #background_block, #header, #content, #intro_wrapper,  #copy, #contact_form,   .country_details, div.contacts , .contacts_column, .contacts ul, .divider {
		float:none;
		width:88%;  /* This percentage figure controls the width of the page for printing  */
		margin:0;
		padding:0;
	} 
	
	#intro_wrapper, #intro{	
		margin:0;
		padding:0;
	}
	
	#intro_wrapper{

	}
	
	#main #extra {
			float:right;
			width:30%;
			margin-left:20px;
			margin-right:10px;	
	}	

	#intro{
		border-top:1px dashed #aaa;
		border-bottom:1px dashed #aaa;
	}

	#main{
		clear:left;
	}
	
	h1, h2, h3, h4, h5, p {
		margin-left:0;
		padding-left:0;
	}

	#header{
		height:3em;

	}
	#header h1, #p1 #header h1, #header h2{
		display:block;
		width:100%;
		font-family:geneva, arial, helvetica, sans-serif;
		font-weight:normal;
		left:0;
	}


	#header h1 span.off, #p1 #header h1 span.off, #header h2 span.off{
	/*	display:block;   	*/
	}

	#title a{
		text-decoration:none;
		color:#555;
		
	}
	

	
/* 	Reset left margin    */

	#mainNav ul, #content h3#eu, #content h3#na, #content h3#sea, #content h3#am, #overview p, #content p, .country_details ul{
		margin-left:0;
		padding-left:0;
	}
	#mainNav ul{
		border-left:1px solid #776A5E;
	
	}
	
	#p1 #mainNav ul li#m1 a,
	#p2 #mainNav ul li#m1 a
	{
			border-top:1px solid #aaa;
			border-bottom:1px solid #aaa;
	}	
	#intro{
		height:auto;	
	}
	
	#copy h2, #copy h3, #extra h2{
		margin-left:0;
		padding-left:0;
	}
	
	#content h3#eu, #content h3#na, #content h3#sea, #content h3#am{
		width:90%;
	}
	#copy p{
		color:#111;
	}

	#copy .panel_outer h3{
		border-color:#ccc;
	}
	#copy .panel_body p{
		color:#aaa;
	
	}
	#copy ul {
		padding-left:20px;
	}
	#mainNav{	
		padding-bottom:1em;
	}
	#functions, #breadcrumbs,#sideNav, .panel_bottom {
		display:none;
	}

	#copy ul {
		
	}


	.tarsal p{
		float:none;		
		text-align:left;
		border-top:1px solid #aaa;
		}
}


.clr
{
	clear:both;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
}

	.cloginboxtext
	{
		text-align:justify;
		font-family:geneva, arial, sans-serif;
		font-size:1em;
		line-height:1.3em;
	}

	.cfield
	{
		font-family:geneva, arial, sans-serif;
		font-size:.8em;
		line-height:1.3em;
	}
	
	.clabel
	{
		font-family:geneva, arial, sans-serif;
		font-size:.8em;
		font-weight:bold;		
		line-height:1.3em;
	}
	
	.cdocfield
	{
		font-family:geneva, arial, sans-serif;
		font-size:.9em;
		line-height:1.3em;
	}
	
	.cdoclabel
	{
		font-family:geneva, arial, sans-serif;
		font-size:.9em;
		line-height:2em;
	}
	
	#padscreen
	{
		padding:.5em 0 .5em 45px;
	}