/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

* {
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border: none;
}

body {
  font-family: Verdana,Arial,sans-serif;
  color: #000;
  line-height: 1.166;	
  margin: 0px;
  padding: 0px;
  font-size:12px;
  background: #F0F0F0;
}

table {
  border-collapse: collapse;
}

a, a:link, a:visited {
  color:#03f;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

h1, h2, h3, h4 {
  font-family: Verdana,Arial,sans-serif;
  font-size: 100%;
  margin: 0px;
  padding: 0px;
}

h1 {
  font-size: 120%;
  color: #334d55;
}

h2 {
  color: #096;
}

h3, h4, h5 {
  color: #009;
}

h4 {
 font-weight: normal;
}

h5 {
 font-size: 12px;
}

ul {
 list-style-type: none;
}

/**
 * generic structure boxes.
 */
div#pageContainer {
  background-color: #003366;
  width : 762px;
}

div.box {
  width : 98.5%;
}

div.mainRow {
  width: 762px;
  clear:both;
}

div.row {
  width: 98.5%;
  clear:both;
}

#leftSideContainer {
  float: left;
  width: 150px;
  margin: 5px 0 0 0;
  background-color: #99ccff;
}

#header {
  margin: 0 auto;
  width:762px;
  background: #FFFFFF;
}

.content {
  margin: 0 auto;
  width:762px;
  background: #FFFFFF;
  text-align: left;
}

#topLogoImg {
/*URL is different for secondary pages*/
  background-image:url('images/naosh_full_head_09.jpg');
  background-color:#006699;
  background-repeat:no-repeat;
  height:59px;
}
#topLogoImgFR {
/*URL is different for secondary pages*/
  background-image:url('images/naosh_full_head_09fr.jpg');
  background-color:#006699;
  background-repeat:no-repeat;
  height:59px;
}
#topLogoImg p,#topLogoImgFR p {
  color:#fff;
  padding:5px 15px 0 0;
  text-align:right;
  font-size:100%;
  font-weight:bold;
}
#topLogoImg a,#topLogoImgFR a {
  font-size:75%;
  font-weight:normal;
  color:#fff;
  text-decoration:none;
}
#topLogoImg a:hover,#topLogoImgFR a:hover{
  text-decoration:underline;
}

.slogan {
  margin-left:auto;
  text-align: right;
  color: #009966;
  font-size: 120%;
  font-weight: bolder;
}

#leftSidebar {
  padding: 3px 0 3px 3px; 
  color:#000;
  font-weight:normal;
  background-color: #99ccff; 
}

#leftSidebar ul {
}

#leftSidebar p {
  padding: 5px 0 5px 5px; 
  font-weight:bold;
  background-color: #99ccff; 
}

#leftSidebar img {
  vertical-align:middle;
}

#leftSidebar h4 {
  margin:0 0 0 7px;
  font-weight:normal;
  display:inline;
  font-size:90%;
  color:#000;
}

#leftSidebar h3 {
  margin:0 0 5px 0;
  padding:5px;
  font-weight:bold;
}

#leftSidebar a {
  display: block;
  padding: 2px 0px 2px 2px;
  text-decoration:underline;
}

p#submitBtnArrow {
  background-color: #99ccff;
  text-align:center;
}
#leftSidebar p#submitBtnArrow a {
  text-align:center;
  background-color: #99ccff;
}

#linksSection {
  padding:10px 0 0 0;
  margin: 5px 0 0 0;
  font-size:85%;
}

#linksSection a {
  color:#036;
  text-decoration:none;
}
#linksSection #selectedLink {
  color:#036;
}
#leftSidebar p a:hover{
  background-color: #fff;
  text-decoration:none;
  color:#036;
}
#leftSidebar li a:hover{
  background-color: #fff;
  text-decoration:none;
  color:#036;
}
p#selectedLink {
  background-color: #fff;
}
#selectedLink {
  background-color: #fff;
}

#leftSidebar p#topLeftText {
  font-size:85%;
  margin:0 0 10px 0;
  padding:5px;
  text-align:center;
  color:#009;
}
#leftSidebar #topLeftText a {
  background-color: #99ccff;
  color:#03f;
}
#mainContentBox {
  float: left;
  width: 380px;
  background-color:#fff;
  margin:0 0 0 10px;
  padding:5px 0 0 0;
}
#mainContentBoxTwo {
  width: 570px;
  background-color:#fff;
  margin:0 10px 0 10px;
}
#mainContent {
  margin: 0 10px 0 10px; 
  width: 98.5%; 
  background-color:#fff;
  width: 380px;
}
#mainContentTwo {
  margin: 0 10px 0 10px; 
  width: 98.5%; 
  background-color:#fff;
  width: 570px;
}
#mainContentText p {
  margin:15px 2px 10px 0;
  line-height:1.5em;
}
#mainContentText a {
  text-decoration:none;
}
#mainContentText a:hover {
  text-decoration:underline;
}
#recordsList {
  background-color:#fff;
  padding:2px;
  width:380px;
}
#recordsList h3 {
  background-color:#fff;
  margin:5px 0 5px 0;
  color:#000;
}

#recordsList p {
  font-size:85%; 
}
	 
#rightSideContainer {
  float:right;
  width: 200px;
}
#rightSidebar {
  width: 98.5%; /*border: dashed #cccccc;*/
  background-color:#096;
  color:#fff;
  text-align:center;
}
#rightSidebar p {
  margin: 2px 0 5px 0; 
  padding: 5px; 
  font-size:95%;
  line-height:1.6em;
}
#rightSidebar h2 {
  background-color:#096;
  color:#fc3;
  font-size:110%;
  padding:10px;
  margin:2px 10px 2px 10px;
  line-height:1.5em;
}
#rightSidebar p span {
  font-weight:bold;
}
#rightSidebar h2 .white {
  color:#fff;
  font-size:110%;
}
#rightSidebar p.white {
  color:#fff;
  font-size:100%;
}
#rightSidebar p.white a {
  color:#fff;
  text-decoration:underline;
}
#rightSidebar p.white a:hover  {
  color:#fff;
  text-decoration:none;
}
/**
* two column row style
*/
div.cols2 {
  float: left;
  width: 49%;
  margin:5px 0 5px 0;
}
 
div.cols2 h3 {
  color:#009;
  font-size:100%;
}
 
.clearDiv {
  clear:both;
}

.redColor {
  border-top:#c00 solid 3px;
}
 /************* #globalNav styles **************/
.navbar{
  width: 100%;
}

td#topNavbar{
  width:761px;
  padding:2px 0 0 0;
  background-color:#003366;
  color:#fff;
  font-size:11px;
}
#topNavbar td a {
  text-decoration:none;
  background-color:#003366;
  color:#fff;
}
#topNavbar td a:hover {
  background-color:#003366;
  text-decoration:underline;
  color:#fff;
}

td.topNavbarLink {
  background-color:#003366;
  color:#ffffff;
  font-weight:normal;
  border-left:1px solid #ffffff;
  text-align:center;
}

#longLink {
  background-color:#003366;
  color:#ffffff;
  font-weight:normal;
  text-align:center;
  border-left:1px solid #ffffff;
}

td.topNavbarLink a{
  padding:2px 0 0 0;
  margin:5px 0 0 0;
  background-color:#003366;
  color:#ffffff;
  font-weight:normal;
  text-align:center;
  text-decoration:none;
}

td#noBorder {
  padding:2px;
  margin:5px 0 0 0;
  background-color:#003366;
  color:#ffffff;
  font-weight:normal;
  text-align:center;
}

td#noBorder a {
  padding:2px;
  margin:5px 0 0 0;
  background-color:#003366;
  color:#ffffff;
  font-weight:normal;
  text-decoration:none;
  text-align:center;
}

#selected {
  background-color:#fff;
  color:#003366;
  font-weight:normal;
  text-align:center;
}
 /***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
  margin: 0;
  padding: 0 0 0 10px;
}
#pageName{
  float:left;
  width:80%;
}
#pageNameMain{
  width:100%;
  color:#096;
}
#pageNameMain h2{
  margin: 5px 0 0 0;
  font-size:16px;
  color:#096;
}
.greenTitle h2{
  margin: 5px 0 0 0;
  font-size:16px;
  color:#096;
}
#submitBtn {
  float:right;
  width:75px;
}

/***********************************************/
/* home page                                 */
/***********************************************/	
.rowHome {
  width:580px;
  clear:both;
}
.leftContent {
  float:left;
  width:350px;
  background-color:#fff;
}
.rightContent {
  float:right;
  width: 200px;
  margin:0 0 15px 2px;
  padding:0;
}
.rightContent img {
  vertical-align:top;
}
#rightSidebarHome {
  width: 200px; 
  background-color:#fc3;
  color:#000;
  text-align:left;
  margin:0;
  padding:0 2px 0 2px;
}

#rightSidebarHome p {
  margin: 5px 2px 0 5px;
  font-size:90%;
  line-height:1.8em;
}
#rightSidebarHome img {
  padding: 0 5px 0 0;
  vertical-align:top;
}
#rightSidebarHome h3 {
  background-color:#c00;
  color:#fff;
  padding:5px;
  font-size:90%;
  text-align:center;
}
#rightSidebarHome p span {
  font-weight:bold;
}
#submitEventBtnHome {
  text-align:right;
  padding:5px;
  margin:0;
}

#rowTitleLink a {
  text-decoration:underline;
}
#rowTitleLink a:hover {
  text-decoration:none;
}

#championsBox {
  color:#009;
  background-color:#FFFFFF;
  width: 100%;
  padding: 0 0 15px 0;
}
#championsBox p {
  padding: 5px;
  margin:5px 0 0 0;
  font-size:12px;
}
#championsBox h3{
  color:#009966;
  background-color:#FFFFFF;
  padding:5px;
  font-size:100%;
}

#ChampionsRow {
  text-align:center;
  border: 1px solid #009966;
}
#ChampionsRow img {
  vertical-align:top;
}
#ChampionsRow p {
  font-size:100%;
  padding:5px;
  margin:0px;
  text-align:left;
}
#ChampionsRow td {
  font-size:80%;
  text-align:center;
  color: #000000;
}
#ChampionsRow td a {
  font-size:90%;
  text-align:center;
}
#ChampionsRow td a:hover {
  text-decoration:none;
}
#champsTitles {
  padding: 15px;
  margin:0 0 5px 0;
  width: 100%;
  text-align:center;
  background: #009966;
}
div#champsTitles p {
  display:inline;
}
div#champsTitles p a {
  text-decoration:underline;
}
div#champsTitles p a:hover {
  text-decoration:none;
}
#champ-menu {
  float: left;
  padding-top: 2px;
}

#champ-menu li {
  padding: 2px 5px 3px 5px;
  float: left;
  color: #FFFFFF;
}

#champ-menu a {
  color: #FFFFFF;
  text-decoration:none;
  padding: 0 5px 3px 5px;
  outline:none;
  font-weight: bolder;
}

#champ-menu a:hover {
  text-decoration:none;
  background: #FFFFFF;
  color: #009966;
}

#champ-menu a:active {
  border: none;
  outline:none;
}

.rc_lft {
  position: relative;
  left: -5px;
}

.rc_rgt {
  position: relative;
  left: 5px;
}

.contact {
  color: #009966;
}

.championBlock {
  background: #CCFFCC;
  padding: 5px;
  margin-bottom: 1em;
}

.championBlock ul {
  padding-left: 25px;
  list-style-type: disc;
}

.championBlock ul li {
  padding: 0.5em 0;
}

.championBlock h3 {
  color: #000000;
}

.indentlist {
  padding-left: 25px;
  margin-bottom: 1em;
}

#rowTitleLink {
  background-color: #FFFFFF;
  width: 100%;
  clear:both;
  color: #009966;
}

#championsTitle {
  float:left;
  width:100%;
}
.championsTitle {
  color: #009966;
}
#champsTitles p#lastTitleImg {
  text-align:right;
}
#linkToMore {
  float:right;
  width:30%;
  text-align:right;
  background-color:#096;
}
#linkToMore h3{
  padding:5px 10px 7px 0;
  font-size:85%;
}
#linkToMore a{
  color:#fff;
  text-decoration:underline;
}
#leftSideContainerHome {
  float: left;
  width: 160px;
  background-color: #9cf;
}
#rowHomeLeftSidebar {
  padding: 15px 0 15px 0; 
  clear:both;
  color:#fff;
  background-color: #9cf;
  width:160px;
} 
#meetPartners {
  width:145px;
  background-color: #9cf;
  margin: 0 auto;
}
#rightRowImgs {
  padding-top: 20px;
  width: 140px;
  text-align:center;
  background-color: #9cf;
  margin: 0 auto;
}
#CSSE {
  float: left;
  width: 70px;
  height: 70px;
}
#CCOHS {
  padding-top: 15px;
  width: 121px;
  height: 33px;
}
#HRSDC {
  padding-top: 15px;
  width: 80px;
  height: 27px;
}
#ASSE {
  padding-top: 20px;
  float: right;
  width: 69px;
  height: 48px;
}

.readmore {
  padding-top: 3px;
  padding-right: 5px;
  float: right;
}

.readmore a {
  color: #FFCC33;
  font-weight: bolder;
}

.readmore a:hover {
  text-decoration:underline;
}

#rowHomeLeftSidebar #rightRowImgs a{
  background-color: #9cf;
  color:#03f;
  text-decoration:none;
}

#rowHomeLeftSidebar #rightRowImgs a:hover{
  background-color: #9cf;
  text-decoration:underline;
}

#blueBar {
  background-color:#003366;
}

#blueBar h3{
  text-align:center;
  color:#fff;
  padding:3px;
  font-size:90%;
}

/***********************************************/
/* Submit Form                                 */
/***********************************************/
#submitForm {
  background-color:#FFCC00;
  padding:2px;
  width:380px;
}

#submitForm p {
  font-size:85%; 
}

#topTextForm {
  font-size:85%;
}

#submitForm td{
  padding:2px;
  font-size:10px;
  font-weight:normal;
}

#submitForm table input{
  font-size:10px;
  font-weight:normal;
  text-align:left;
}	

#submitForm table select {
  font-size:10px;
  font-weight:normal;
  text-align:left;
}	

#submitBtn {
  float:left;
  margin:5px 0px 5px 340px;
  clear:left;
}

.redBar img {
  vertical-align:top;
}

.redBar {
  background-color:#c00;
  width: 100%;
  clear:both;
}

.redBarTitle {
  float:left;
  width:50%;
  background-color:#c00;
}

.redBarTitle h3{
  padding:5px 0 5px 5px;
  color:#fff;
}

.requiredFields {
  float:right;
  width:50%;
  background-color:#c00;
}

.requiredFields h3{
  padding:5px 3px 7px 0;
  font-size:85%;
  color:#fff;
  text-align:right;
}
div#errorBack a {
  text-decoration:none;
}
div#errorBack a:hover {
  text-decoration:underline;
}
/***********************************************/
/* Events Listing page                                 */
/***********************************************/	

p#photoDescription {
  background-color:#fff;
  color:#000;
  margin: 0 3px 0 8px;
  padding: 3px;
  text-align:center;
}	
.recordsBox {
  margin:15px 0 0 0;
  color:#000;
  background-color:#fff;
}
.recordsBox h5 {
  padding:5px;
  color:#000;
  background-color:#cfc;
  font-size:100%;
}
.recordsBox h4 {
  padding:5px;
  color:#000;
  background-color:#fff;
  font-size:100%;
}
h5.eventTitle {
  color:#036;
  background-color:#fff;
}
.recordsBox div {
  padding:0 0 0 15px;
  color:#000;
  background-color:#fff;
}
.recordsBox p {
  margin:5px;
}	
.recordsBox p span {
  font-weight:bold;
  font-size:90%;
}
.recordsBox div p {
  font-size:90%;
}
.recordsBox div p a {
  color:#03f;
}
span#finePrint {
  font-size:10px;
}
div span.DescriptionText {
  font-weight:normal;
  line-height:1.8em;
  font-size:100%;
}
#regionTitleRow {
  width:360px;
  clear:both;
}
#regionTitleRowLeft {
  float:left;
  width:220px;
  background-color:#fff;
  color:#000;
}
#regionTitleRowRight {
  float:right;
  width: 135px;
  padding: 3px 0 0 0;
  margin:0 0 10px 0;
  font-size:85%;
  color:#000;
}
/*#regionTitleRowLeft {
  float:left;
  width:270px;
  background-color:#fff;
  color:#000;
}
#regionTitleRowRight {
  float:right;
  width: 85px;
  padding: 3px 0 0 0;
  margin:0 0 10px 0;
  font-size:85%;
  color:#000;
}*/
#regionTitleRowRight a {
  text-decoration:none;
  color:#000;
}

#regionTitleRowRight a:hover {
  text-decoration:underline;
}
/* Resources/OSH info pages*/
#rightSidebarRes {
  background-color:#cfc;
  font-size:100%;
}
#rightSidebarRes p {
  padding:5px;
  font-size:85%;
  line-height:1.5em;
}
#rightSidebarRes h3 {
  background-color:#096;
  color:#fff;
  text-align:center;
  padding:2px;
  font-size:90%;
}
.recordsBox p#noteText {
  font-size:80%;
  padding:5px;
}
#linksSection #otherResources {
  margin:0 0 0 7px;
  color:#009;
  font-weight:bold;
}
#linksSection #otherResources p {
  color:#009;
  font-weight:normal;
  padding:0 0 5px 0;
  margin:0 0 0 7px;
}

/* search page styles*/
.greenBox {
  background-color:#cfc;
  padding:5px;
  margin:10px 0 10px 0;
}
#searchBox .greenBox p#findWords {
  font-weight:normal;
}

#searchBox {
  background-color:#fff;
  margin:5px 10px 0 0;
}
#searchBox .greenBox p {
  color:#003366;
  font-weight:bold;
}

#searchBox .greenBox p input {
  vertical-align:middle;
}
#searchBox table td {
  color:#003366;
  font-weight:bold;
  vertical-align:top;
}
#detailedSearch {
  padding:5px;
  margin:10px 0 10px 0;
  background-color:#cfc;
}
#searchBox #detailedSearch p {
  font-weight:normal;
  color:#003366;
}
#detailedSearch div p {
  padding:5px;
  margin:10px 0 10px 0;
  background-color:#cfc;
  color:#003366;
  font-weight:normal;
}
/* Contact Us page styles*/
#mainContentText a {
  color:#03f;
}
#mainContentText div a {
  color:#03f;
}
#mainContentText div hr {
  color:#096;
  background-color:#096;
}
#mainContentText div span {
  color:#036;
  font-weight:bold;
}
#mainContentText .greenBox span {
  color:#036;
  font-weight:bold;
}
#mainContentText div p{
  padding:5px;
  margin:10px 0 10px 0;
}
#committeeList {
  margin:5px 0 5px 5px;
}
#committeeList div {
  font-size:90%;
  padding:0 0 0 5px;
  font-weight:normal;
  line-height:1.6em;
}
#committeeList div h6 {
  color:#096;
  font-weight:bold;
  font-size:110%;
  display:inline;
}

#recordsBox #committeeList p {
  font-size:90%;
  padding:0 0 0 10px;
  font-weight:normal;
}
/* About NAOSH page*/

.green {
  color:#096;
}
.darkBlue {
  color:#036;
}

div.aboutNAOSHtext {
  color:#009;
  text-align:center;
  padding: 0 2px 2px 2px;
  margin:0;
}
.aboutNAOSHtext #topTextAboutNAOSH {
  font-weight:normal;
  padding: 2px;
  font-size:95%;
  line-height:1.6em;
}
div.aboutNAOSHtext H3 {
  color:#009;
  font-size:110%;
}
#bullets p {
  text-align:center;
  font-weight:bold;
  font-size:95%;
  line-height:1.2em;
}

.rightCol {
  margin-left: -1px;
  float: right;
  width:50%;
}

.leftCol {
  margin-top: 10px;
  float: left;
  width:50%;
}

.leftCol ul {
  clear: both;
  list-style-type: disc;
  text-align: left;
  margin-left: 30px;
  padding-bottom: 25px;
}

.leftCol ul li.leftFloat {
  float:left;
  width: 120px;
}
.leftCol ul li.leftFloatFR {
  float:left;
  width: 130px;
}

.leftCol ul li.rightFloat {
  float:left;
  width: 200px; 
}
.leftCol ul li.rightFloatFR {
  float:left;
  width: 210px; 
}

#launchEvent {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  width: 760px;
  height: 190px;/*used to be 150*/
  display: none;
}

#resourceGuide {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 760px;
  height: 190px;
  display: none;
}

#awardsProgram {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 760px;
  height: 190px;
}

#championDivider {
  background: #009966;
  position: absolute;
  top: 5px;
  left: 380px;
  width: 1px;
  height: 210px; /*used to be 140*/
  z-index: 40;
}

#championFolder {
  position: relative;
  width: 760px;
  height: 220px;/*used to be 190px*/
  overflow: hidden;
}
#championFolderFR {
  position: relative;
  width: 760px;
  height: 220px;/*used to be 190px*/
  overflow: hidden;
}

#champ-menu a.activeTab {
  background: #FFFFFF;
  color: #009966;
}

#champ-menu a.activeTab img {
  visibility: visible;
}

#champ-menu a.inactiveTab {
  color: #FFFFFF;
}

#champ-menu a.inactiveTab img {
  visibility: hidden;
}

#champ-menu a:hover {
  color: #009966;
}

#champ-menu a:hover img {
  visibility: visible;
}

/* Image alignments for front page */

.breakDiv {
float:none;
}

#launchImages {
  height: 150px;
  padding-top: 2px;
}

div.rowImages {float: left; margin: 0; padding: 0; width: 98.5%;}
div.cols2 {float: left; width: 49%; margin: 0 3px 0 0; padding: 0;}
div.cols3 {float: left; width: 20%; margin: 0; padding: 0;}
div.cols3long {float: left; width: 46%; margin: 0; padding: 0;}
div.cols3med {float: left; width: 16%; margin: 0 0 0 3px; padding: 0;}

div.rowImages1 {float: left; margin: 0; padding: 0; width: 360px;}
div.cols3a {float: left; margin: 0; padding: 0;}
div.rowImages2 {float: left; margin: 0; padding: 0; width: 330px;}

.logo_hydro {
  float: right;
  padding-top: 21px;
  padding-right: 25px;
  height: 39px;
  width: 175px;
}

.logo_aim {
  float: left;
  padding-left: 35px;
  height: 82px;
  width: 91px;
}

#resourceImages {
  padding-top: 2px;
  height: 150px;
}

.logo_capital {
  padding-left: 4px;
  height: 45px;
  width: 170px;
  float: left;
}

.logo_bayshore {
  height: 46px;
  width: 154px;
  float: left;
}

.logo_casman {
  padding-right: 4px;
  width:198px;
  height: 74px;
  float: right;
}

.logo_er_plus {
  float: left;
  padding-top: 10px;
  padding-left: 5px;
  width: 144px;
  height: 39px;
}

.logo_johnson {
  float: left;
  padding-top: 10px;
  width: 207px;
  height: 40px;
}

.logo_ledcor {
  float: right;
  width: 88px;
  height: 66px;
  padding-right: 15px;
}

.logo_bcrsp {
  float: right;
  width: 50px;
  height: 78px;
}

#awardImages {
  height: 150px;
  padding-top: 5px;
}

.logo_golder {
  float: left;
  padding-left: 26px;
  width: 138px;
  height: 57px;
}

.logo_purolator {
  float: left;
  padding-top: 26px;
  padding-left: 26px;
  width: 166px;
  height: 50px;
}

.logo_src {
  float: right;
  padding-right: 50px;
  width: 100px;
  height: 72px;
}