/*

	Main website structural styles

	Author:		Peter Santos <psantos@esolutionsgroup.ca>
	Date:		November 24, 2008
		
*/
#Uber {
    width: 962px;
    /*background-color: #ffffff;*/
    float: left;
    position: absolute;
    left: 50%;
    margin-left: -481px;
    background: #ffffff url('../images/Uber_BG.gif') repeat-y 0px 0px;
}
#Header {
    width: 962px;
    height: 32px;
    float: left;
    text-align: right;
    background-color: #ebebeb;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#headerPrimary {
    width: 577px;
    height: 32px;
    float: left;
    text-align: right;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 9px 0px 0px;
    /*background-color: Blue;*/
}

#textSize {
    width: 44px;
    height: 24px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 0px 0px;
}
#headerSecondary {
    width: 376px;
    height: 32px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#mainContent_Wide {
    width: 962px;
    float: left;
    background-color: #ffffff;
}
#mainContent_Wide_interior {
    width: 962px;
    float: left;
}
#leftColumn {
    width: 180px;
    
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#leftColumnLogo {
    width: 180px;
    height: 94px;
    float: left;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 21px 0px 17px 0px;
}
#LeftNav {
    width: 180px;
    
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.navLevelOne {
	border-top: 1px solid #D9D9D9;
    width: 180px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
}
.navLevelTwo {
    width: 180px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
	background-repeat: repeat-y;
}
.navLevelThree {
    width: 180px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
	background-repeat: repeat-y;
}
.navLevelFour {
    width: 180px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
	background-repeat: repeat-y;
}
div.navBlue2 {
	background-image: url(../images/mainnav/BlueLevel2.gif);
}
div.navBlue3 {
	background-image: url(../images/mainnav/BlueLevel3.gif);
}
div.navBlue4 {
	background-image: url(../images/mainnav/BlueLevel4.gif);
}
div.navAqua2 {
	background-image: url(../images/mainnav/AquaLevel2.gif);
}
div.navAqua3 {
	background-image: url(../images/mainnav/AquaLevel3.gif);
}
div.navAqua4 {
	background-image: url(../images/mainnav/AquaLevel4.gif);
}
div.navOrange2 {
	background-image: url(../images/mainnav/OrangeLevel2.gif);
}
div.navOrange3 {
	background-image: url(../images/mainnav/OrangeLevel3.gif);
}
div.navOrange4 {
	background-image: url(../images/mainnav/OrangeLevel4.gif);
}
div.navPurple2 {
	background-image: url(../images/mainnav/PurpleLevel2.gif);
}
div.navPurple3 {
	background-image: url(../images/mainnav/PurpleLevel3.gif);
}
div.navPurple4 {
	background-image: url(../images/mainnav/PurpleLevel4.gif);
}
div.navGreen2 {
	background-image: url(../images/mainnav/GreenLevel2.gif);
}
div.navGreen3 {
	background-image: url(../images/mainnav/GreenLevel3.gif);
}
div.navGreen4 {
	background-image: url(../images/mainnav/GreenLevel4.gif);
}
div.navYellow2 {
	background-image: url(../images/mainnav/YellowLevel2.gif);
}
div.navYellow3 {
	background-image: url(../images/mainnav/YellowLevel3.gif);
}
div.navYellow4 {
	background-image: url(../images/mainnav/YellowLevel4.gif);
}

#leftColumnSearch {
    width: 158px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 24px 0px 0px 15px;
    float: left;
    /*background-color: Black;*/
}
#searchBox, #searchBoxSecondary {
    height: 24px;
    padding: 0px 0px 0px 0px;
}
#searchBox {
    width: 149px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
}
.searchBoxPrimary {
    width: 125px;
    height: 20px;
    color: #666666;
    float: left;
    padding: 2px 0px 0px 4px;
    margin: 0px 0px 0px 0px;
    border: solid 1px #d9d9d9;
    
}
#leftColumnSearch_interior {
    width: 158px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 24px 0px 25px 15px;
    float: left;
    /*background-color: Black;*/
}
#middleColumn {
    width: 510px;
    
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#middleColumnPrimary {
    width: 510px;
    height: 315px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#middleColumnSecondary {
    width: 510px;
    height: 166px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*background-color: Aqua;*/
}
.middleColumnSecondaryOne {
    width: 147px;
    height: 142px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 22px 23px 0px 0px;
    vertical-align: text-top;
}
#midCol1 .picalignright {
	left: 308px;
	padding: 0;
	position: absolute;
	top: 460px;
}
#midCol2 .picalignright {
	left: 478px;
	padding: 0;
	position: absolute;
	top: 460px;
}
#midCol3 .picalignright {
	left: 648px;
	padding: 0;
	position: absolute;
	top: 460px;
}
#rightColumn {
    width: 272px;
    
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*background-color: Red;*/
}
#rightColumnPrimary {
    width: 210px;
    height: 256px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 59px 31px 0px 31px;
    background-color: #335583;
	overflow: hidden;
}
#rightColumnSecondary {
    width: 210px;
    height: 145px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 24px 31px 0px 31px;
    background-color: #d9d9d9;
}
#rightColumn_interior {
    width: 782px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#rightColumn_interior_wide {
    width: 748px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 34px;
}
#rightColumnInterior_Primary {
    width: 782px;
    height: 133px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#rightColumnInterior_SubNav {
    width: 781px;
    height: 65px;
    float: left;
    line-height: 65px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#Breadcrumbs {
    width: 374px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 22px 0px 0px 34px;
    line-height: 18px;
}
#Actions {
    width: 350px;
    height: 65px;
    float: right;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 23px 0px 0px;
}
#rightColumnInterior_Secondary {
    width: 781px;
    
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*border-left: solid 1px #c7c7c7;*/
}
#interiorContentLeft {
    width: 713px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 34px;
}
#interiorContentLeft li {
	margin-left: 20px;
}
#interiorContentRight {
    width: 206px;
    float: left;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 33px 0px 0px;
}
#interiorContent_Sitemap, #interiorContent_Wider {
    width: 747px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 34px;
}
#Footer {
    width: 962px;
    height: 60px;
    float: left;
    background-color: #ebebeb;
    border-top: solid 6px #00669d;
}
#footerPrimary {
    width: 690px;
    height: 47px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 13px 0px 0px 0px;
}
#footerPrimary p {
	float: left;
    margin: 0px 0px 0px 0px;
}
#footerSecondary {
    width: 272px;
    height: 42px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}


/*

	Site Map Styles

*/

.siteMapSection
{
	width: 370px;
	float: left;
	margin: 0px 0px 0px 0px;
    padding: 0x 0px 0px 0px;
}
.siteMapSection a {
	color: #335583;
	text-decoration: none;
}
.siteMapSection a:hover {
	color: #BE050A;
}
.siteMapSection strong {
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    background: url('../images/sitemapTitle_Underline.gif') no-repeat 0px bottom;
    margin: 0px 0px 0px 0px;
    padding: 0x 0px 0px 0px;
}
	.siteMapSection ul
	{
		list-style-type: none;
		margin-left: 10px;	
		margin: 5px 0px 5px 0px;
	}
	
	.siteMapSection ul li
	{
		padding-bottom: 0px;
	}
	.siteMapSection ul li ul li
	{
		margin-left: 10px !important;
	}
	#printArea {
	}

/*

	Site Search Styles

*/
#siteSearch #interiorContentLeft {
    width: 747px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 34px;
}
	.searchInput {
		color: #333333;
		font-size: 1.1em;
		float: left;
		height: 42px;
		line-height: 20px;
		margin-bottom: 0px;
		// margin-bottom: 18px;
		margin-top: 15px;
		width: 341px;
	}
		.searchInput input.searchBoxPrimary {
			width: 268px;
		}
	.searchSummary {
		color: #333333;
		font-size: 1.1em;
		float: right;
		height: 42px;
		line-height: 20px;
		margin-bottom: 0px;
		// margin-bottom: 20px;
		margin-top: 15px;
		width: 400px;
	}
	.searchNavigator {
		color: #333333;
		font-size: 1.3em;
		line-height: 20px;
		margin-bottom: 15px;
		margin-top: 15px;
		text-align: center;
	}
		.searchNavigator .cur {
			color: red;
			font-weight: bold;
		}
	.searchResult .bodycopy {
		margin-bottom: 11px;
	}
	.searchResult a {
		color: #335583;
		text-decoration: none;
	}
	.searchResult a:hover {
		color: #BE050A;
	}