/*
LAYOUT --------------------- */

#container {
	position:relative;
	width: 950px;
/*	left: 50%;
	margin-left: -475px;
*/	
	margin: auto;
	height: 100%;	
	}
	
			
		#branding{
		clear:both;
		width: 950px;
		height: 101px;
		margin: 0px 0px 5px 0px;
		/*background: url(../../images/branding-bg.jpg) top left no-repeat;
		background-color: #062082;*/
		}	
		
		
				#logo{
					width: 296px;
					height: 75px;
					float: left;
					margin: 23px 0px 0px 0px;
					
				}	
				
				#secondaryNav{
					height: 22px;
					float: right;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					text-align:right;
					width: 650px;
					
					
					/*background-image: url(../../menu/branding-menu-bar.gif);
					background-color:#CCCCCC;*/
				}	
		
		/*		#telNo{
					width: 600px;
					height: 20px;
					float: right;
					margin: 35px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					text-align:right;
					background-image: url(../../menu/branding-menu-bar.gif);
					background-color:#CCCCCC;
				}	
		*/
				#nav{
					width: 600px;
					float: right;
					display:block;
					height: 74px;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					
					/*background-image: url(../../images/nav-bg.jpg); creates grey divider*/
					/*background-color:#ff0000;*/
				}	
				
/*				#form{
					float:right;
					margin: 10px 10px 0px 0px;
				}
*/		
		
		#main{
			width: 950px;
			float: left;	
			/*background: url(../../images/subnav-bg.jpg) repeat-y;*/
			padding: 0px 0px 0px 0px;
		}	
		
		    .largeBanner{
		        clear: both;		        
		        display: block;		        
		        margin: 0px 0px 5px 0px;
		    }
		
			#subNav {
				float: left;				
				width: 220px;
				padding: 15px 0px 0px 0px;
				margin: 0px 0px 100px 0px;
				border-bottom: 1px #B5CDEE solid;
				
				height: 100%;
			}
		
			#subNavHeading {
				float: left;
				width: 218px;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				background: url(../../images/section-logo-bg.jpg) repeat-x;
			}		

			#breadcrumb{
				width: 690px;
				display:block;
				float:left;
				margin: 0px 0px 0px 0px;
				padding: 0px 20px 0px 20px;
				/*background-color:#ff0000;*/
			}	
			
			.banner {
				width: 710px;
				float:left;
				padding: 15px 0px 00px 0px;
				margin: 0px 0px 0px 20px;
				/*border-top: #B5CDEE dotted 1px;
				border-bottom: #B5CDEE dotted 1px;*/
			}
				
			
			#content {
				width: 500px;
				float:left;
				padding: 15px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}
				
										
					#contentText {
						float: left;
						width: 490px;
						padding: 10px 20px 60px 20px;
						/*background-color:#33CC66;*/
					}
						
					
				#sidebar{
					float: right;
					width: 200px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
				}
				
					#contactInfo{
						float: left;
						width: 200px;
						padding: 0px 0px 0px 0px;
						margin: 10px 0px 0px 0px;
					}
					
					/*#adverts{						   
						float: left;
						display: block;
						width: 200px;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
					}*/
				
					.extraInfo{
						float: left;
						width: 198px;
						padding: 3px 0px 3px 0px;
						margin: 10px 0px 0px 0px;
						border: 1px #B5CDEE solid;
						background-color: #E2EBF8;
					}
				
					#thumbnailImages{
						float: left;
						display: block;
						width: 200px;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
					}
				
					
	
		#footer
		{
			clear: both;
			width: 950px;
			margin: 1px 0px 50px 0px;
			padding: 10px 0px 0px 0px;
			height: 80px;
			text-align: center;
			background-image: url(../../images/footer-bg.gif);
		}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */