/* 

	Main Structure Styles 
	
	Author:	Jay Dobson <jdobson@esolutionsgroup.ca>
	
	I've indented the styles to mirror the corresponding HTML structure's hierarchy
	
*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
} 

	#uber 
	{
		margin: auto auto;
		width: 970px; 
		height: auto;	
	}

		#header
		{	
			float: left; 
			clear: both;
			width: 970px; 
			height: 121px;
		}
		
			#logo 
			{
				float: left;
				width: 416px; 
				height: 121px;
			}
			
			#headerActions {
				float: left;
				width: 534px; 
				height: 101px;
				padding: 20px 20px 0px 0px;
				background: #ffffff url(/images/headerActions_background.jpg) no-repeat;
			}
			
			#headerActions #links
			{
				float: right;
				clear: both;
				width: 500px;
				text-align: right;
			}
			
				#headerActions #links, #headerActions #links a { color: #c39edf; }
				
				#headerActions #links a, #headerActions #links a:active, #headerActions #links a:visited { 
					text-decoration: none;
					padding: 0px 5px 0px 5px;  
				}
				
				#headerActions #links a:hover { text-decoration: underline; }
				
			#headerActions #search
			{
				float: right;
				clear: both;
				width: 500px;
				text-align: right;
				margin: 15px 4px 0px 0px;
			}
			
				#headerActions #search input {
					float: right;
					border: 0px;
					padding: 1px 5px 2px 5px;
					margin: 1px 0px 0px 0px;
					color: #5a3a73;
				}
				
				#headerActions #search img {
					float: right;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 5px;
					cursor: pointer;
				}
				
			#headerActions #buttons {
				margin: 26px 0px 0px 0px;
				float: right;
				clear: right;
			}
			
		#mainNav {
			float: left; 
			clear: both;
			width: 957px; 
			height: 34px;
			background-color: #5d9731;
			padding: 1px 0px 0px 13px;
			margin: 10px 0px 10px 0px;
			overflow: hidden;
		}
		
		#contentContainerHome {
			float: left;
			clear: both;
			width: 970px;
		}
		
			#contentLeftHome {
				float: left;
				width: 581px;
				height: 384px;
				border-right: solid 1px #aac590;
			}
			
				#contentLeftHome #banner {
					float: left;
					clear: both;
					width: 582px;
					height: 213px;
					margin: 0px 0px 19px 0px;
					border-bottom: solid 1px #aac590;
					overflow: hidden;
				}
				
				#contentLeftHome #helpSections {
					float: left;
					clear: both;
					width: 582px;
					height: 152px;
				}
							
					#contentLeftHome #helpSections a.helpSection {			
						float: left;
						margin: 0px 5px 0px 0px;
					}
									
			#contentRightHome {
				float: left;
				width: 387px;
				height: 384px;
			}
			
				#contentRightHome #longColumn {
					float: left;
					width: 156px;
					height: 379px;
					margin: 0px 22px 0px 0px;
					padding: 0px 15px 0px 22px;
					border-right: solid 1px #aac590; 
					overflow: hidden;
				}
				
				#contentRightHome #shortColumn1 {
					float: left;
					width: 160px;
					height: 180px;			
					margin: 0px 0px 20px 0px;
					overflow: hidden;
				}
				
				#contentRightHome #shortColumn2 {
					float: left;
					width: 160px;
					height: 158px;
					border-top: solid 1px #aac590;
					padding: 20px 0px 0px 0px;
					overflow: hidden;
				}
			
		#contentContainerInterior {
			float: left;
			clear: both;
			width: 970px;
			background: #ffffff url(/images/interior_content_background.jpg) repeat-y;
		}			
			
			.contentContainerInteriorWide {
				background: #ffffff url(/images/interior_content_wide_background.jpg) repeat-y !important;
			}
			
			/* Specifying height so right content does not wrap beneath */
			#contentLeftInterior {
				float: left;
				width: 174px;
				min-height: 400px;
				height: auto !important;
				height: 400px;	
				padding: 20px 10px 20px 10px;
			}

			#contentHeader {
				float: left;
				width: 735px;
				padding: 20px 15px 20px 20px;
				overflow: hidden;
			}
			
			#contentHeaderWide {
				float: left;
				width: 929px;
				padding: 20px 0px 20px 20px;
				overflow: hidden;				
			}
			
				#contentHeader #title, #contentHeaderWide #title {
					float: left;
					width: 500px;
					font-size: 18px;
					color: #5d9731;
				}
				
				#contentHeader #actions, #contentHeaderWide #actions {
					float: right;
					text-align: right;
					width: 150px;
					padding: 6px 0px 0px 0px;
				}				
			
			#contentRightInterior {
				float: left;
				width: 542px;
				padding: 0px 20px 20px 20px;
			}

			#contentRightInteriorWide {
				float: left;
				width: 930px;
				padding: 0px 20px 20px 20px;
			}
			
			#contentRightInteriorNoPic {
				float: left;
				width: 734px;
				padding: 0px 20px 20px 20px;
			}
						
			#contentPicInterior {
				float: left;
				width: 172px;
				padding: 0px 0px 20px 0px;
				overflow: hidden;				
			}			
			
			#contentPicInterior img { 
				border: solid 1px #aac590; 				
			}
				
		#footer {
			float: left;
			clear: both;
			width: 950px;
			height: 13px;
			margin: 10px 0px 0px 0px;
			color: #c39edf;
			background-color: #5a3a73;
			padding: 12px 0px 13px 20px;
		}

			a.Portal img {
				margin-bottom: -2px;
			}
			
		#designedBy
		{		
			float: left;
			clear: both;
			width: 970px;
			text-align: right;
			padding: 10px 0px 20px 0px;
		}