/* splash */

/* if you don't use a separate stylesheet, use a .splash prefix */
/* create splash prefix rules for ie.css */
/* All caculations based on 1.0em = 15px */

body {
	padding: 2em 0;
	/*font-size: 75.01%;*/ /* the font-size 100% declaration in midpass causes the the horizontal scroll */
	}

#main { /* Main container showing all columns */
	background-color: #fff;
	min-width: 38em;
	max-width: 42em;
	}
	#header { /* The header */
		padding: 0 0 0.8em 0; /* knocks out the filter */  /* 0.8 because of div.clear */
		border: none;
		border-bottom: 1px solid #99B4C8;
		}
		#header #sitemessage {
			margin: 0 0 0.8em 0; /* 0.8 because agclogo has padding within the actual image */
			border-bottom: 1px solid #99B4C8;
			padding: 0.5em 0 0.5em 1.0em;
			font-weight: bold;
			color: #010162;
			background-color: #F4F7FB;
			}
		/* panel is floating right at 24em */
		#header div.logoagc {
			width: 13.5em; /* 180px + 1.0em img padding-left + 0.5em cushion */
			}
			#header div.logoagc img {
				padding-left: 1.0em;
				}
		
		#header #panel ul {
			margin-right: 1.0em; /* knock-out from midpass */
			}
			#header #panel ul li {
				margin-right: 0; /* knock-out from midpass */
				}
		.clear { /* Clearing dummy and for measuring 1em */
			}		
	#columns { /* Contains all columns */
		padding: 0 0 0 10.8em !important; /* 163px -- ie breaks without this */
		}
		.cols-wrapper { /* Helper wrapper for columns */
			border: none;
			}
			.float-wrapper { /* Wrapper for source ordered columns -- width = 100% */
				} 
				#col-a { /* Main column  -- width = 100% */
					}
					.main-content { /* Main contents */
						margin: 0 0 0 1.0em; /* presentation.css line 40*/
						/*margin-left: 2.3em;*/ /* vertically-aligned with agclogo */
						padding-top: 1.0em;
						padding-bottom: 0;
						}
						.main-content p.gethelp {
							margin: 0;
							margin-left: 42%; /* #navrow #provinceform floats 40% left */
							}
			
				#col-b { /* Left side column */
					margin-left: -10.8em;
					width: 10.8em;
					}
					.box { /* Box in a side column */
						}
					#col-b-nav {
						margin: 0 1px 1px 1px;
						background-color: #F4F7FB;
						border-bottom: 1px solid #99B4C8;
						border-right: 1px solid #99B4C8;
						padding-bottom: 0.5em;
						}
						#col-b-nav h2 {
							margin: 0 1.0em 0 0; /* knock out lowpass.css */
							padding-right: 0; /* knock out midpass.css */
							padding-bottom: 0;
							padding-top: 1.0em;
              text-align: right;
							}
						#col-b-nav #nav {
							padding-top: 1.0em;
							}
						.sidecol div.box ul li a {
							padding: 0.2em 1.0em 0.2em 1.0em; /* knock-out midpass, convert to em */
              text-align: right;
							}
				#col-c { /* Right side column */
					}
					.box { /* Box in a side column */
						}
				#em { /* Clearing dummy and for measuring 1em */
					}
									
	#footer { /* Clearing footer */
		padding: 0; /* knock out midpass */
		padding-top: 1.0em; /* knock out midpass */
		padding-right: 1.0em; /* knock out midpass */
		text-align: left; /* knock out midpass */
		}
		#footer #logocibc { 
			float: left;
         /* cibc logo is 124px x 117px */
			width: 12.5em; /*188px*/
      height: 7.8em; /*117px*/
			margin: 0; /* knock-out midpass */
			}
			#footer #logocibc img {
				margin-left: 4.0em; /*67px*/
				}
		#footer #logo-row {
			float: right;
			width: 18.7em; /* 280px = (3 x 80px) + 40px for #logocaf margin */
			width: 26.0em; /* not exact, but logos were stacked with too little horizontal space */
			}	
			 #footer #logo-row ul.logos li.logo {
			 	margin: 0;
				padding: 0;
				}
				#footer #logo-row ul.logos #logocaf {
					margin: 0 1.0em;
					}
				#footer #logo-row ul.logos #logoheritage {
					margin: 1.0em 1.0em 0;
					float: right;
					width: 223px;
					}
		#footer .copyright {
			clear: both;
			text-align: right;
			margin: 0;
         padding-bottom: 1.0em;
			/*
         position: relative;
			bottom: 1.0em;
			right: 0;
         */
			}
		
h2 {
	font-size: 1.0em;
	margin: 0;
	padding-bottom: 1.0em;
	}