/*

	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%; /* 50%  ID 10228 */
    margin-left: -481px; */
    background: #ffffff url('../images/Uber_BG.gif') repeat-y 0px 0px;
    /* margin: auto auto; /* ID 10228 */
}
#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;
}
#leftColumn {
    width: 180px;
    
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#leftColumnLogo {
    width: 180px;
    height: 77px;
    float: left;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 6px 0px;
}
#leftColumnLogo_interior {
    width: 180px;
    height: 121px;
    float: left;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 12px 0px 0px 0px;
}
#LeftNav {
    width: 180px;
    
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.navLevelOne {
	border-top: 1px solid #D9D9D9;
    width: 180px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
.navLevelTwo {
    width: 180px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
}
.navLevelThree {
    width: 180px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
}
.navLevelFour {
    width: 180px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: left;
}
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.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);
}
#leftColumnSearch {
    width: 158px;
    
    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;
    
}
.gobutton
{
     float: left;
     width:18px;   
}
.searchText {
    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;
}
#middleColumn {
    width: 510px;
    height: 481px;
    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: 24px 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: 150px; */
    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, #interiorContent_Wider li {
	margin-left: 20px;
}
#interiorContentRight {
    width: 206px;
    float: left;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 33px 0px 0px;
}
#interiorContent_Sitemap {
    width: 747px;
}
#interiorContent_Wider {
    width: 713px;
}
#interiorContent_Sitemap, #interiorContent_Wider {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 34px;
}
#Footer {
    width: 962px;
    height: 31px;
    float: left;
    background-color: #ebebeb;
    border-top: solid 6px #00669d;
}
#footerPrimary {
    width: 690px;
    height: 18px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 13px 0px 0px 0px;
}
#footerPrimary p {
	float: left;
	margin: 0;
}
#footerSecondary {
    width: 272px;
    height: 31px;
    float: left;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}
#footerSecondary a {
    padding: 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 {
	}

a {
	color:#335583;
	font-weight:bold;
	text-decoration:underline;
}
a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	color:#335583;
	text-decoration:underline;
}

/*

	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;
	}
    .horizNavSeparator
    {
      padding:0 3px !important;  
    
    }
    
      /* added to give padding on the right side of RSS */
    #rss
    {
        padding: 0 0 0 34px;   
	    width: 700px;
    }

    /* added to give padding on the right side of search result area on serach/index.asp */
    #searchResultArea
    {
        padding: 0 0 0 34px;   
	    width: 700px;
    }
    /* newly added */

    #Breadcrumbs a
    {
      color:#2D2D2D;
      text-decoration: none;  
    }    
    #Breadcrumbs a:hover  
    {
         text-decoration: underline;
        color:#2D2D2D;
    }