/*

	Main website structural styles

	Author:		Jay Dobson <jdobson@esolutionsgroup.ca>
	Date:		October 14, 2008
		
*/

#uber 
{	
	width: 861px;
	margin: auto auto;
}

	#header
	{
		float: left;
		position: relative;
		width: 100%;
		height: 100px;
	}
	
		#logo
		{
			position: absolute;
			z-index: 100;
			width: 318px;
			height: 100px;
			top: 0px;
			left: -31px;
		}
		
		#search
		{
			width: 543px;
			height: 26px;
			float: right;
			text-align: right;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
			#search #textSize, #search #googleTranslate, #search #searchForm
			{
				float: right;
				height: 26px;
			}
		
			#search #textSize
			{				
				border-right: solid 1px #b0aeae;
				padding: 9px 10px 0px 0px;
				margin: 0px 10px 0px 0px;
			}
			
				#search #textSize span
				{
					display: block;
					float: left;
				}
				
				#search #textSize img
				{
					display: block;
					float: left;
					padding-left: 5px;
					cursor: pointer;
				}
			
			#search #googleTranslate
			{
				position: relative;
				z-index: 100;
				border-right: solid 1px #b0aeae;
				padding: 10px 10px 0px 0px;
				margin: 0px 10px 0px 0px;
			}
			
			#search #searchForm
			{
				padding: 5px 0px 0px 0px;
			}
					
		#topNav
		{
			position: absolute;
			z-index: 0;
			right: 0px;
			top: 66px;
			float: right;
			width: 543px;
			text-align: right;
		}
		
	#mainNav
	{
		float: left;
		width: 100%;
		height: 28px;
		margin: 0px 0px 0px 0px;		
	}
	
	#subNav
	{
		float: left;
		width: 100%;
		height: 43px;
		line-height: 43px;
		vertical-align: middle;
		background: #ffffff url(/images/secondary_menu_background.jpg) repeat-x;		
	}
		
	#contentBody
	{
		float: left;
		width: 100%;
		padding: 0px 0px 10px 0px;
		margin: 10px 0px 1px 0px;
		border-bottom: solid 1px #5e2d8a;		
	}
		
		#contentBody #contentWide
		{
			float: left;
			width: 861px;
			margin: 0px 0px 0px 0px;
		}
				
		#contentBody #leftColumn
		{
			float: left;
			width: 450px;
			margin: 0px 15px 0px 0px;
		}		
		
			#contentBody #leftColumn #banner
			{
				float: left;
				width: 446px;
				border: solid 1px #d8d8d8;
				padding: 1px;
				overflow: hidden;
				margin: 0px 0px 15px 0px;
			}
			
			#contentBody #leftColumn #banner img
			{
				float: left;
			}
			
			#contentBody #leftColumn #content
			{
				float: left;
				width: 450px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
			
			#contentBody #leftColumn #sponsors
			{
				float: left;
				width: 450px;
				margin: 10px 0px 0px 0px;
				padding: 10px 0px 0px 0px;
			}		
		
		#contentBody #rightColumn
		{
			float: left;
			width: 396px;
		}
		
			#contentBody #rightColumn #banner
			{
				float: left;
				width: 396px;
				overflow: hidden;
				margin: 0px 0px 15px 0px;
			}
			
			#contentBody #rightColumn #banner img
			{
				float: left;
			}	
		
			#rightColumn #feedSection
			{
				width: 100%;
				float: left;
			}
			
			#rightColumn #feedSection p
			{
				margin-top: 0px;
				padding-top: 0px;
			}
			
			#rightColumn div.feedSectionRow
			{
				float: left;
				width: 100%;				
				padding: 0px 0px 10px 0px;
				margin: 0px 0px 10px 0px;				
			}	
			
				#rightColumn div.feedSectionLinks
				{
					border-bottom: solid 1px #dcdcdc;
				}		
			
				#rightColumn div.feedSectionLeft
				{
					float: left;
					width: 191px;
					margin: 0px 15px 0px 0px;
					padding: 0px 0px 0px 0px;	
				}
				
				#rightColumn div.feedSectionRight
				{
					float: left;
					width: 190px;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}
		
	#footer
	{
		float: left;
		width: 100%;
		clear: both;
		border-top: solid 2px #9366bb;
		padding: 10px 0px 10px 0px;
		margin: 0px 0px 10px 0px;
	}
	
		#footerText, #footerNav, #footerLogo
		{
			height: 16px;
			line-height: 16px;
			vertical-align: middle;
		}
		
		#footerText
		{
			float: left;
			width: 320px;
			height: auto;
			text-align: left;
		}
		
		#footerNav
		{
			float: left;
			width: 336px;
			text-align: center;
			margin: 0px 10px 0px 10px;
		}
		
		#footerLogo
		{
			width: 185px;
			float: right;
			text-align: right;
		}