html {
	background: #2e2c72 url('/images/en/body_bg.gif') top center repeat-x; 
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
}

body {
}

a {outline: none;}
#super_nav {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	background: url('/images/en/super_nav.gif') no-repeat;
}

#super_nav li {float: left;}
#super_nav a {
	display: block;
	float: left;
	height: 20px;
	text-indent: -9999px;
}
#super_nav #feedback {width: 65px;}
#super_nav.french #feedback {width: 90px;}
#super_nav #about_us {width: 61px;}
#super_nav.french #about_us {width: 110px;}

/******************** Header ********************/
#branding a {
	display:block;
	height:60px;
	left:290px;
	position:absolute;
	top:10px;
	width:220px;
}
#header {
	display: block;
	margin: 0 auto;
	height: 114px;
	width: 800px;
	background: url('/images/en/header_bg.gif') no-repeat;
	position: relative;
}
#header h1, #header h2 {text-indent: -9999px;} 

/* Primary Nav */
#primary_nav {
	display: block;
	width: 740px;
	height: 33px;
	margin: 0 0 0 24px;
	background: url('/images/en/primary_nav.gif') no-repeat;
	position: absolute;
	top: 76px;
	left: 0;
}
#primary_nav li {float: left;}


#primary_nav a {
	float: left;
	display: inline-block;
	height: 33px;
	background: url('/images/en/primary_nav.gif') no-repeat;
	text-indent: -9999px;
}

#primary_nav #play_game {width: 70px;}
#primary_nav #play_game:hover {background-position: 0 -33px}
#primary_nav #blind_spots {width: 100px; background-position: -70px 0;}
#primary_nav #blind_spots:hover {background-position: -70px -33px}
#primary_nav #community_events {width: 104px; background-position: -170px 0;}
#primary_nav #community_events:hover {background-position: -170px -33px}
#primary_nav #community_help {width: 103px; background-position: -467px 0; margin-left: 195px;}
#primary_nav #community_help:hover {background-position: -467px -33px}
#primary_nav #your_stories {width: 74px; background-position: -570px 0;}
#primary_nav #your_stories:hover {background-position: -570px -33px}
#primary_nav #download_brochures {width: 94px; background-position: -643px 0;}
#primary_nav #download_brochures:hover {background-position: -643px -33px}
/******************** Content ********************/
#content {
	display: block;
	margin: 0 auto;
	width: 760px;
	height: 416px;
	padding: 0 20px;
	background: url('/images/en/content_bg.gif') no-repeat;
	position: relative;
}
#content.divided {background: url('/images/en/content_bg_divided.gif') no-repeat;}

#content a {color: #ee2a24; text-decoration: none;}
#content a:hover {text-decoration: underline;}

#content p {padding-bottom: 20px;}

h3 {
	font-size: 18px;
	color: #9bb3ff;
	font-weight: bold;
	margin-bottom: 20px;
}

h4 {
	color: #ee2a24;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

h5 {color: #9bb3ff; font-weight: bold;}

#scrolltainer {
	display: block;
	height: 385px;
	overflow: auto;
	position: relative;
}
#scrolltainer.no_line {background: none;}




#sidebar {
	width: 210px;
	float: left;
	display: block;
	min-height: 300px;
	height: auto;
	_height: 300px;
	padding: 60px 35px 0 30px;
	text-align: left;
}

#sidebar p {text-align: left;}
#main {
	width: 450px;
	margin-left: 18px;
	display: block;
	float: left;
	text-align: left;
	padding: 20px 0 0;
}

input.text {
	background: #2a2866;
	border: solid #5f5e8f;
	border-width: 0 1px 1px;
	color: #fff;
	padding: 5px;
	margin: 0 10px;
	vertical-align:middle;
}

#submit {
	width: 110px;
	height: 40px;
	border: none;
	background: url('/images/en/submit01.png') no-repeat;
	outline: none;
	cursor: pointer;
	vertical-align: middle;
}
#submit:hover {background: url('/images/en/submit02.png');}
#submit:active {background: url('/images/en/submit03.png');}

form {margin-bottom: 10px;}
/* About */
img#card {margin: 20px 0 0 20px;}

/* Community Events */
#get_help {width: 140px; text-align: left; position: absolute; left: 45px; top: 82px; z-index: 2;}

.events {margin-left: -130px; overflow: visible;}
.events th.red {
	color: red;
	text-align: right;
	width: 80px;
	padding-right: 50px;
}

.events th {
	font-weight: bold;
	width: 70px;
}
.events th, .events td {vertical-align: top; padding-bottom: 3px;}

.events ul li {margin-bottom: 15px;}

/* Download Brochures */
#brochure_languages {text-align: right; margin-bottom: 10px;}
a#download_reader {
	text-align: left;
/*	color: #fff;*/
	font-weight: bold;
	background: url('/images/en/pdf_icon.gif') left center no-repeat;
	padding-left: 20px;
	display: block;
	float: right;
	margin-top: -10px;
}
/*a#download_reader:hover {color: #ee2a24; text-decoration: None;}*/

img#brochures {margin-left: 60px;}

/* Feedback */
#feedback {width: 420px;}
#feedback th {width: 100px;}
#feedback input {margin-right: 0; margin-left: 0; border: none;}
#feedback .text_long {background: url('/images/en/feedback_text_long_bg.gif') no-repeat; width: 301px; height: 15px;}
#feedback .text_long.invalid {background: url('/images/en/feedback_text_long_bg_red.gif') no-repeat;}

#feedback #age_label {text-align: right; padding-right: 10px; width: 50px;}
#feedback #age_input {background: url('/images/en/feedback_text_bg_short.gif') no-repeat; width: 75px; height: 15px;}
#feedback #age_input.invalid {background: url('/images/en/feedback_text_bg_short_red.gif') no-repeat;}

#pcode_input {background: transparent url('/images/en/postalcode_bg.gif') no-repeat; width: 158px; height: 15px; border: none;}
#pcode_input.invalid {background: url('/images/en/postal_bg_red.gif') no-repeat;}

#comment_input {background: transparent; width: 291px; height: 73px; border: none; padding: 10px; color: #fff; }
#comment_input.invalid {background: url('/images/en/postal_bg_red.gif') no-repeat;}

#scoller {
	display: block;
	height: 94px;
background: transparent url('/images/en/comments_input_bg.gif') no-repeat ; 
}

#inner_scoller
{
	display: block;
	height: 94px;
	overflow: auto;
	position: relative;
}
textarea {outline: none;}
#feedback td, #feedback th {padding-bottom: 5px;}

#gender_select_input {width: 50px;}
#province_select {background: url('/images/en/feedback_text_long_bg.gif') no-repeat; width: 311px; height: 25px; color: #fff; border: none; padding: 5px 2px;}

#new_feedback #submit {margin-right: 35px;}
/* Blind Spots */
#blind_spots {width: 450px;}
#blind_spots li {
	display: inline-block;
	width: 150px;
	height: 90px;
	float: left;
	text-align: center;
	line-height: 11px;
}
#blind_spots img {display: block; height: 60px; width: 120px; margin: 0 auto;}
#blind_spots span {font-size: 9px; color: #bfbed0;}

/******************** Footer ********************/
#footer {
	width: 960px;
	height: 68px;
	top: -40px;
	display: block;
	position: relative;
	margin: 0 auto;
}

#rgc {
	position: absolute;
	left: 0;
	bottom: 8px;
}
#footer span {color: #959bc4; padding-top: 45px; display: block; font-size: 10px;}

#language {
	display: block;
	width: 130px;
	height: 28px;
	position: absolute;
	right: 17px;
	bottom: 0;
	background: url('/images/en/language.gif') no-repeat;
}
#language li {float: left; text-indent: -9999px;}
#language a {display: block; height: 28px; }
#language a.active, #language a:hover {background: url('/images/en/language.gif') no-repeat;}

#english {width: 56px;}
#language #english.active, #language #english:hover {background-position: 0 -28px;}
#french {width: 65px; margin-left: 9px; background-position: -65px 0;}
#language #french.active, #language #french:hover {background-position: -65px -28px;}

/******************** Misc ********************/
.clear {clear: both;}
.small {font-size: .7em;}
strong {font-weight: bold;}
em {font-style: italic; font-weight: bold;}
.red {color: #ee2a24;}
.right {text-align: right;}
#sidebar p.right {text-align: right;}
.floatRight {float: right;}
#sidebar p.left, .left {text-align: left;}

.error {color: #ee2a24;}
.formMessage {position: relative; top: 12px; width: 250px;}