@charset "UTF-8";
/* CSS Document */
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-image:url(../assets/banner-strip.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	margin: 0;
	padding: 0;
}
br.clearfloat {
	clear: both;
	size: 1px;	
}
.white {
	color: #fff;
}
/* content layout ============================================================== */
#wrap {
	width: 800px;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	height: auto;
}
#header {
	height: 112px;
	background-image: url(../assets/CF-Alberta-logo.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
}
#header-prov {
	position: relative;
	top: 22px;
	text-align: right;
	width: 800px;
	color: #000;
	letter-spacing: 1px;
}
#header-menu {
	position: relative;
	top: 52px;
	text-align: right;
	width: 800px;
}
#header-menu a {
	color: #000;
	letter-spacing: 1px;
	text-decoration: none;
	border-right: 1px dotted #8b6c42;
	padding: 8px 6px 8px 6px;
}
* html #header-menu a {
	line-height: 3;
}
#header-menu a.last {
	color: #206a75;
	padding: 8px 0 8px 6px;
	border-right: none;
	font-weight: bold;
}
#header-menu a:hover {
	color: #752828;
}

/* banner ========================================================== */
#banner {
	height: 226px;
	background-image: url(../assets/TheRoadAhead.gif);
	background-position: 250px 24px;
	background-repeat: no-repeat;
}
#banner img {
	border: none;
}
#banner a {
	color: #cce226;
	text-decoration:none;
}
#banner a:hover {
	text-decoration:  underline;
}
#mp3player {
	position: absolute;
	top: 290px;
	left: 180px;
	width: 50px;
	height: 50px;
}
#bannertext {
	position: absolute;
	left: 294px;
	top: 238px;
	margin-right: 50px;
}
* html #bannertext {
	padding-right: 40px;
}
#bannertext p {
	color: #fff;
	font-size: 1.1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
* html #bannertext p {
	font-size: 1.2em;
	padding-top: 12px;
	line-height: 1.4;
}
*+html #bannertext p {
	font-size: 1.2em;
	padding-top: 12px;
	line-height: 1.4;
}
/* subbanner ============================================================== */
#subbanner {
	height: 28px;
	text-align: center;
}
* html #subbanner {
	height: 37px;
}
*+html #subbanner {
	height: 41px;
}
#subbanner p {
	color: #367a85;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	letter-spacing: 1px;
	line-height: .95;
}
* html #subbanner p {
	padding-top: 10px;
}
*+html #subbanner p {
	padding-top: 14px;
}
#subbanner a {
	color: #cce226;
	text-decoration: none;
}
#subbanner a:hover {
	color: #fff;
}

/* content =================================================================== */
#contentwrap, #contentwrap2 {
	height: 520px;
	background-image: url(../assets/hp_content_bkg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#contentwrap2 {
	background-image: url(../assets/hp_content_bkg2.jpg);
}
#leftcol, #midcol, #rightcol {
	letter-spacing: .03em;
}
#leftcol {
	float: left;
	width: 306px;
	padding: 25px 20px 0 20px;
	height: auto;
}
*+html #leftcol {
	padding: 25px 20px 0 20px;	
}
#rightcol {
	float: right;
	width: 176px;
	padding: 25px 20px 0 20px;
	height: auto;
}
#midcol {
	float: left;
	width: 193px;
	padding: 25px 25px 0 20px;
	height: auto;
}
#midcol, x:-moz-any-link, x:default {
	padding: 25px 0 0 20px;
	letter-spacing: .01em;
}
	
#leftcol h2, #midcol h2, #rightcol h2, #submidcol h2, #subrightcol h2 {
	color: #206a75;
	font-size: 1.2em;
	letter-spacing: 1px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
}

#leftcol, #leftcol p {
	line-height: 15px;
}
* html #leftcol, * html #leftcol p {
	line-height: 16px;	
}

#midcol li {
	line-height: 24px;	
}
#midcol li, #ie8#fix {
	line-height: 21px;	
}
* html #midcol li {
	line-height: 24px;	
}
*+html #midcol li {
	line-height: 24px;	
}
body:first-of-type #midcol li  {
	line-height: 24px;	
}

#leftcol h2 {
	margin-bottom: 1.35em;
}
#leftcol strong {
	letter-spacing: .13em;
}
#leftcol a {
	color: #000;
	text-decoration: none;
}
*+html #leftcol p {
	margin-bottom: -6px;
}
* html #leftcol p {
	margin-bottom: -8px;
}
#leftcol a:hover {
	color: #206a75;
}
body:first-of-type #leftcol h2 {
	margin-bottom: 1.3em;
}
#leftcol div.icon {
	float: left;
	margin: 0 12px 0 0;
	border: none;
	width: 40px;
	text-align: center;
}
#leftcol div.icon img {
	border: none;
	margin: 0;
}
#midcol ul, #rightcol ul, #submidcol ul {
	margin-left: -26px;
	font-weight: bold;
}
*+html #midcol ul, *+html #rightcol ul, *+html #submidcol ul {
	margin-left: 16px;
	margin-top: -12px;
}
* html #midcol ul, * html #rightcol ul, * html #submidcol ul {
	margin-left: 16px;
	margin-top: -14px;
}

#rightcol ul li a {
	color: #000;
	text-decoration: none;
}
#rightcol ul li {
	line-height: 2.55;	
}
* html #rightcol ul li {
	line-height: 2.37;	
}
#rightcol ul li a:hover {
	color: #206a75;
}	
#submidcol {
	padding: 20px 20px 0 20px;
	margin: 32px -20px -20px -20px;
	position: absolute;
	top: 712px;
	left: 366px;
	width: 198px;
}
*+html #submidcol {
	top: 706px;	
	
}
* html #submidcol {
	top: 706px;	
}
#submidcol h2 {
	color: #cce226;
	margin-bottom: 0;
}
#submidcol a {
	color: #fff;
	text-decoration: none;
}
#submidcol a:hover {
	color: #000;
}
#submidcol ul {
	margin-top: 4px;
}
*+html #submidcol ul {
	margin-top: 6px;
}
* html #submidcol ul {
	margin-top: 6px;
}
#midcol #submidcol li {
	color: #fff;
	line-height: 2.7;
}


#subrightcol, #subrightcol2 {
	padding: 25px 20px 0 20px;
	margin: 0 -20px 0 -20px;
	position: absolute;
	top: 620px;
	left: 604px;
	width: 176px; 
}
* html #subrightcol, * html #subrightcol2 {
	top: 610px;	
	padding: 32px 20px 0 20px;
}

/**+html #subrightcol {
	margin: 0 -20px -4px -20px;
	padding: 13px 20px 0 20px;
}


body:first-of-type #subrightcol {
	padding: 14px 20px 0 20px;	
}
*/
#subrightcol h2, #subrightcol2 h2 {
	color: #206a75;
	margin-bottom: 8px;
}
#subrightcol2 h2 {
	color: #cce226;	
}
#subrightcol p, #subrightcol a, #subrightcol2 p, #subrightcol2 a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0;
	line-height: 2;
}
*+html #subrightcol p, *+html #subrightcol2 p {
	
}	
#subrightcol a:hover, #subrightcol2 a:hover {
	color: #000;
}
#subrightcol2 td {
	color: #fff;
	font-weight: bold;
}
#footer {
	height: 42px;
}
*+html #footer {
	height: 50px;
}
* html #footer {
	height: 50px;
}
#footer p {
	font-size: .9em;
	color: #aaa;
	text-align: right;
	margin-left: 450px;
}
*+html #footer p {
	margin-top: 8px;
}
* html #footer p {
	margin-top: 8px;
}
#footer img.wedc {
	position: relative;
	float: left;
	margin-top: 0;
}
*+html #footer img.wedc {
	margin-top: 8px;
}
* html #footer img.wedc {
	margin-top: 8px;
}
#media {
	text-align: left;
	float: left;
	width: 40%;
	font-size: 1.2em;
	letter-spacing: 1px;
}
* html #media {
	margin-top: 8px;	
}
*+html #media {
	margin-top: 8px;	
}
#media a {
	color: #206a75;
	text-decoration: none;
}
#media a:hover {
	text-decoration: underline;	
}