@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
}
body, h1, h2, h3, h4, h5, h6, p, div, table, tr, td {
	font-family: Arial, Helvetica, sans-serif;
}
p {
	margin: 0pt 0pt 0.8em;
}
ul, ol {
	margin: 0pt 2em 1.5em;
}
#wrap {
	width: 960px;
	height: 721px;
	margin: 0 auto;
	background: url(../images/main_bg.gif) no-repeat;
	position: relative;
	border: none;
}
#wrap2 {
	width: 960px;
	height: 721px;
	margin: 0 auto;
	position: relative;
	border: none;
	text-align: center;
}
#wrap2 h1, #wrap2 h2, #wrap2 p, #wrap2 ul {
	position: relative;
	width: 760px;
	left: 100px;
	text-align: left;
}
#wrap div {
	position: absolute;
}
#title_logo {
	left: 57px;
	top: 18px;
}
#title_logo a {
	display: block;
	text-indent: -5000px;
	width: 205px;
	height: 57px;
	background: url(../images/gosafe_logo.gif) no-repeat;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0pt 0pt 0.5em;
}
a:link, a:focus, a:active, a:visited, #TB_window a:link, #TB_window a:focus, #TB_window a:active, #TB_window a:visited {
	color: #50b948;
	font-weight: bold;
	text-decoration: none;
}
a:hover, #TB_window a:hover {
	color: #50b948;
	text-decoration: underline;
}
h1 {
	padding-top: 40px;
}
h2 {
	color: #50b948;
}
h2 span {
	font-size: 80%;
}
.green {
	color: #50b948;
	font-weight: bold;
}
#b_why_gosafe #main_body h1, #b_why_gosafe #main_body h2, #b_why_gosafe #main_body p {
	width: 65%;
}
#b_gosafe_toolkit #main_body h1, #b_gosafe_toolkit #main_body h2, #b_gosafe_toolkit #main_body p {
	width: 70%;
}
#b_how_does_it_work #main_body h1 {
	width: 78%;
}
#b_how_goes_it_work #main_body h2, #b_how_does_it_work #main_body p {
	width: 70%;
}
#b_working_with_you #main_body h1 {
	width: 80%
}
#b_working_with_you #main_body h2, #b_working_with_you #main_body p {
	width: 65%;
}
#b_welcome #main_body h1 {
	color: #50b948;
}
#b_why_gosafe #main_body h1 {
	color: #00b0d8;
}
#b_how_does_it_work #main_body h1 {
	color: #eb008b;
}
#b_working_with_you #main_body h1 {
	color: #f6921e;
}
#b_gosafe_toolkit #main_body h1 {
	color: #c8cacb;
}
#b_safety_education #main_body h1 {
	color: #f6921e;
	width: 270px;
	height: 184px;
	overflow: auto;
}
h1 img {
	vertical-align: middle;
	margin-bottom: 3px;
}
#mission_vision_btn {
	left: 546px;
	top: 81px;
}
#mission_vision_btn a {
	display: block;
	width: 101px;
	height: 19px;
	background: url(../images/mission_and_vision.gif) top left no-repeat;
	text-indent: -3000px;
}
#safety_game_btn {
	left: 306px;
	top: 65px;
	text-indent: -3000px;
}
#safety_game_btn a {
	display: block;
	width: 147px;
	height: 36px;
	background: url(../images/safety_game_btn.gif) top left no-repeat;
	text-indent: -3000px;
}
#safety_education_btn {
	left: 695px;
	top: 59px;
}
#safety_education_btn a {
	display: block;
	width: 220px;
	height: 54px;
	background: url(../images/safety_education.gif) top left no-repeat;
	text-indent: -2000px;
}
#b_safety_education #safety_education_btn a, #b_safety_classroom #safety_education_btn a, #safety_education_btn a:hover {
	background-position: 0 -54px;
}
#main_menu {
	width: 876px;
	height: 59px;
	left: 50px;
	top: 115px;
}
#main_menu ul {
	list-style-type: none;
	background: none;
	margin: 0px;
	padding: 0px;
}
#main_menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#main_menu li a {
	display: block;
	background: url(../images/navigation.jpg) top left no-repeat;
	height: 59px;
	float: left;
	text-indent: -3000px;
}
#main_menu li#welcome a {
	width: 158px;
	background-position: 0 10px;
}
#b_welcome #main_menu li#welcome a, #main_menu li#welcome a:hover {
	background-position: 0 0;
}
#main_menu li#why_gosafe a {
	width: 157px;
	background-position: -158px 10px;
}
#b_why_gosafe #main_menu li#why_gosafe a, #main_menu li#why_gosafe a:hover {
	background-position: -158px 0;
}
#main_menu li#how_does_it_work a {
	width: 193px;
	background-position: -315px 10px;
}
#b_how_does_it_work #main_menu li#how_does_it_work a, #main_menu li#how_does_it_work a:hover {
	background-position: -315px 0;
}
#main_menu li#working_with_you a {
	width: 197px;
	background-position: -508px 10px;
}
#b_working_with_you #main_menu li#working_with_you a, #main_menu li#working_with_you a:hover {
	background-position: -508px 0;
}
#main_menu li#gosafe_toolkit a {
	width: 170px;
	background-position: -706px 10px;
}
#b_gosafe_toolkit #main_menu li#gosafe_toolkit a, #main_menu li#gosafe_toolkit a:hover {
	background-position: -706px 0;
}
#main_body {
	position: absolute;
	left: 16px;
	top: 206px;
	width: 688px;
	height: 415px;
	padding-top: 45px;
	padding-left: 30px;
	padding-right: 210px;
	text-align: left;
	overflow: auto;
}
div.image {
	position: absolute;
	left: 1px;
	top: 28px;
	width: 735px;
	height: 432px;
	background: #ffffff;
}
#b_how_does_it_work div.image, #b_how_does_it_work #image_bg {
    position: absolute;
    left: auto;
    right: 0px;
    top: 184px;
    width: 928px;
    height: 274px;
    background: #ffffff;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
#b_how_does_it_work #main_body {
    overflow: hidden;
}
#b_welcome #main_body {
	background: url(../images/bg_welcome.jpg) top left no-repeat;
}
#b_why_gosafe #main_body {
	background: url(../images/bg_why_gosafe.jpg) top left no-repeat;
}
#b_why_gosafe #main_body #mycontent, #b_how_does_it_work #main_body #mycontent, #b_working_with_you #main_body #mycontent, #b_gosafe_toolkit #main_body #mycontent {
	position: absolute;
	z-index: 10000;
	left: 0px;
	top: 1px;
	width: 688px;
	height: 415px;
	padding-top: 44px;
	padding-left: 30px;
	padding-right: 210px;
	text-align: left;
	overflow: auto;
}
#b_how_does_it_work #main_body #mycontent {
    height: 255px;
    top: 185px;
    padding-top: 19px;
}
#b_how_does_it_work #main_body #mycontent p {
    width: 60%;
}
#b_gosafe_toolkit #main_body #mycontent p {
	width: 50%;
}
#b_working_with_you #main_body #image_1 {
	background: #ffffff url(../images/photos/wcb_people_1.jpg) 500px center no-repeat;
	z-index: 2000;
}
#b_working_with_you #main_body #image_2 {
	background: #ffffff url(../images/photos/wcb_people_2.jpg) 540px center no-repeat;
	z-index: 2001;
}
#b_working_with_you #main_body #image_3 {
	background: #ffffff url(../images/photos/wcb_people_3.jpg) 550px center no-repeat;
	z-index: 2002;
}
#b_working_with_you #main_body #image_4 {
	background: #ffffff url(../images/photos/wcb_people_4.jpg) center right no-repeat;
	z-index: 2003;
}
#b_why_gosafe #main_body #image_1 {
	background: #ffffff url(../images/photos/wcb_people_5.jpg) bottom right no-repeat;
	z-index: 2004;
}
#b_why_gosafe #main_body #image_2 {
	background: #ffffff url(../images/photos/wcb_people_6.jpg) 550px center no-repeat;
	z-index: 2005;
}
#b_why_gosafe #main_body #image_3 {
	background: #ffffff url(../images/photos/wcb_people_7.jpg) 500px center no-repeat;
	z-index: 2006;
}
#b_why_gosafe #main_body #image_4 {
	background: #ffffff url(../images/photos/wcb_people_8.jpg) 500px bottom no-repeat;
	z-index: 2007;
}
#b_how_does_it_work #main_body #image_1 {
	background: #ffffff url(../images/photos/ekati_1.jpg) top right no-repeat;
	z-index: 2000;
}
#b_how_does_it_work #main_body #image_2 {
	background: #ffffff url(../images/photos/ekati_2.jpg) top right no-repeat;
	z-index: 2001;
}
#b_how_does_it_work #main_body #image_3 {
	background: #ffffff url(../images/photos/ekati_3.jpg) top right no-repeat;
	z-index: 2002;
}
#b_how_does_it_work #main_body #image_4 {
	background: #ffffff url(../images/photos/ekati_4.jpg) top right no-repeat;
	z-index: 2003;
}
#b_how_does_it_work #main_body #image_5 {
	background: #ffffff url(../images/photos/ekati_5.jpg) top right no-repeat;
	z-index: 2004;
}
#b_how_does_it_work #main_body #image_6 {
	background: #ffffff url(../images/photos/ekati_6.jpg) top right no-repeat;
	z-index: 2005;
}
#b_how_does_it_work #main_body #image_7 {
	background: #ffffff url(../images/photos/ekati_7.jpg) top right no-repeat;
	z-index: 2006;
}
#b_how_does_it_work #main_body #image_8 {
	background: #ffffff url(../images/photos/boating.jpg) top right no-repeat;
	z-index: 2007;
}
#b_how_does_it_work #main_body #image_9 {
	background: #ffffff url(../images/photos/cam_bay.jpg) top right no-repeat;
	z-index: 2007;
}
#b_gosafe_toolkit #main_body #image_1 {
	background: #ffffff url(../images/photos/gosafe_manual.jpg) 410px bottom no-repeat;
	z-index: 2000;
}
#b_gosafe_toolkit #main_body #image_2 {
	background: #ffffff url(../images/photos/commitment_form.jpg) right 140px no-repeat;
	z-index: 2001;
}
#b_gosafe_toolkit #main_body #image_3 {
	background: #ffffff url(../images/photos/posters.jpg) 420px 80px no-repeat;
	z-index: 2002;
}
#b_gosafe_toolkit #main_body #image_4 {
	background: #ffffff url(../images/photos/signage.jpg) 420px 80px no-repeat;
	z-index: 2003;
}
#b_gosafe_toolkit #main_body #image_5 {
	background: #ffffff url(../images/photos/pocket_guides.jpg) 410px 120px no-repeat;
	z-index: 2003;
}
#b_gosafe_toolkit #main_body #image_6 {
	background: #ffffff url(../images/photos/safety_passport.jpg) right 160px no-repeat;
	z-index: 2003;
}
#b_how_does_it_work #main_body {
	background: url(../images/bg_how_works.jpg) top left no-repeat;
}
#b_working_with_you #main_body {
	background: url(../images/bg_working_with_you.jpg) top left no-repeat;
}
#b_gosafe_toolkit #main_body {
	background: url(../images/bg_gosafe_toolkit.jpg) top left no-repeat;
}
#b_safety_education #main_body {
	width: 637px;
	top: 206px;
	height: 415px;
	border-right: 51px solid #e9ae11;
	overflow: visible;
}
#b_safety_classroom #main_body {
	padding: 0px;
	width: 928px;
	height: 461px;
	background: url(../images/safety_classroom.gif) top left no-repeat;
}
#b_welcome #main_body #mycontent {
	position: absolute;
	width: 897px;
	height: 271px;
	margin-left: -29px;
	top: 153px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
	background: url(../images/gosafe_mission_and_vision.jpg) top right no-repeat;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#b_welcome #main_body #mycontent #home_content {
	position: relative;
	left: 0px;
	top: 0px;
	width: 260px;
	height: 260px;
	overflow: auto;
}
#b_welcome #main_body #mycontent p {
	width: 260px;
}
#b_safety_education #main_body #mycontent {
	position: absolute;
	width: 567px;
	height: 184px;
	right: 0px;
	padding: 20px;
	margin-right: -52px;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: url(../images/safety_classroom_small.jpg) top right no-repeat;
}
#b_safety_education #main_body #mycontent p {
	width: 155px;
	font-size: 100%;
}
#b_safety_education #main_body #mycontent #classroom_link {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: 224px;
}
#b_safety_education #main_body #mycontent2 {
	position: absolute;
	width: 405px;
	top: 304px;
	height: 130px;
	overflow: auto;
}
#b_safety_education #main_body #mycontent3 {
	position: absolute;
	width: 400px;
	top: 304px;
	left: 460px;
	height: 130px;
	overflow: auto;
}
#b_safety_classroom #main_body #registration_btn {
	position: absolute;
	left: 18px;
	top: 162px;
	width: 136px;
	height: 218px;
}
#b_safety_classroom #main_body #chalkboard_title {
	position: absolute;
	left: 226px;
	top: 114px;
	width: 482px;
	height: 45px;
	padding-top: 20px;
	padding-left: 20px;
}
#b_safety_classroom #main_body #chalkboard_title h1 {
	padding-top: 9px;
	height: 45px;
}
#b_safety_classroom #main_body #chalkboard_title h1 {
	color: #ffffff;
}
#b_safety_classroom #main_body #chalkboard_title h1 {
	background: url(../images/safety_classroom_title.gif) top left no-repeat;
	text-align: left;
	text-indent: -9000px;
	margin: 0px;
}
#b_safety_classroom #main_body #chalkboard_classlist {
	position: absolute;
	left: 226px;
	top: 187px;
	width: 482px;
	height: 160px;
	padding-top: 0px;
	padding-left: 20px;
	overflow: auto;
	color: #ffffff;
}
#b_safety_classroom #main_body #chalkboard_classlist a {
	color: #ffffff;
	text-decoration: underline;
}
#b_safety_classroom #main_body #chalkboard_classlist a:hover {
	color: #ffffff;
	text-decoration: none;
}
#b_safety_classroom #main_body #chalkboard_classlist ol {
	margin-bottom: 0px;
	margin-right: 0px;
}
#b_safety_classroom #main_body #chalkboard_classlist li {
	font-size: 120%;
}
#footer {
	position: absolute;
	left: 16px;
	top: 666px;
	width: 928px;
	height: 38px;
	background: #000000;
}
#footer #flash_content {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
}
#gutter {
	position: absolute;
	left: 0px;
	top: 721px;
	width: 960px;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	background: #ffffff;
}
img.nomargin {
	margin: 0px;
	border: none;
}
div.toolkit_info {
	width: 500px;
}
div.toolkit_info img {
	margin: 0px;
	padding: 0px;
	float: right;
}
div.toolkit_info h1 {
	font-size: 100%;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 1em;
	padding: 0px;
}
div.lightbox_container {
	visibility: hidden;
}
div.toolkit_info p {
	width: 300px;
	font-weight: normal;
	font-size: 100%;
}
#fontlinks {
	position: absolute;
	left: 778px;
	top: 10px;
	width: 173px;
	height: 27px;
}
#fontlinks ul {
	list-style-type: none;
	background: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#fontlinks li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}
#fontlinks li#font_down a {
	display: block;
	float: left;
	width: 60px;
	height: 27px;
	text-indent: -6000px;
	background: url(../images/font-size_buttons.gif) top left no-repeat;
	background-position: 0 0;
}
#fontlinks li#font_down a:hover {
	background-position: 0 -27px;
}
#fontlinks li#font_up a {
	display: block;
	float: left;
	width: 54px;
	height: 27px;
	text-indent: -3000px;
	background: url(../images/font-size_buttons.gif) top left no-repeat;
	background-position: -62px 0;
}
#fontlinks li#font_up a:hover {
	background-position: -62px -27px;
}
div.text_wrapper {
	position: absolute;
	overflow: auto;
}
div.lightbox_content {
    padding: 20px 20px;
	background: #fff;
}
div.lightbox_content ol, div.lightbox_content ul {
	margin-right: 0px;
	margin-bottom: 0px;
}
div.lightbox_content p, div.lightbox_content li {
	font-size: 140%;
	line-height: 1.5em;
	color: #000000;
}
div.lightbox_content h3 {
	font-weight: bold;
	color: #0066CC;
	font-size: 190%;
	padding-top: 0px;
}
div.lightbox_content h4 {
	font-style: italic;
	padding-top: 0px;
	font-size: 175%;
	color: #50b948;
}
#mission_vision_content {
	position: absolute;
	left: 0px;
	background: #ffffff;
	padding: 0px;
	padding-left: 350px;
	padding-top: 20px;
	padding-right: 20px;
	height: 430px;
	background: url("../images/inukshuk_bg.gif") left bottom no-repeat;
}
#mission_vision_content h3 {
	color: #2f88aa;
}
#mission_vision_content p, #mission_vision_content li {
	font-size: 130%;
}