/* ------------------------------
/  STRUCTURE
/  ----------------------------*/
div#mainContain {
	margin:0 auto 0 auto;
	width:900px;
	padding:0 15px 0 15px;
	text-align:left;
	overflow: hidden;
}

	div#mainContain div#quickNav {
		height:15px;
		text-align:right;
	}

		div#mainContain div#quickNav * {
			color:#000;
			font-size:11px;
			font-weight:normal;
		 }



	/* HEADER CONTENT */
	div#mainContain div#headerMain,
	div#mainContain div#headerMain div#headerMainLeft,
	div#mainContain div#headerMain div#headerMainRight {
	 	height:149px;
	}

		div#mainContain div#headerMain div#headerMainLeft {
		 	float:left;
			width:670px;
			overflow: hidden;
		}

			div#mainContain div#headerMain div#headerMainLeft img#logo{
				width:271px;
				height:75px;
				margin-bottom:40px;
			}


			div#mainContain div#headerMain div#headerMainLeft ul#mainNav {
				margin:0;
				padding:0;
				line-height:31px;
				height:31px;
				background: url( "../images/bg_mainNav.gif" ) repeat-x;
				list-style-type:none;
			}

			div#mainContain div#headerMain div#headerMainLeft ul#mainNav li {
				padding:0;
				margin:0;
				float:left;
				height:31px;
				display:block;
			}

			div#mainContain div#headerMain div#headerMainLeft ul#mainNav a {
				display: block;
				background-image:url( "../images/bg_mainNav_active.gif" );
				background-repeat: repeat-x;
				background-position:0 -31px;
				color:#FFF;
				font-weight:bold;
				text-decoration:none;
				padding:0 15px 0 15px;
				border-right:2px solid #FFF;
			}

			div#mainContain div#headerMain div#headerMainLeft ul#mainNav a:hover {
				background-position:0 0;
			}

			div#mainContain div#headerMain div#headerMainLeft ul#mainNav i,
			div#mainContain div#headerMain div#headerMainLeft ul#mainNav span {
				color: #ffffff;
			}

			/* more customizations to div#mainNav and div#mainNav links in inside_english.css or inside_french.css */


		div#mainContain div#headerMain div#headerMainRight {
		 	float:right;
			width:230px;
			background:url(../images/bg_headerMainRight.jpg);
			background-position: 0px 3px;
			background-repeat: no-repeat;
		}



	div#mainContain div#breadcrumbs {
		clear:both;
	 	height:25px;
		padding:10px 0 0 0;
	}

	 	div#mainContain div#breadcrumbs,
		div#mainContain div#breadcrumbs * {
			color:#595959;
		 	font-size:11px;
		}




	/* INSIDE CONTENT */
	div#mainContain div#contentLeft {
		float:left;
		width:640px;
		padding:10px;
		margin:0 10px 30px 0;
		background:url(../images/bg_contentLeft.jpg) no-repeat;
	}


	div#mainContain div#contentRight {
		float:left;
		width:220px;
		margin-bottom:30px;
	}


		div#mainContain div#contentRight div.feature img {
			width:230px;
			margin-bottom:2px;
		}




/* FOOTER */
div#footer {
	clear:both;
	margin:0 auto 0 auto;
	width:930px;
	height:79px;
	background:#a6a6a6;
}

	div#footer, div#footer * {
		color:#FFF;
		font-size:11px;
		text-decoration:none;
	}


	div#footer div#footerLeft {
		float:left;
		width:646px;
		height:69px;
		padding:10px 39px 0 0
	}


		div#footer div#footerLeft img,
		div#footer div#footerLeft div {
			float:right;
		}

		div#footer div#footerLeft div#footerLeftText {
			height:25px;
			padding-top:20px;
			text-align:center;
		}

		div#footer div#footerLeft img {
			height:45px;
		}

		div#footer div#footerLeft img.logo_fcac
		{
			width: 325px;
		}

		div#footer div#footerLeft img.logo_cba
		{
			width: 97px;
		}

	div#footer div#footerRight {
		float:left;
		width:230px;
		height:53px;
		padding:26px 15px 0 0;
		text-align:right;
	}

	div#footer div#footerRight a:hover {
		text-decoration:underline;
	}


/* FEATURES */

		div#mainContain div.feature
		{
			margin-bottom: 6px;
			background-repeat: no-repeat;
		}

		div#mainContain div.feature,
		div#mainContain div.feature a
		{
			display: block;
			width: 230px;
		}

		/* teacher / seminar feature */
		div#mainContain div.teacher_seminar {
			background-repeat:no-repeat;
			height:126px;
		}

			div#mainContain  div.teacher_seminar a {
				display:block;
				padding:100px 0 0 0;
				height:26px;
				text-decoration:none;
				text-align:center;
			}

		/* Facebook feature */

		div#mainContain div.facebook,
		div#mainContain div.facebook a
		{
			height: 61px;
			text-indent: -9999px;
		}

		/* Budgeting tool feature */

		div#mainContain div.budgeting_tool,
		div#mainContain div.budgeting_tool a
		{
			height: 110px;
			text-indent: -9999px;
		}


		/* Decoding your paycheque feature */

		div#mainContain div.decoding,
		div#mainContain div.decoding a
		{
			/*height: 185px;
			text-indent: -9999px;*/
			height: 160px;
			text-decoration: none;
		}

		div#mainContain div.decoding #decodepaychequetitle
		{
			width: 200px;
			padding: 14px;
			text-decoration: none;
		}

		div#mainContain div.decoding #decodepaycheque
		{
			width: 100px;
			padding: 20px 0 0 115px;
			text-decoration: none;
			font-weight: bold;
		}

		/* Compound interest feature */

		div#mainContain div.compound_interest,
		div#mainContain div.compound_interest a
		{
			height: 109px;
			text-indent: -9999px;
		}

		/* Debt calc feature */

		div#mainContain div.cc_tool,
		div#mainContain div.cc_tool a
		{
			height: 93px;
			text-indent: -9999px;
		}


		/* Alberta award feature */

		div#mainContain div.alberta_award,
		div#mainContain div.alberta_award a
		{
			height: 100px;
			text-indent: -9999px;
		}

		/* YourMoney for feature (orange) */

		div#mainContain div.yourmoney_for {
			width:230px;
		}

		div#mainContain div.yourmoney_for * {
			color:#FFF;
		}

		div#mainContain div.yourmoney_for h2 {
			display:block;
			height:15px;
			width:220px;
			color:#FFF;
			background:url( "../images/bg_features_orange_top.gif" );
			padding:10px 0px 0px 10px;
			_padding-top: 9px;
			margin:0;
		}

		div#mainContain div.yourmoney_for h2 i {
			font-size: 14px;
		}

		div#mainContain div.yourmoney_for ul {
			padding:4px 0 10px 30px;
			margin:0;
			list-style-type:disc;
			background:url( "../images/bg_features_orange.gif" ) repeat-x;
		}

		div#mainContain div.yourmoney_for ul a {
			display: block;
			width: 200px;
			text-decoration:none;
		}

		div#mainContain div.yourmoney_for ul li {
			padding:4px 0 0 0;
			margin:0;
		}

		/* Find Out More On feature (grey) */

		div#mainContain div.more_on {
			width:210px;
			padding:10px;
			background:url( "../images/bg_features_grey.gif" ) repeat-x;
		}

		div#mainContain div.more_on * {
			color:#FFF;
		}

		div#mainContain div.more_on h2 {
			padding:0;
			margin:0;
		}

		div#mainContain div.more_on ul {
			padding:4px 0 0 0px;
			margin:0;
			list-style-type: none;
		}

		div#mainContain div.more_on ul a {
			display: block;
			width: 180px;
			text-decoration:none;
		}


		div#mainContain div.more_on ul li {
			padding:0 0 0 20px;
			margin:4px 0 0 0;
			background-image: url( "../images/arrow.gif" );
			background-repeat: no-repeat;
			background-position: 0px 2px;
		}