/* Copyright Slingshot 2007 | www.slingshot.co.uk
=================================================

	Contents:
	0. Imports
	1. Body, Container
	2. Header 
	3. Logos
	4. Navigation
	5. Left Column
	6. Middle Columns
	7. Right Column
	8. Boxes
	9. Footer & Copyright 
	10. Hiders, Padders, Spacers & Clearers
	11. Globals
	12. General Colours / Bolds
	
/*================================================
	0. IMPORTS
-------------------------------------------------*/


/*================================================
	1. Body, Container
-------------------------------------------------*/

body { 
	padding: 0; 
	margin: 0; 
	background: #535353; 
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

/*================================================
	2. Header
-------------------------------------------------*/

#top_container { 
	background: #fff; 
	height: 120px;
	position:relative;
	clear:both;
}
#top_container #top_containerSpace{
		width:964px;
		margin:0 auto;
}
	#top_container h1 { 
		float: left; 
		width: 181px; 
		height:110px;		
		padding: 10px 0 0 15px; 
		margin: 0; 
	}
		#top_container h1 a { 
			display: block; 
			width: 181px; 
			height: 110px; 
			background: url(../layout/logo.gif) no-repeat; 
		}
		#top_container h1 span { 
			display: none; 
		}
	#top_container #headerAvert{
			float:right;
	}
	#top_container #headerAvert #top_banner{
		width:490px;
		height:75px;
		padding:1px 0px 0px 50px;
		margin-top:25px;
		background-repeat:no-repeat;
		background-position:top left;
	}
	#top_container #headerAvert #top_banner h2{
		margin-top:25px;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		display:block;
		height:66px;
		width:450px;
		text-decoration:none;
		text-align:center;
	}
	#top_container #headerAvert #top_banner h2 a{
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		display:block;
		height:66px;
		width:450px;
		text-decoration:none;
		text-align:center;
	}
	#top_container #headerAvert #top_banner a:hover{
		text-decoration:underline;
	}


/*================================================
	3. Logos
-------------------------------------------------*/


/*================================================
	4. Navigation
-------------------------------------------------*/

#nav_container { 
	background: url(../layout/nav_bg.gif); 
	height: 43px; 
}
	#nav { 
		width: 964px; 
		margin: 0 auto; 
	}
		#nav ul { 
			padding: 0; 
			margin: 0 0px 0 0; 
			width: 730px; 
			float: left; 
			color: #FFFFFF; 
		}
			#nav ul li { 
				padding: 0; 
				margin: 0; 
				list-style: none; 
				float: left;
				width:80px;
				text-align:center;
			}
				#nav ul li a { 
					padding: 14px 0; 
					margin: 0; 
					height: 15px; 
					display: block; 
					color: #FFFFFF; 
					text-decoration: none; 
				}
					#nav ul li a:hover,#nav ul li a#currentTopNav { 
						background: url(../layout/nav_hover.gif) center;
						color:#FFA952;
						
					}
			
			#nav ul li#nav_home{
					width:60px;
			}
			#nav ul li#nav_about{
					width:75px;
			}
			#nav ul li#nav_products{
					width:135px;
			}
			#nav ul li#nav_training{
					width:65px;
			}
			#nav ul li#nav_wardens{
					width:70px;
			}
			#nav ul li#nav_young{
					width:105px;
			}
			#nav ul li#nav_news{
					width:88px;
			}
			#nav ul li#nav_partners{
					width:70px;
			}
			#nav ul li#nav_contact{
					width:85px;
			}

			
			
			
	#nav form { 
		float: left; 
		padding: 8px 0 0 0; 
		margin: 0; 
		height: 26px; 
		width: 204px; 
		background: url(../layout/search_bg.gif) no-repeat; 
		background-position: bottom; 
	}
		#nav form .search { 
			background: none; 
			width: 166px; 
			height: 20px; 
			margin: 0; 
			padding: 0 0 0 8px; 
			border: none; 
			font-size: 11px; 
			color: #009a49; 
		}
		#nav form .submit { 
			background: none; 
			width: 26px; 
			height: 26px; 
			padding: 0; 
			margin: 0; 
			border: none; 
		}

/*================================================
	5. Left Column
-------------------------------------------------*/

#leftcolumn { 
	width: 323px; 
	float: left; 
	padding: 10px 10px 10px 10px;
	color: #666666; 
}

	#leftcolumn h2 { 
		padding: 0 0 12px 0; 
		margin: 0; 
		font-weight: normal; 
		font-size: 15px; 
		color: #8390c8; 
	}
	#leftcolumn p { 
		margin: 0 0 12px 0; 		
		line-height: 22px; 
	}
		#leftcolumn a { 
			text-decoration: none; 
			color: #8390c8; 
		}
	
	#leftcolumn form { 
		margin: 0; 
		padding: 0; 
		height: 34px; 
		width: 340px; 
		background: url(../layout/mailinglist_bg.gif) no-repeat; 
	}
		#leftcolumn .search { 
			background: none; 
			width: 288px; 
			height: 22px; 
			margin: 0; 
			padding: 10px 0 0 15px; 
			border: none; 
			color: #999999;
			float:left;
		}
		#leftcolumn .submit { 
			background: none; 
			width: 28px; 
			height: 34px; 
			padding: 0; 
			margin: 0; 
			border: none;
			float:left;
			
		}


#content_container_general #leftcolumn { 
	width: 220px; 
	float: left; 
	padding: 10px 10px 10px 10px;
	color: #666666; 
}
	#content_container_general #leftcolumn #leftNav{
			border:1px solid #E9E9E9;
			width:220px;
			padding:10px;
			margin-bottom:10px;
	}
	#content_container_general #leftcolumn h2 { 
		padding: 0 0 12px 0; 
		margin: 0; 
		font-size: 15px; 
		color: #0B4DA1;
		font-weight:bold;
	}
		#content_container_general #leftcolumn ul{
			margin:0px 0px 0px 20px;
			padding:0px;
			list-style:none;
		}
			#content_container_general #leftcolumn ul li{
					margin-bottom:6px;
			}
			#content_container_general #leftcolumn ul li a{
				padding-left:20px;
				color:#666;
				display:block;
			}
			#content_container_general #leftcolumn ul li a:hover,#content_container_general #leftcolumn ul li a#currentLeftNav{
				background:url(../layout/leftNav_arrow.gif) left no-repeat;
				color:#0F9D4B;
			}
	#content_container_general #leftcolumn form { 
		margin: 0; 
		padding: 0; 
		height: 34px; 
		width: 240px; 
		background: url(../layout/mailinglist_bgNarrow.gif) no-repeat; 
	}

	#content_container_general 	#leftcolumn .search { 
					background: none; 
					width: 194px; 
					height: 22px; 
					margin: 0; 
					padding: 10px 0 0 15px; 
					border: none; 
					color: #999999;
					float:left;
				}
	#content_container_general 			#leftcolumn .submit { 
					background: none; 
					width: 28px; 
					height: 34px; 
					padding: 0; 
					margin: 0; 
					border: none;
					float:left;
					
				}


#partners { 
	margin: 0; 
	padding: 25px 0 0 0; 
	list-style: none;	
}
	#partners li { 
		float: left; 
	}
		#partners li span { 
			display: none; 
		}
	#partners .communities { 
		width: 134px; 
		height:56px; 
		background: url(../layout/partner_communities.gif); 
	}
		#partners .communities a { 
			display: block; 
			width: 134px; 
			height:56px; 
		}
	#partners .acord { 
		width: 76px; 
		height:56px; 
		background: url(../layout/partner_accord.gif); 
	}
		#partners .acord a { 
			display: block; 
			width: 76px; 
			height:56px; 
		}

/*================================================
	6. Middle Columns
-------------------------------------------------*/

#content_container { 
	background: #fff; 
	padding: 10px 0 22px 0; 
	}
#content { 
	width: 964px; 
	margin: 0 auto; 
}
		
#banner_container_home { 
	background: url(../layout/banner_bg.gif) repeat-x #fff; 
	background-position: center; 
}
	#banner_container_home #banner { 
		width: 964px; 
		margin: 0 auto; 
		padding: 0; 
		height: 257px; 
		background: url(../layout/banner_bg.jpg) no-repeat #fff; 
		background-position: center; 
	}
		#banner_container_home #banner a { 
			text-decoration: none; 
			color: #FFFFFF; 
		}
		#banner_container_home #banner p { 
			width: 315px; 		
			color: #FFFFFF; 
			line-height: 26px; 
			padding: 62px 0 0 10px; 
			margin: 0; 
		}
		#banner_container_home #banner .readmore { 
			margin: 0; 
			padding: 0; 
			width: 350px; 
			text-align: right; 
	/*		background: url(../layout/banner_readmore.gif) no-repeat; 
			background-position: right; */
		}
		
#banner_container_general{
	background: url(../layout/banner_bg_general.jpg) repeat-x #FFF; 
	height:69px;
	padding:11px 0px 11px 25px;
}
	#banner_container_general div{
		width: 964px; 
		margin: 0 auto;
		background:url(../layout/banner_bg_generalPeople.jpg) no-repeat left;
		height:69px;
	}
		#banner_container_general div h1{
				font-size:21px;
				color:#FFF;
				padding-top:22px;
				margin:0px;
				font-weight:normal;
		}

#content_container_general{ 
	background: #fff; 
	padding: 10px 0 22px 0; 
}

	#content_container_general #mainContent{
		display:block;
		margin:3px 0px 0px 270px;
		color:#666;
		padding-top:20px;
		line-height:20px;
	}
	#content_container_general #mainContent h2 { 
		padding: 0 0 12px 0; 
		margin: 0; 
		font-size: 15px; 
		color: #0B4DA1;
		font-weight:bold;
	}
	#content_container_general #mainContent h3 { 
		padding: 0 0 6px 0; 
		margin: 0; 
		font-size: 13px; 
		color: #0F9D4B;
		font-weight:bold;
	}
		#content_container_general #mainContent a{
			color:#0F9D4B;
			text-decoration:none;
		}
			#content_container_general #mainContent a:hover{
					color:#0B4DA1;
			}
			
	#content_container_general #mainContent #imageColumn{
		float:right;
		width:250px;
	}
	#content_container_general #mainContent #imageColumn div{
			border:1px solid #E9E9E9;
			padding:5px;
			margin-bottom:10px;
	}
		#content_container_general #mainContent #imageColumn div img{
				width:240px;
				display:block;
		}
	
	#content_container_general #mainContent #downloadPod h2{
		margin:10px 0px 10px 0px;
		padding:0px;
	}
	#content_container_general #mainContent #downloadPod p{
			line-height:19px;
			margin:0px;
			padding:0px;
	}
	
	
	
	
	#itemList{
	}
	#itemList div{
	}
	#content_container_general #mainContent #itemList h2{
		border-top:1px solid #0B4DA1;
		margin-top:10px;
		padding-top:10px;
	}
	#content_container_general #mainContent #itemList div h3{
		margin:0px;
		padding:0px;
	}
	#content_container_general #mainContent #itemList div h4{
		margin:0px;
		padding:0px;
		font-weight:12px;
	}
	
/*================================================
	7. Right Column
-------------------------------------------------*/

#rightcolumn { 
	width: 586px; 
	float: left; 
	padding: 10px 0px 10px 10px; 
}

#pods { 
	margin: 0 auto; 
	padding: 0; 
	list-style: none; 
	width: 544px; 
}
	#pods li { 
		float: left; 
		text-align: center; 
		margin: 0; 
		padding: 0; 
	}
		#pods li a { 
			text-decoration: none; 
			color: #fff; 
			display: block; 
			padding: 9px 0 0 0; 
			width: 171px; 
			height: 118px; 
			color: #fff; 
		}
	
	#pods .training { 
		background: url(../layout/training.jpg) no-repeat; 
		background-position: center; 
	}
	#pods .wardens { 
		background: url(../layout/wardens.jpg) no-repeat; 
		background-position: center; margin: 0 15px; 
	}
	#pods .youngadvisors { 
		background: url(../layout/youngadvisors.jpg) no-repeat; 
		background-position: center; 
	}
		
/*================================================
	8. Boxes
-------------------------------------------------*/



/*================================================
	9. Footer & Copyright
-------------------------------------------------*/

#footer_container { 
	background: #535353; 
}
#footer { 
	width: 964px; 
	margin: 0 auto; 
	padding: 0; 
	color: #969696; 
	list-style: none; 
	font-size:11px;
}
	#footer a { 
		color: #969696; 
		text-decoration: none; 
	}
		#footer a:hover { 
			color: #FFF; 
		}
	#footer li { 
		margin: 0; 
		float: left; 
		padding: 15px; 
	}
	#footer .right { 
		float: right; 
	}


/*================================================
	10. Hiders, Padders, Spacers & Clearers
-------------------------------------------------*/

.clear { clear: both; }
hr { display: none; }


/*================================================
	11. Globals
-------------------------------------------------*/
.divider{
	border-bottom:1px solid #0F9D4B;
		margin-bottom:5px;
		padding-bottom:0px;
}

/*================================================
	12. General Colours / Bolds
-------------------------------------------------*/
.stdForm{
}
	.stdForm p{
		display:block;
	}
		.stdForm p label{
			float:left;
		}
		.stdForm p u{
				text-decoration:none;
				display:block;
				margin-left:150px;
		}
			.stdForm p u input{
				width:280px;
				font-size:16px;
				color:#333;
			}
				.stdForm p u input.error{
					border:1px solid #FF0000;
				}
				.stdForm p u label.error{
						font-weight:bold;
						color:#FF0000;
						display:block;
						float:none;
				}
			.stdForm select{
				font-size:13px;
				color:#333;
			}	
			.stdForm p u textarea{
				width:280px;
				height:200px;
				color:#333;
			}
			.stdForm p u input.submitButton{
				width:auto;