/* 
Title: 		Master Styles for WorkSafeBC.com 
Author:		jay.west for WorkSafeBC
Contact:	creative@jaywest.com
Updated:	Aug 18, 2008 NICCAI
*/


/* This document should contain all pure and valid css rules. 
All hacks required to compensate for IE bugs are maintained in ie.css */



/* @group General Rules
------------------------------------------------------------------------- */

/* normalize default styles */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin:0;padding:0;} 

/* @end */



/* @group Typography
------------------------------------------------------------------------- */

body {
font: 12px "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; 
line-height: 1.5em; /* equal to 18px */ 
}

/* vertical rhythm
font-size (em) = intended font size (px) divided by base font (12px)
line-height (em) = base line-height (18px) divided by intended font-size (px) 
*/ 


p, ul, ol, blockquote, td, th, label {
font-size: 1em; /* 12px */ 
line-height: 1.5em;
margin-bottom: 1.5em;
}

ul {margin-top: 0.75em;}
li {margin-bottom: 0.3em;}
li {list-style: disc outside;color: #B0AE6C;}



h2 {  /*22px*/ 
font-size: 1.83em;    
line-height: 0.818em;
margin-top: 1.227273em;
margin-bottom: 0.818em;
font-weight: normal;
}
h3 {  /*16px*/ 
font-size: 1.333333em;
line-height: 1.125em;
margin-top: 1.6875em;
margin-bottom: 0.5625em;
font-weight: normal; 
}




a, abbr {
color: #25496D;
padding: 0 1px;
text-decoration: none;
border-bottom: 1px solid #90ACE3;
}
a:hover, abbr:hover {
background-color: #CED9F0;
color: #000;
border: none;
}

abbr {
cursor: help;
}

a.pdf {background: transparent url("../../img/multilingual/pdf.gif") 0 2px no-repeat; padding: 1px 2px 1px 16px;}
a:hover.pdf {background: #CED9F0 url("../../img/multilingual/pdf.gif") 0 2px no-repeat;}

small {
font-size: 11px;
}


/* @end */









/* @group Layout
------------------------------------------------------------------------- */

html {text-align:center;} /* center the page layout for Win/IE */ 
body {
width: 100%;
background: #fff url("../../img/multilingual/bg_welcome_top.gif") top center repeat-x;
}

#intro_wrapper {
text-align: left; /* compensate for the centering above */ 
width: 100%;
background: transparent url("../../img/multilingual/bg_welcome_bottom.gif") bottom center no-repeat;
}
#intro {
width: 820px; /* 860 minus padding */ 
padding: 0 20px;
margin: 0 auto; /* center the layout */ 
position: relative;
overflow: hidden; /* ensure the div stretches to contain its floats */
}

#guide_wrapper {
width: 860px; /* fix the width */ 
margin: 25px auto; /* center the layout */ 
text-align: left; /* compensate for the centering above */ 
position: relative;
overflow: hidden; /* ensure the div stretches to contain its floats */
}

#publications {
width: 820px; /* 860 minus padding */ 
padding: 0 20px;
margin: 25px auto; /* center the layout */ 
text-align: left; /* compensate for the centering above */ 
position: relative;
overflow: hidden; /* ensure the div stretches to contain its floats */
background: url("../../img/multilingual/bg_publications.gif") 0 0 no-repeat;
}

/* @end */



/* @group #nav_language
------------------------------------------------------------------------- */

#nav_languages {
margin: 0;
overflow: hidden;
white-space: nowrap;
line-height: normal;
position: absolute;
top: 5px;
right: 20px;
}
#nav_languages li  { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
border-right: 1px solid #5A82CC;
}
#nav_languages li:last-child {border-right:0;} /* hide last pipe */
#nav_languages a {
padding: 0 6px; /* spacing between text and pipe */ 
margin: 0;
text-decoration: none;
display: block;
border: none;
}


/* @end */





/* @group #intro
------------------------------------------------------------------------- */

#intro h1 {
text-indent: -9999px; /* hide the text */
width: 157px; /* width of replacement image */
height: 44px; /* height of replacement image */
background: url("../../img/multilingual/worksafebc_logo.png") 0 0 no-repeat;
/*margin: 45px 0 0 0;*/
position: relative;
top: 25px;
}	


#intro h2 {
color: #E16903;
margin: 40px 0 10px 0;
position: relative;
top: 0;
font-size: 2em; 
}

#intro p {
width: 400px;
color: #666;
float: left;
clear: left;
margin: 0 0 6px 0;
}
 

#intro #video {
margin: -80px 0 20px 490px;
/*width: 326px;*/
}

#video_language p {
margin: 0;
padding: 0;
border: 1px solid red; 
}

/* @end */







/* @group #nav_sub
------------------------------------------------------------------------- */

#nav_sub {
margin: 5px 0 5px -8px;
overflow: hidden;
white-space: nowrap;
float: left;
clear: left;
}
#nav_sub li  { 
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
background: url("../../img/multilingual/more.gif") 0 50% no-repeat;
padding-left: 9px;
margin-left: 9px;
}
#nav_sub a {
padding: 0 6px; /* spacing between text and pipe */ 
margin: 0;
border: none;
}


#nav_sub li#history_video {
background: none;
height: 58px;
margin-bottom: 5px;
padding-left: 0;
}
#nav_sub li#history_video a {
background: url("../../img/multilingual/history_video.gif") 0 50% no-repeat;
padding-left: 82px;
margin-left: 0;
height: 58px;
display: block; 
}


/* @end */




/* @group #guide_workers
------------------------------------------------------------------------- */

#guide_wrapper div {
background: url("../../img/multilingual/bg_guide.gif") 0 0 no-repeat;
padding: 20px 20px;
width: 380px; /* 420 minus padding */ 
}

#guide_workers {
float: left;
}
#guide_employers {
float: right;
}

#guide_wrapper h2 {
width: 205px;
float: left;
margin-top: 0;
line-height: normal;
}

#guide_wrapper p {
width: 205px;
float: left;
color: #7E7C4D;
clear: left;
}

#guide_wrapper a {
border-color: #DADAA6;
}
#guide_wrapper a:hover {
background-color: #DADAA6;
}

#guide_wrapper a.pdf {
border: none;
line-height: normal;
}


#guide_wrapper h3 {
color: #646241;
margin-top: 0;
margin-left: 240px;
border-bottom: 1px solid #AFAD6B;
}
#guide_wrapper ul {
margin: 0 0 0 240px;
}

#guide_wrapper h4 {
color: #646241;
margin-top: 15px;
margin-left: 240px;
line-height: normal;
font-size: 12px;
}



/* @end */




/* @group #publications
------------------------------------------------------------------------- */

.left {
float: left;
width: 49%;
}
.right {
float: right;
width: 49%;
}


#publications ul { overflow: hidden; margin: 10px 0 0; }
#publications li {
	overflow: hidden;
	padding-bottom: 3px;
	list-style-type: none;
	min-height: 150px;
}

#publications li div {
margin: 40px 0 0 0;
font-size: 1.167em; 
}
#publications li img {
border: 1px solid #ccc;
padding: 1px; 
float: left;
margin: -40px 10px 0 0;
}
#publications li a {border:none;}
#publications li img:hover {border-color:#666;}

#publications li span {
display: block;
font-size: 12px; 
color: #999;
}



#acrobat {
clear: both;
padding-top: 30px;
}
#acrobat p {
margin: 0;
}
#acrobat a.img {
border: none;
padding: 0;
}
#acrobat img {
border: none;
padding: 0;
}
#acrobat a:hover.img {
background: none; 
}


#copyright { margin-top: 15px; font-size: 80%; text-align: center; }
#copyright a { margin-right: 10px; border: 0; }

/* @end */