/* COMMON -------------------------------------------------------------------------------------------------------- */
* {font-family: verdana;font-size: 11px;color: Black;}
html, body, form { margin: 0px; padding: 0px; }
body{ background: #FFFFFF; }
html > body {left:0; } /* This is "be nice to Opera 5" part of Tantek hack	*/
a { color: inherit; font-size: inherit; }
hr { border: 0; color: black; background-color: black; height: 1px; margin: 0px; padding: 0px; margin-top: 5px; margin-bottom: 5px; }

/* HLIST -------------------------------------------------------------------------------------------------------- */
.hlist {padding:0; margin:0 auto 0 0;}
.hlist:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }
.hlist li {display: inline;float: left;list-style-type: none;}
.hlist a {display: -moz-inline-block;}
.bulletList {
	line-height: 200%;
	list-style-type: none;
}
.bulletList li {
	font-size: 14px;
}


/* ROW ----------------------------------------------------------------------------------------------------------- */
.row {clear: both;position: relative;margin: 0;padding: 0;border: 0; }
.row:after { content: ".";display: block; height: 0; clear: both; visibility: hidden; }

/* COLUMN -------------------------------------------------------------------------------------------------------- */
.col {float: left;border: 0;padding: 0;margin: 0;vertical-align: top;}

/* STYLES -------------------------------------------------------------------------------------------------------- */

body { text-align: center; padding-top:63px; }


#page {margin: 0 auto;width: 794px;text-align: left;}

#page.fr #header {background: url('../images/header_fr.jpg') top left no-repeat;height: 122px; margin-bottom: 3px;}
#header {background: url('../images/header_bg.jpg') top left no-repeat;height: 122px; margin-bottom: 3px;}
#menu { height:24px; }
#menu li { width: 157px;  text-align: center; margin-left: 3px; }
#menu li.first { margin-left: 0px; width: 155px;  }
#menu li.last { width: 156px;  }
#menu li a { display: block; background: #d83c1f; padding: 5px 0px; font-size: 10px; color: #FFFFFF; text-decoration: none; font-weight: bold; }
#menu li a:hover,
#home #link-home,
#about #link-about,
#safety #link-safety,
#youth #link-youth,
#contact #link-contact
{ background: #0190f4; }

#nav {  background: transparent url('../images/nav_bg.jpg') top left no-repeat; width: 197px; height: 158px; }
#nav ul, #nav li { list-style: none; }
#nav ul { margin:0px; padding-top: 22px; }
#nav li { padding:6px 0px; font-weight: bold; }
#nav a { color:#FFFFFF; text-decoration: none; display: block; }
#page.fr #nav li { padding:7px 0px; }
#page.fr #nav a { font-size:10px;}
#nav a:hover { text-decoration: underline; }

h1 { margin: 2px 0px; font-size: 18px; }
h2 { font-size: 12px; }

ul, ol { margin: 0px; }
p { margin: 5px 0px; }
ol, ul { padding-left: 25px; }

a { color: #d83c1f; }
a:hover { color: #0190f4; }

#left { width:197px; }
#middle { width: 302px; height: 441px; float:right; }
#right { width: 595px; float: right; }


/* LANDING --------------------------------------------------------------------------------------------- */

#landing #logo { position: absolute; margin-left: -70px; }

#splash {
  margin: 0 auto;
  width: 396px;
  height: 474px;
  background: url('../images/splash.jpg') top left no-repeat;
  text-align: left;
}
#splash ul, #splash li { list-style: none; }
#splash ul {
 position: absolute;
 top: 225px;
 padding-left: 10px;
}
#splash li { padding: 4px; }
#splash ul a { color: #FFFFFF; font-size:12px; font-weight: bold; text-decoration: none; }
#splash ul a:hover { text-decoration: underline; }

/* HOME ---------------------------------------------------------------------------------------------- */

#home #left {
  width: 395px;
  height: 440px;
}
#home #right {
  float: right;
  width: 345px; /*395px;*/
  padding: 10px 25px;
}
#home .infoblock { position: absolute; }
#home #block_nunavut { top: 0px; left: 199px;}
#home #block_yukon { top: 159px; left: 0px; }
#home #block_nwt { top: 160px; left: 199px; }


/* NUNAVUT --------------------------------------------------------------------------------------------- */

#nunavut #middle { background: url('../images/nunavut_bg.jpg') top left no-repeat; }
#nunavut #page.fr #middle { background: url('../images/nunavut_bg.jpg') top left no-repeat; }
#nunavut #right { width: 292px; height: 441px; background: url('../images/nunavut_bg.jpg') top right no-repeat; padding:0; }
#nunavut #page.fr #right { width: 292px; height: 441px; background: url('../images/fr/nunavut_bg.jpg') top right no-repeat; padding:0; }
#nunavut .content { position: absolute; right: 0px; top: 80px; width: 280px; height: 325px; padding:0px 10px; overflow: auto; }

/* YUKON --------------------------------------------------------------------------------------------- */

#yukon #middle { background: url('../images/yukon_bg.jpg') top left no-repeat; }
#yukon #page.fr #middle { background: url('../images/yukon_bg.jpg') top left no-repeat; }
#yukon #right { width: 292px; height: 441px; background: url('../images/yukon_bg.jpg') top right no-repeat; padding:0; }
#yukon #page.fr #right { width: 292px; height: 441px; background: url('../images/fr/yukon_bg.jpg') top right no-repeat; padding:0; }
#yukon .content { position: absolute; right: 0px; top: 80px; width: 280px; height: 325px; padding:0px 10px; overflow: auto; }

/* NWT --------------------------------------------------------------------------------------------- */

#nwt #middle { background: url('../images/nwt_bg.jpg') top left no-repeat; }
#nwt #page.fr #middle { background: url('../images/nwt_bg.jpg') top left no-repeat; }
#nwt #right { width: 292px; height: 441px; background: url('../images/nwt_bg.jpg') top right no-repeat; padding:0; }
#nwt #page.fr #right { width: 292px; height: 441px; background: url('../images/fr/nwt_bg.jpg') top right no-repeat; padding:0; }
#nwt .content { position: absolute; right: 0px; top: 80px; width: 280px; height: 325px; padding:0px 10px; overflow: auto; }

#nwt #middle.fr { background: url('../images/nwt_bg_fr.jpg') top left no-repeat; }

/* ABOUT --------------------------------------------------------------------------------------------- */

#about #right { width: 514px; height: 381px; background: url('../images/about_bg.jpg') top left no-repeat; padding: 10px 40px; }
#about #right h1 { color: White; }

/* SAFETY --------------------------------------------------------------------------------------------- */

#safety #right { height:439px; overflow:hidden; }

#safety .tab {
  position: absolute; 
  background-position: top left;
  background-repeat: no-repeat;
  display:none;
}
#safety .tab * { font-size: 9px; color: white; }
#safety .tab ul, #safety .tab ol { padding-left: 15px; }
#safety .tab .content { padding: 15px; }
#safety .tab .hide {
  position: absolute; 
  text-decoration: none;
}
#safety .tab .ess {
  position: absolute; 
  bottom: 5px;
  right: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-decoration: none;
}
#safety .tab .ess:hover { background-position: 0px -49px; }
#safety #page.fr .tab .ess:hover { background-position: 0px -78px; }
#safety #tab_summer {  width: 395px; height: 439px; background-image:url('../images/safety_summer.jpg'); }
#safety #page.fr #tab_summer {  width: 395px; height: 439px; background-image:url('../images/fr/safety_summer.jpg'); }
#safety #tab_summer .content, #safety #tab_winter .content { margin:70px 0px 0px 17px; padding:0px; width: 370px; height:270px; overflow:auto; }

#safety #tab_winter { width: 395px; height: 439px; background-image:url('../images/safety_winter.jpg'); }
#safety #page.fr #tab_winter { width: 395px; height: 439px; background-image:url('../images/fr/safety_winter.jpg'); }

#safety #tab_summer .hide, #safety #tab_winter .hide { top: 44px; right: 25px; }
/*#safety #tab_summer .content, #safety #tab_winter .content { padding: 15px; padding-top: 60px; }*/
#safety #tab_summer .ess { background-image:url('../images/safety_summer_ess.jpg'); bottom:40px; }
#safety #page.fr #tab_summer .ess { background-image:url('../images/fr/safety_summer_ess.jpg'); bottom:10px; }
#safety #tab_winter .ess { background-image:url('../images/safety_winter_ess.jpg'); bottom:40px; }
#safety #page.fr #tab_winter .ess { background-image:url('../images/fr/safety_winter_ess.jpg'); bottom:40px; }

#safety #tab_summer_ess,
#safety #tab_winter_ess { right: 0px; top: 140px; width: 198px; height: 299px; background-image:url('../images/safety_ess.jpg'); position:absolute; }
#safety #tab_summer_ess .content,
#safety #tab_winter_ess .content { margin:10px 0px 0px 6px; padding:0px 0px 0px 5px; width: 180px; height:265px; overflow:auto; }

#safety #tab_lost { right:0px; width: 198px; height: 439px; background-image:url('../images/safety_lost.jpg'); }
#safety #page.fr #tab_lost { background-image:url('../images/fr/safety_lost.jpg'); }
#safety #tab_lost .hide { bottom: 20px; right: 33px; }
#safety #tab_lost .content { margin:70px 0px 0px 17px; padding:0px; width: 168px; height:320px; overflow:auto; }

#safety #tab_stranded { right:0px; width: 398px; height: 299px; background-image:url('../images/safety_stranded.jpg'); }
#safety #page.fr #tab_stranded { right:0px; width: 398px; height: 299px; background-image:url('../images/fr/safety_stranded.jpg'); }
#safety #tab_stranded .hide { top: 34px; right: 33px; }
#safety #tab_stranded .content { margin:65px 0px 0px 11px;padding-top:0px; width:345px; height:185px; overflow:auto;  }

#safety #tab_top3 { top:281px; width: 595px; height: 158px; background-image:url('../images/safety_top3.jpg'); }
#safety #page.fr #tab_top3 { bottom:0px; width: 595px; height: 158px; background-image:url('../images/fr/safety_top3.jpg'); }
#safety #tab_top3 .hide { bottom: 25px; left: 19px; }
#safety #tab_top3 .content { padding:0px 0px 0px 5px; margin: 15px 0 0 180px; width: 395px; height: 128px; overflow: auto; }

#safety #tab_hypo { right:200px; width: 198px; height: 439px; background-image:url('../images/safety_hypo.jpg'); }
#safety #page.fr #tab_hypo { right:200px; width: 198px; height: 439px; background-image:url('../images/fr/safety_hypo.jpg'); }
#safety #tab_hypo .hide { bottom: 88px; right: 20px; }
#safety #tab_hypo .content { padding:0px 15px 15px 23px; margin-top: 60px; width: 150px; height: 250px; overflow: auto;}


#safety #tab_wear { right:0px; width: 198px; height: 439px; background-image:url('../images/safety_wear.jpg'); }
#safety #page.fr #tab_wear { right:0px; width: 198px; height: 439px; background-image:url('../images/fr/safety_wear.jpg'); }
#safety #tab_wear .hide { bottom: 20px; right: 33px; }
#safety #tab_wear .content { margin:70px 0px 0px 17px; padding:0px; width: 168px; height:320px; overflow:auto; }

/* YOUTH --------------------------------------------------------------------------------------------- */

#youth #right {
	width: 514px;
	height: 1200px;
	padding: 10px 40px;
	background-image: url(../images/bg_youth.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#youth #right h1 { color: White; }

/* RESOURCES --------------------------------------------------------------------------------------------- */
#resources #right {
	width: 514px;
	height: 1200px;
	padding: 10px 40px;
}


#coolAdviceWinter {
	position:relative;
	width: 521px;
	height: 235px;
	padding: 0;
	margin: 0;
	background-color:#87C4FF;
	}

#coolAdviceSummer {
	position:relative;
	width: 521px;
	height: 235px;
	padding: 0;
	margin: 0;
	background-color:#87C4FF;
	}


/* CONTACT --------------------------------------------------------------------------------------------- */

#contact #right { width: 514px; height: 381px; background: url('../images/contact_bg.jpg') top left no-repeat; padding: 30px 40px; }
#contact #right h1 { color: White; }
.colRightPadded {
	padding-left: 25px;
}