/* CLF 2.0 TEMPLATE VERSION 1.05 | VERSION 1.03 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/*div.banner, div.banner-eng, div.banner-fra, div.banner-lfcoa-eng, div.banner-lfcoa-fra {
	text-align: center; 
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
} /* customized style from base.css */

/*		#topLogoImg 
{
background-image:url('/images/youngworkers/ywzHeader.jpg');
background-color:#000;
background-repeat:no-repeat;
height:115px;
margin:0;
padding:0;
}*/

#ywMainHeading {
	background-image: url('/images/youngworkers/ywzHeading.jpg');
	background-color: #000;
	background-repeat: no-repeat;
	height: 119px;
	width: 590px;
	margin: 0;
	padding: 0;
}

#ywMainHeadingFR {
	background-image: url('/images/youngworkers/ywzHeading.jpg');
	background-color: #000;
	background-repeat: no-repeat;
	height: 119px;
	width: 590px;
	margin: 0;
	padding: 0;
}

a {
	font-weight: normal;
}

#mainContent {
	background-color: #000;
	color: #FFFFFF;
	padding: 10px 0 0 0;
	margin: 0;
	width: 570px;
	border-left: #000 solid 10px;
	border-bottom: #000 solid 10px;
	/*used to be 20px*/
	border-right: #000 solid 10px;
}

#content {
	background-color: #fff;
	color: #000;
	padding: 0;
	margin: 0;
}

#mainContent h2 {
	font-size: 120%;
	padding: 5px 8px 15px 8px;
	margin: 0 0 3px 0;
	color: #FFFFFF;
	font-style: italic;
	font-weight: normal;
	/*width:573px;*/
	text-align: center;
}

#mainContent p {
	/*font-size:110%;*/
	text-align: left;
	line-height: 1.5em;
	padding: 5px 8px 15px 8px;
	margin: 0 0 3px 0;
	color: #fff;
	/*width:583px;*/
}

#mainContent p span {
	color: #fc0;
	font-size: 100%;
}

#mainContent #imgs {
	background-color: #000;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	/*width:596px;*/
	text-align: center;
}

/*setting better focus visibility as per TBS request*/
#imgs img {
	border: 1px solid #000;
}

#imgs a:focus img {
	border: 1px solid #fff;
}

.ylwBrd img {
	border: 1px solid #fff;
}

.ylwBrd a:focus img {
	border: 1px solid #fc0;
}


#pageImg {
	background-color: #000;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	/*width:596px;*/
	text-align: center;
}

#mainContent #imgs div {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

#imgsBtm {
	text-align: center;
	background-color: #000000;
	/*width:596px;*/
}

#imgsBtm p {
	font-size: 110%;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
	padding: 5px 0 0 0;
	margin: 0;
}

#imgsBtm img {
	padding: 5px 0 0 0;
	margin: 0;
	vertical-align: bottom;
}

#btmLinks {
	background-color: #ffffff;
	padding: 5px 0 0 7px;
	margin: 0;
	/*width:596px;*/
}

/*#content {
background-color:#fff;
padding:0;
margin:0 10px 5px 10px;
}*/

#content #bannerINScontent {
	background-color: #fff;
	padding: 2px 5px 2px 10px;
	margin: 0;
	/*width:555px;*/
}

#content p {
	background-color: #fff;
	padding: 5px 5px 5px 15px;
	/*used to be 35px*/
	margin: 0 5px 5px 0;
	width: auto;
	/*width:550px;*/
	color: #000;
	text-align: left;
	line-height: normal;
}

#content .btmPhrase {
	background-color: #fff;
	padding: 10px 0 10px 0;
	margin: 0;
	/*width:575px;*/
	text-align: left;
}

#content .btmPhrase p {
	background-color: #fc0;
	padding: 8px 5px 8px 10px;
	margin: 0 5px 0 5px;
	/*width:535px;*/
	color: #000;
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

#content h3 {
	padding: 2px 5px 5px 35px;
	margin: 0;
	background-color: #000;
	color: #fff;
	width: auto;
}

#content h2.add_resources {
	padding: 2px 5px 5px 35px;
	margin: 0;
	background-color: #000;
	color: #fff;
	width: auto;
	font-size: 140%;
}

#content h2.add2_resources {
	padding: 2px 5px 5px 10px;
	margin: 0;
	background-color: #000;
	color: #fff;
	width: auto;
	font-size: 140%;
}

#content h4 {
	padding: 12px 5px 5px 35px;
	margin: 0;
	background-color: #fff;
	/* color:#000; */
	color: inherit;
	/*width:555px;*/
	width: auto;
}

#content h4 a {
	font-size: 100%;
	font-weight: normal;
	/*font-weight:bold;*/
	color: #000;
}

#content h5 {
	background-color: #fff;
	padding: 12px 5px 5px 35px;
	margin: 0;
	width: auto;
	/*width:555px;*/
	color: #000;
	text-align: left;
}

#content h3.tlt {
	background-color: transparent;
	padding: 12px 5px 5px 35px;
	margin: 0;
	width: auto;
	/*width:555px;*/
	color: #000;
	text-align: left;
	font-size: 120%;
}

#content h2 {
	background-color: #fff;
	padding: 12px 5px 5px 15px;
	/*used to be 35px*/
	margin: 0;
	width: auto;
	/*width:555px;*/
	color: #000;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	font-size: 130%;
}

#contentSandy h2 {
	background-color: transparent;
	padding: 12px 5px 5px 35px;
	margin: 0;
	width: auto;
	/*width:555px;*/
	color: #000;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	font-size: 120%;
}

#contentSandy h5 {
	background-color: transparent;
	padding: 12px 5px 5px 35px;
	margin: 0;
	width: auto;
	/*width:555px;*/
	color: #000;
	text-align: left;
}

#content #ordList {
	background-color: #fff;
	padding: 0;
	margin: 0;
	/*width:545px;*/
}

#content #ordList ol {
	background-color: #fff;
	padding: 2px 5px 5px 18px;
	margin: 0 2px 0 39px;
	color: #000;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
	width: auto;
	/*width:515px;*/
	font-size: 110%;
}

ol.rightsList,
li.rightsList {
	font-weight: bold;
}

li.rightsList {
	line-height: 2.5em;
}

#content ul,
#content ol {
	background-color: #fff;
	padding: 2px 5px 5px 18px;
	margin: 0 2px 0 39px;
	color: #000;
	text-align: left;
	line-height: 1.5em;
	width: auto;
	/*width:515px;*/
}

#content p.allBoldLine,
#contentSandy p.allBoldLine,
.allBoldLine {
	font-weight: bold;
}

#content #underBannerText {
	background-color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0 5px 5px 15px;
	margin: 0;
	color: #000;
}

#content p a,
#contentSandy p a {
	color: #000;
	font-weight: bold;
	font-size: 100%;
}

#content p a.moreAbout,
#contentSandy p a.moreAbout {
	color: #000;
	font-weight: normal;
	font-size: 100%;
}

#content p.blackLine,
#contentSandy p.blackLine {
	border-top: 5px #000 solid;
}

#content p span.redIt,
#contentSandy p span.redIt {
	color: #F00;
	font-style: italic;
}

#content p span.bldIt,
#contentSandy p span.bldIt {
	font-weight: bold;
	font-style: italic;
}

#sectionTitle {
	padding: 0;
	margin: 0;
	color: #fc0;
	text-align: center;
}

#content #pageTitle {
	padding: 0;
	margin: 0;
}

#content #pageTitle h1 {
	padding: 2px 5px 5px 15px;
	margin: 0;
	background-color: #fff;
	color: #000;
	width: auto;
	/*width:555px;*/
}

#content h1 span#pageTitleArr,
#contentSandy h1 span#pageTitleArr,
span.pageTitleArr {
	color: #fc0;
	font-weight: normal;
	padding: 0 1px 0 0;
	margin: 0;
}

/*  main YWZ title, top description and top right image styles*/
div.rowTitleImageYWZ {
	width: 100%;
	padding: 15px 0 3px 0;
	margin: 0;
	overflow: hidden;
	color: #000;
}

div.rowTitleImageYWZ .titleBox {
	float: left;
	width: 59%;
	/*used to be 55%*/
	padding: 0;
	margin: 0;
}

div.rowTitleImageYWZ .titleBox h1 {
	padding: 2px 5px 5px 15px;
	margin: 2px 0 0 0;
	background-color: #fff;
	color: #000;
	width: auto;
}

div.rowTitleImageYWZ .titleBox h1 a:hover {
	color: #000;
}

div.rowTitleImageYWZ .titleBox .topImgBox {
	padding: 0;
	margin: 2px 0 0 0;
}

.topImgBox {
	padding: 0;
	margin: 2px 10px 0 0;
}

div.rowTitleImageYWZ div.topText {
	padding: 0;
	margin: 0 0 0 5px;
}

.tptText {
	padding: 0;
	margin: 0 0 0 50px;
}

div.rowTitleImageYWZ div.topText p {
	padding: 5px 3px 5px 24px;
	margin: 0;
	background-color: #fff;
	color: #000;
}

/* main YWZ title, top description and top right image styles END*/


#contentSecond,
#contentThird {
	background-color: #000000;
	padding: 0 5px 0 5px;
	margin: 0;
	/*width:560px;*/
}

#contentSecond #bannerINScontent {
	background-color: #fff;
	padding: 2px 5px 2px 15px;
	margin: 0;
	/*width:555px;*/
	text-align: left;
}

#content #secondContent {
	background-color: #fc0;
	padding: 2px 5px 5px 35px;
	margin: 0;
	width: auto;
	/*width:555px;*/
}

#content #secondContent p {
	background-color: #fc0;
	padding: 0;
	margin: 0;
	width: auto;
	color: #000;
	text-align: left;
}

#content #secondContent p a,
#secondContentTT p a {
	font-weight: normal;
}

#content #secondContent p span.italic,
#secondContentTT p span.italic {
	color: #000;
}

#contentSecond p,
#contentThird p {
	background-color: #fc0;
	padding: 2px 5px 2px 15px;
	margin: 0;
	/*width:555px;*/
	color: #000;
	text-align: left;
}

#contentSecond p.allBoldLine {
	font-weight: bold;
}

#contentSecond #underBannerText {
	background-color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 0 5px 5px 15px;
	margin: 0;
	color: #000;
}

#contentSecond p a,
#contentThird p a {
	color: #000;
	font-weight: bold;
	font-size: 100%;
}

#contentSecond h3,
#contentThird h3 {
	padding: 5px 5px 5px 15px;
	margin: 0;
	background-color: #000;
	color: #fff;
	/*width:555px;*/
	font-size: 120%;
}

#canadaMap {
	padding: 0;
	margin: 0;
	background-color: #fff;
}

#canadaMap img {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

#content #underMapText {
	padding: 0 5px 0 35px;
	margin: 0;
	background-color: #fff;
	color: #000;
	/*width:555px;*/
}

#content #underMapText p {
	padding: 0;
	margin: 0;
	background-color: #fff;
	color: #000;
	/*width:555px;*/
}

#content #underMapText p span {
	padding: 0;
	margin: 0;
	background-color: #fff;
	color: #000;
	/*width:555px;*/
	font-weight: bold;
}

#content #provincesList {
	padding: 0 5px 0 15px;
	margin: 0 5px 0 5px;
	background-color: #fff;
	color: #000;
	/*width:555px;*/
}

#content #provincesList p {
	padding: 0;
	margin: 0;
	background-color: #fff;
	color: #000;
	/*width:555px;*/
}

.betweenRows {
	clear: both;
}

.yellowBg1 {
	background-color: #ff9 !important;
}

#content #listContainer {
	/*width:555px;*/
	background-color: #fff;
	padding: 2px 5px 5px 35px;
	margin: 0;
	width: auto;
}

#content #listContainer div.prodsDesc div.leftPart p,
#content #listContainer div.prodsDesc div.leftPart h4 {
	width: auto;
	background-color: #fff;
	padding: 0;
	margin: 0 5px 0 15px;
}

.leftPart {
	float: left;
	width: 70%;
	padding: 0;
	margin: 0;
}

.rightPart {
	float: left;
	width: 125px;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.rightPart img {
	padding: 0 0 0 35px;
	margin: 0;
}

#content #listContainer .prodsDesc {
	width: 100%;
	background-color: #fff;
	padding: 0;
	margin: 10px 0 0 0;
}

#content #listContainer .prodsDesc1 {
	width: 100%;
	background-color: #ff9;
	padding: 0;
	margin: 10px 0 0 0;
}

#content #listContainer .prodsDesc1 .rightPartStory {
	float: left;
	width: 85%;
	padding: 5px 0 5px 0;
	margin: 0;
	background-color: #ff9;
}

#content #listContainer .prodsDesc1 .rightPartStory p {
	padding: 0;
	margin: 0;
	background-color: #ff9;
}

.rightPartStory {
	float: left;
	width: 85%;
	padding: 0;
	margin: 0;
}

#content #listContainer div.prodsDesc div.rightPartStory p,
#content #listContainer div.prodsDesc div.rightPartStory h4 {
	width: auto;
	background-color: #fff;
	padding: 0;
	margin: 0 5px 0 15px;
}

#content #listContainer div.prodsDesc div.rightPartStory p,
#content #listContainer div.prodsDesc div.rightPartStory h5 {
	width: auto;
	background-color: #fff;
	padding: 0;
	margin: 0 5px 0 15px;
}

#content #listContainer div.prodsDesc div.rightPartStory h2 {
	width: auto;
	background-color: #fff;
	padding: 0;
	margin: 0 5px 0 15px;
	font-size: 120%;
}

#content #listContainer div.prodsDesc div.rightPartStory h5 a {
	font-weight: bold;
}

#content #listContainer div.prodsDesc1 div.rightPartStory p,
#content #listContainer div.prodsDesc1 div.rightPartStory h5 {
	width: auto;
	background-color: #ff9;
	padding: 0;
	margin: 0 5px 0 15px;
}

#content #listContainer div.prodsDesc1 div.rightPartStory h2 {
	width: auto;
	background-color: #ff9;
	padding: 0;
	margin: 0 5px 0 15px;
	font-size: 120%;
}

.leftPartStory {
	float: left;
	padding: 0;
	margin: 0;
	background-color: #fff;
	width: 58px;
}

.leftPartStory img {
	padding: 0 5px 0 0;
	margin: 0;
}

#content #listContainer .provincesRow {
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
}

#content #listContainer .provincesRow a {
	font-weight: normal;
}

.rightProv {
	float: right;
	width: 45%;
	padding: 0;
	margin: 0;
}

#content #listContainer div.provincesRow div.rightProv p {
	width: auto;
	background-color: #fff;
	padding: 0;
	margin: 0;
	text-align: left;
}

.leftProv {
	float: left;
	width: 45%;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

#content #listContainer div.provincesRow div.leftProv p {
	width: auto;
	background-color: #fff;
	padding: 0;
	margin: 0;
	text-align: right;
}

#content #secondContentMix div {
	background-color: #fff;
	padding: 2px 5px 5px 35px;
	margin: 10px 0 0 0;
	width: auto;
	/*width:555px;*/
}

#content #secondContentMix div.yellow {
	background-color: #ff9;
	padding: 2px 5px 5px 20px;
	margin: 10px 15px 0 15px;
	width: auto;
	min-height: auto;
	/*used to be min-height:78px;*/
	/*width:555px;*/
}

#content #secondContentMix div p {
	background-color: #fff;
	padding: 0;
	margin: 0 0 10px 0;
	width: auto;
	color: #000;
	text-align: left;
}

#content #secondContentMix div.yellow p {
	background-color: #ff9;
	padding: 0;
	margin: 0 0 10px 0;
	width: auto;
	color: #000;
	text-align: left;
}

#content #secondContentMix div.yellow h5,
#content #secondContentMix div.yellow h3 {
	background-color: #ff9;
	padding: 0;
	margin: 0 0 10px 0;
	width: auto;
	color: #000;
	text-align: left;
	font-size: 110%;
}

#content #secondContentMix div h5,
#content #secondContentMix div h3 {
	background-color: #fff;
	padding: 0;
	margin: 0 0 10px 0;
	width: auto;
	color: #000;
	text-align: left;
	font-size: 110%;
}

/*added on May 6th to accomodate just links - yellow and white*/
#content #secondContentMix p.yellow1 {
	background-color: #ff9;
	color: #000;
	padding: 2px 5px 5px 20px;
	margin: 10px 15px 0 15px;
	width: auto;
}

#content #secondContentMix p.white1 {
	background-color: #fff;
	color: #000;
	padding: 0 0 0 20px;
	margin: 5px 0 0 15px;
	width: auto;
}

/* END added on May 6th to accomodate just links - yellow and white*/

/*Added August 4th for Real World pages by O*/
div.row2colsYW {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 98.5%;
}

div.row2colsYW p,
div.row2colsYW h2 {
	margin: 0;
	padding: 0 5px 0 15px !important;
}

div.row2colsYW div.cols2l {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
}

div.row2colsYW div.cols2r {
	float: left;
	width: 85%;
	margin: 0 2px 0 0;
	padding: 0 0 2px 0;
}

div.row2colsYW div.cols2r h2 {
	font-size: 110% !important;
}

/*Added August 4 by O* END*/

#content #secondContentMix div.yellow h5 a,
#content #secondContentMix div.yellow h3 a,
p.yellow1 a,
#content #secondContentMix div h5 a,
#content #secondContentMix div h3 a {
	font-weight: bold;
}

div.rowtitle {
	float: left;
	margin: 3px 0 3px 3px;
	padding: 3px 0 3px 0;
	width: 98.5%;
	background-color: #fc0;
	color: #000;
	font-size: 125%;
	text-align: center;
}

div.rowj {
	float: left;
	margin: 0;
	padding: 0;
	width: 98.5%;
}

div.cols3j {
	float: left;
	width: 32%;
	margin: 0;
	padding: 0;
}

div.cols3titles {
	float: left;
	width: 32%;
	margin: 10px 0 3px 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
}

#back_to_work_graph {
	margin: 0 0 0 125px;
	padding: 0;
}

#posterOffer {
	color: #fc0;
	font-size: 16pt;
	font-style: normal;
}

#podcastsBox p {
	text-align: center;
	color: #fff !important;
}

#podcastsBox a {
	color: #fc0;
}

/* Teaching Tools stuff*/
#teach_toolsHeading {
	background-image: url('/images/youngworkers/teachingTools/hhHeader.jpg');
	background-color: #000;
	background-repeat: no-repeat;
	height: 75px;
	width: 590px;
	margin: 0;
	padding: 0;
}

#teach_toolsHeadingFR {
	background-image: url('/images/youngworkers/teachingTools/hhHeader.jpg');
	background-color: #000;
	background-repeat: no-repeat;
	height: 75px;
	width: 590px;
	margin: 0;
	padding: 0;
}

#contentSandy {
	background-color: #ffc;
	color: #000;
	padding: 0;
	margin: 0;
}

#contentSandy p {
	background-color: #ffc;
	padding: 5px 5px 5px 35px;
	margin: 0 5px 5px 0;
	width: auto;
	/*width:550px;*/
	color: #000;
	text-align: left;
	line-height: normal;
}

#contentSandy ul,
#contentSandy ol {
	background-color: #ffc;
	padding: 2px 5px 5px 18px;
	margin: 0 2px 0 39px;
	color: #000;
	text-align: left;
	line-height: 1.5em;
	width: auto;
	/*width:515px;*/
}

/*#contentSandy #pageTitle h1 {
padding:2px 5px 5px 15px;
margin:0;
background-color:#ffc;
color:#000;
width:auto;
}*/

div.rowTitleImageYWZtt {
	width: 100%;
	padding: 5px 0 3px 0;
	margin: 0;
	overflow: hidden;
	color: #000;
}

div.rowTitleImageYWZtt .titleBoxTT {
	float: left;
	width: 62%;
	/*used to be 55%*/
	padding: 0;
	margin: 0;
}

div.rowTitleImageYWZtt .titleBoxTT h1 {
	padding: 0 5px 5px 10px;
	margin: 0;
	color: #000;
	width: auto;
	font-size: 140%;
}

#pageTitleTT h1 {
	padding: 0 5px 5px 10px;
	margin: 0;
	color: #000;
	font-size: 100%;
}

div.rowTitleImageYWZtt .titleBoxTT h1 a:hover,
div.rowTitleImageYWZtt .titleBoxTT h1 a,
div.rowTitleImageYWZtt #pageTitleTT h1 a,
div.rowTitleImageYWZtt #pageTitleTT h1 a:hover {
	color: #000 !important;
}

div.rowTitleImageYWZtt .titleBoxTT .topImgBox {
	padding: 0;
	margin: 0;
}

/* tabs stuff */
.prod_list_open-tab {

	font-weight: bold;
	border: 3px solid #000000;
	border-bottom-style: none;
	text-align: center;
	/*font-size:8pt;*/
	font-size: 100%;
}

.prod_list_closed-tab {
	font-weight: bold;
	background: #000000;
	border: 3px solid #000000;
	text-align: center;
	/*font-size:8pt;*/
	font-size: 100%;
}

.prod_list_noTabs {
	border: 3px solid #000000;
	border-bottom: 3px none #000000;
}

.prod_list_tabText {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size:7pt;*/
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

.prod_list_tabborder-top-left {
	border-top: 3px solid #000000;
	border-left: 3px solid #000000;
}

.prod_list_tabborder-top {
	border-top: 3px solid #000000;
}

.prod_list_tabborder-top-open-tab {
	vertical-align: top;
}

.prod_list_tabborder-top-right {
	border-top: 3px solid #000000;
	border-right: 3px solid #000000;
}

.prod_list_tab-content {
	border: 3px solid #000000;
	border-top-style: none;
	border-bottom-style: none;
}

.prod_list_tab-bottom {
	border: 3px solid #000000;
	border-top-style: none;
}

.prod_list_left-column {
	float: left;
	padding-left: 10px;
	width: 42%;

}

.prod_list_right-column {
	float: right;
	padding-left: 20px;
	width: 50%;
}

.prod_list_title-row {
	border-left: 3px solid #000000;
	border-right: 3px solid #000000;
}

.tabLiveText {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size:7pt;*/
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: middle;
}

.Left_spacer {
	margin: 0;
	width: 3px;
	height: 3px;
	background: #000000;
	line-height: 1px;
	font-size: 1pt;
}

/* tabbed pages content styles*/

/*Alphabetical List STARTS*/

div.alphaList2cols {
	float: left;
	width: 98.5%;
	padding: 0;
	margin: 5px 0 0 0 !important;
}

div.alphaList2cols .col2l {
	float: left;
	width: 5%;
	padding: 0;
	margin: 5px 0 0 5%;
}

div.alphaList2cols .col2r {
	float: left;
	width: 80%;
	padding: 0;
	margin: 5px 0 0 0;
}

div.alphaList2cols .col2r ul {
	padding: 0 !important;
	margin-left: 0 !important;
	font-weight: normal;
}

div.alphaList2cols .col2r ul li {
	padding: 0 0 10px 0;
	margin: 0;
}

div.alphaList2cols .col2r ul a {
	font-weight: bold;
}

/*Alphabetical List ENDS*/


div.rowTT {
	float: left;
	margin: 0;
	padding: 0;
	width: 99%;
	overflow: hidden;
	display: inline;
}

div.rowTT h5 {
	margin: 0;
	padding: 0;
	font-size: 120%;
}

div.rowTT h6 {
	margin: 0 0 0 35px;
	padding: 0;
	font-size: 110%;
}

div.rowTT div.cols2l {
	float: left;
	width: 49%;
	margin: 10px 0 0 0;
	padding: 0;
	border-right: solid 2px #fc0;
}

div.rowTT div.cols2r {
	float: right;
	width: 49%;
	margin: 10px 0 0 0;
	padding: 0;
}

div.rowTT div.items ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div.items ul {
	padding: 0;
	margin-left: 30px;
	list-style: none;
}

div.items h5 {
	padding: 10px !important;
}

.handcursorBordBlack {
	color: #fff;
	font-weight: bold;
	background-color: #000;
	padding: 5px;
	/*cursor:hand;*/
	cursor: pointer;
	border-top: 3px outset #666666;
	border-right: 3px outset #333333;
	border-bottom: 3px outset #333333;
	border-left: 3px outset #666666;
}

/* Teaching Tools Buy Online box STARTS*/
#btmBox {
	padding: 2px;
	margin: 5px 0 0 0;
	width: auto;
	overflow: hidden;
}

#btmBoxdiv.row {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 98.5%;
}

#btmBox div.row div.cols2l {
	float: left;
	margin: 0;
	padding: 0 5px 5px 5px;
}

#btmBox div.row div.cols2r {
	float: left;
	width: 78%;
	margin: 0;
	padding: 0;
}

#btmBox div.row div.cols2r h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-style: normal;
}

/*#btmBox div.row div.cols2r div.btns {margin:5% 0 5% 35%;} commented out for Joseph's PHP code to work properly*/
/* these styles used for 3 cols block on landing pages. Replaced by 2cols block*/
#btmBox div.row div.cols3l {
	float: left;
	margin: 0;
	padding: 0;
	width: 117px;
}

#btmBox div.row div.cols3m {
	float: left;
	width: 58%;
	margin: 0;
	padding: 0;
}

#btmBox div.row div.cols3r {
	float: right;
	margin: 0;
	padding: 10% 0 0 0;
	width: auto;
}

#btmBox div.row div.cols3m p,
#btmBox div.row div.cols2r p {
	margin: 0;
	padding: 0;
}

#btmBox div.row div.cols3m h5 {
	margin: 0 0 5px 0;
	padding: 0;
}

#btmBox div.row div.cols3m h5 a,
#btmBox div.row div.cols2r h2 a {
	font-weight: bold;
}

/* Teaching Tools Buy Online box ENDS*/
h2#headingTT {
	color: #000000;
	font-weight: bold;
	padding: 0;
	font-style: normal;
	text-align: left;
	padding: 0 0 0 10px;
}

div#headingTT {
	text-align: center;
	margin: 0 0 10px 0;
}

#headingTT h1 {
	color: #000000;
	font-weight: bold;
	padding: 0;
	font-style: normal;
}

.sub_headingTT {
	color: #000000;
	font-weight: bold;
	font-size: 130%;
	padding: 0;
	font-style: normal;
}

.blackBar {
	background-color: #000000 !important;
	color: #FFFFFF !important;
	margin: 2%;
	padding: 2px;
}

.blackBar h3 {
	color: #FFFFFF;
	margin: 0;
	padding: 2px 0 2px 0;
	text-align: center;
	font-size: 165%;
	font-weight: normal;
}

.subsection {
	color: #669900;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 140%;
}

.subsection_title {
	text-align: center !important;
	font-size: 160%;
}

/* Handouts*/
#handouts {
	border: solid thin;
	margin: 10px 10px 10px 12px;
	padding: 5px 0 5px 5px;
	width: 94%;
	overflow: hidden;
}

#handouts h2 {
	color: #000000;
	font-style: normal;
	padding: 0 0 0 55px;
	margin: 0 0 10px 0;
	text-align: left;
	font-weight: bold;
	font-size: 180%;
}

#handouts div.row {
	float: left;
	margin: 0;
	padding: 5px;
	width: 98%;
}

#handouts div.row div.cols2 {
	float: left;
	width: 49%;
	margin: 0;
	padding: 0;
}

#handouts div.row div.cols2 img {
	margin: 0;
	padding: 5px 0 0 30px;
}

#handouts div.row div.cols2 p {
	margin: 5px 0 10px 0;
	padding: 0;
	text-align: left;
}

/*Notes*/
#secondContentTT {
	background-color: #ffc;
	padding: 12px;
	margin: 0;
	width: auto;
	overflow: hidden;
}

#content h3.relatedTT {
	padding: 5px 5px 5px 12px;
	margin: 0;
}

#secondContentTT h5 {
	background-color: #ffc;
	padding: 0;
	margin: 0;
	width: auto;
	color: #000;
	text-align: left;
}

#secondContentTT h3 {
	background-color: #ffc;
	padding: 0;
	margin: 0;
	width: auto;
	color: #000;
	text-align: left;
	font-size: 15px;
}

#secondContentTT h4 {
	background-color: #ffc;
	padding: 10px 0 5px 0;
	margin: 0;
	width: auto;
	color: #000;
	text-align: left;
	font-size: 13px;
}

#secondContentTT p {
	background-color: #ffc;
	padding: 0;
	margin: 0;
	width: auto;
	color: #000;
	text-align: left;
}

#secondContentTT ul {
	background-color: #ffc;
	padding: 0;
	margin: 0 0 0 40px;
	width: auto;
	color: #000;
	text-align: left;
	list-style-type: none;
}

#secondContentTT li a,
#resourcesTT a {
	font-weight: normal;
}

#secondContentTT div.row {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 98.5%;
}

#secondContentTT div.row div.cols3 {
	float: left;
	width: 32%;
	margin: 0;
	padding: 0;
}

#secondContentTT div.row div.cols2 {
	float: left;
	width: 49%;
	margin: 0;
	padding: 0;
}

#secondContentTT div.row div.cols3 p,
#secondContentTT div.row div.cols2 p {
	margin: 0;
	padding: 0 0 0 18px;
}

#secondContentTT div.row div.cols3 h6,
#secondContentTT div.row div.cols2 h6 {
	float: left;
	margin: 10px 0 0 5px;
	padding: 0;
}

#secondContentTT div.row div.cols3 h6 a,
#secondContentTT div.row div.cols2 h6 a {
	font-weight: normal;
}

#resourcesTT {
	width: 90%;
	margin: 0;
	padding: 0;
}

hr {
	color: #000000;
	height: 1px;
}

/*Sections page*/
#bgImgSec1 {
	background-image: url('/images/youngworkers/teachingTools/sociabilityBKD.jpg');
	background-repeat: no-repeat;
	background-color: #fff;
	height: 558px;
	width: 563px;
	margin: 0 0 0 5px;
	padding: 0;
}

#bgImgSec1 {
	background-image: url('/images/youngworkers/teachingTools/sociabilityBKD.jpg');
	background-repeat: no-repeat;
	background-color: #fff;
	height: 558px;
	width: 563px;
	margin: 0 0 0 5px;
	padding: 0;
}

#bgImgChemical {
	background-image: url('/images/youngworkers/teachingTools/chemicalBKD.jpg');
	background-repeat: no-repeat;
	background-color: #fff;
	height: 560px;
	/*used to be height:595px;*/
	width: 565px;
	/*width:563px;*/
	margin: 0 0 0 5px;
	padding: 0;
}

#bgImgErgonomics {
	background-image: url('/images/youngworkers/teachingTools/ergonomicsBKD.jpg');
	background-repeat: no-repeat;
	background-color: #fff;
	height: 558px;
	width: 563px;
	margin: 0 0 0 5px;
	padding: 0;
}

#bgImgPhysical {
	background-image: url('/images/youngworkers/teachingTools/physicalBKD.jpg');
	background-repeat: no-repeat;
	background-color: #fff;
	height: 920px;
	width: 570px;
	margin: 0 0 0 0;
	padding: 0;
}

#bgImgBiological {
	background-image: url('/images/youngworkers/teachingTools/biologicalBKD.jpg');
	background-repeat: no-repeat;
	background-color: #fff;
	height: 558px;
	width: 563px;
	margin: 0 0 0 5px;
	padding: 0;
}

#bgImgPPE {
	background-image: url('/images/youngworkers/teachingTools/ppeBkg.png');
	background-repeat: no-repeat;
	background-color: #fff;
	width: 555px;
	height: 680px;
	margin: 0 0 0 5px;
	padding: 0;
}

div#bg1 {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #000 !important;
}

div#bg {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #000;
}

div#bg h1 {
	width: auto;
	margin: 0;
	padding: 0;
	color: #000;
	font-style: normal;
	background-color: transparent !important;
}

div#bg h2 {
	width: auto;
	margin: 0;
	padding: 0;
	color: #000;
	font-style: normal;
	background-color: transparent !important;
	font-size: 240%;
	font-weight: bold;
}

div#bg div p {
	width: auto;
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: transparent !important;
	color: #000;
	text-align: center;
	line-height: 150%;
	font-size: 150%;
}

div#bg1 div p {
	width: auto;
	margin: 15px 0 0 0;
	padding: 0;
	background-color: transparent !important;
	color: #000;
	text-align: left;
	line-height: 160%;
	font-size: 100%;
}

div#bg ul {
	width: auto;
	margin: 20px 0 0 0;
	padding: 0;
	background-color: transparent !important;
	color: #000;
	text-align: center;
	font-size: 150%;
	list-style-type: none;
	line-height: 200%;
}

div#bg ul li a {
	font-weight: normal;
}

#sectionIcon {
	padding: 5px 0 0 0;
	margin: 0 0 0 35%;
}

/*added for Janine by Oleg*/
contentbox {
	font-family: Arial, Helvetica, sans-serif;
	color: #030347;
	font-size: 12px;
	margin: 2em;
	margin-bottom: -1em;
	border: #030347 2px solid;
	padding: 5px;
}

ul.lists {
	list-style-type: none;
	padding: 0 !important;
	margin-bottom: 5px !important;
}

.lists li.indent1 {
	margin: 5px 0 0 0 !important;
	line-height: normal;
}

/* Janine's */
.para_ident {
	text-indent: -1em;
	padding: 0 0 0 2em;
}

/* added for Janine by Oleg
.indent_para
{
text-indent: -0.7em;
padding: 0 0 0 5em;
} */
.contentbox2 {
	width: 480px;
	padding: 10px;
	border: 1px solid #cbea93;
	margin: 15px;
	/*used to be 30px*/
	text-align: center;
	background-color: #cbea93;
}

p.para_ident {
	padding: 0 0 0 2em !important;
}

.table_header {
	background-color: #000000 !important;
	color: #FFFFFF;
	text-align: center;
}

.table_header td.w {
	width: 180px;
}

.liSpace {
	padding-bottom: 3px;
}

.mContent p {
	padding: 0 0 0 10px !important;
	margin: 0;
}

.mContent h5 {
	padding: 0 0 0 10px !important;
	margin: 0;
	font-size: 110%;
}

/*.mContent h2 {
padding:0 0 0 10px!important;
margin:0;
font-size:130%;
}*/
.mContent h2 {
	padding: 10px 10px 10px !important;
	margin: 15px;
}

#intern_breadcrumb {
	font-weight: normal !important;
	padding: 5px 0 0 5px !important;
}

#intern_breadcrumb a {
	font-weight: normal !important;
}

.tbl_header {
	color: #FFFFFF;
}

.bkgd_list {
	background-color: #CCCCCC;
}

.boxed {
	font-family: Arial, Helvetica, sans-serif;
	color: #030347;
	font-size: 12px;
	margin: 2em;
	border: #030347 1px solid;
	padding: 5px;
}

div.do_donot {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 60%;
}

/*used to be 65%*/
div.do_donot1 {
	float: left;
	width: 6%;
	margin: 0 0 0 5px;
	padding: 0 5px 0 3px;
	height: auto;
}

div.do_donot2 {
	float: left;
	width: 85%;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

/*used to be 2px instead of 10px*/
div.do_donot_ng {
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	width: 95%;
}

div.do_donot1_ng {
	float: left;
	width: 5%;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	height: auto;
}

div.do_donot2_ng {
	float: left;
	width: 90%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*used to be 0 instead of 10*/
/*to accomodate larger images to the right */
div.do_donotSh {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 40%;
}

div.do_donotSh1 {
	float: left;
	width: 10%;
	margin: 0 0 0 0;
	padding: 0 5px 0 3px;
	height: auto;
}

div.do_donotSh2 {
	float: left;
	width: 80%;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

/* Teaching Tools for Janine*/
.contentbox3 {
	width: 480px;
	padding: 10px;
	border: 1px solid #FFFFFF;
	margin: 30px;
	text-align: center;
	background-color: #FFFFFF;
}

#bgImgSociability {
	background-image: url('/images/youngworkers/teachingTools/sociabilityBKD.jpg');
	background-repeat: no-repeat;
	background-color: #fff;
	height: 558px;
	width: 563px;
	margin: 0 0 0 5px;
	padding: 0;
}


#bodyContentTT {
	padding: 12px;
	margin: 3px;
	width: auto;
	height: auto;
	overflow: hidden;
}

#bodyContentTT div.row {
	float: left;
	margin: 0 10px 20px 5px;
	padding: 0;
	width: 120%;
}

#bodyContentTT div.row1 {
	float: left;
	margin: 0 10px 20px 5px;
	padding: 2px;
	width: 120%;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
}

#bodyContentTT div.row div.cols3 {
	float: left;
	width: 27%;
	margin: 0;
	padding: 0;
}

#bodyContentTT div.row1 div.cols3 {
	float: left;
	width: 27%;
	margin: 0;
	padding: 0;
}

#bodyContentTT div.row div.cols2 {
	float: left;
	width: 40%;
	margin: 0;
	padding: 0;
}

#bodyContentTT div.row1 div.cols2 {
	float: left;
	width: 40%;
	margin: 0;
	padding: 0;
}

#bodyContentTT div.row div.cols3 p,
#bodyContentTT div.row div.cols2 p {
	margin: 0;
	padding: 0 0 0 18px;
}

#bodyContentTT div.row1 div.cols3 p,
#bodyContentTT div.row div.cols2 p {
	margin: 0;
	padding: 0 0 0 18px;
}

#bodyContentTT div.row div.cols3 img {
	float: left;
	width: 55%;
	margin: 0;
	padding-right: 0;
}

#bodyContentTT div.row1 div.cols3 img {
	float: left;
	width: 55%;
	margin: 0;
	padding-right: 0;
}

#bodyContentTT div.row div.cols3 h6,
#bodyContentTT div.row div.cols2 h6 {
	float: left;
	margin: 10px 0 0 25px;
	padding: 0;
	left: 0px;
}

#bodyContentTT div.row div.cols3 h6 a,
#bodyContentTT div.row div.cols2 h6 a {
	font-weight: normal;
}

#bodyContentTT div.row1 div.cols3 h6,
#bodyContentTT div.row div.cols2 h6 {
	float: left;
	margin: 10px 0 0 25px;
	padding: 0;
	left: 0px;
}

#bodyContentTT div.row1 div.cols3 h6 a,
#bodyContentTT div.row div.cols2 h6 a {
	font-weight: normal;
}

/* Original cols4
div.cols4 {float: left; width: 21%; margin: 0 3px 0 0; padding: 0;} */
/*
div.cols4 {float: left; width: 16%; margin: 0 3px 0 0; padding: 0;}
div.cols4_3rd {float: left; width: 16%; margin: 0 0 0 45px; padding: 0;}
div.cols4_4th {float: left; width: 16%; margin: 0 0 0 60px; padding: 0;}
*/

/*div.cols4 {float: left; width: 21%; margin: 0 0 0 0; padding: 0; text-align:left !important;} */
div.cols4_3rd {
	float: left;
	width: 16%;
	margin: 0 0 0 5px;
	padding: 0;
}

div.cols4_4th {
	float: center;
	width: 16%;
	margin: 0 0 0 53px;
	padding: 0;
	text-align: left !important;
}

#bodyContentTT div.row4 {
	float: left;
	margin: 0 5px 20px 5px;
	padding: 0;
	width: 98.5%;
}

div.cols4 {
	float: left;
	width: 18%;
	margin: 0 2px 0 5px;
	padding: 0;
	text-align: left !important;
}

div.cols4img {
	float: left;
	margin: 0 2px 0 2px;
	padding: 0;
}

.tbl_ctr {
	margin-left: 23px;
	background-color: transparent;
}

.btmBox {
	text-align: center;
	color: #fff;
	padding: 0;
	margin: 10px 0 0 0;
}

.btmBox a {
	color: #fff !important;
}

.changeh3 {
	padding: 10px 10px 10px 35px !important;
	margin: 15px;
	font-size: 15px;
	color: #000000 !important;
	background-color: #FFFFFF !important;
}

.changeh2 {
	text-align: center !important;
}

.activities {
	font-size: 20px;
	text-align: center;
}

.yellow_bkgd {
	background-color: #FFFFCC !important;
}

.grey_bkgd {
	background-color: #CCCCCC !important;
}

.fixp {
	padding: 12px 5px 5px 15px !important;
}

/* tables with grid-like look*/
.center_tbl {
	margin-left: 55px
}

.tbl_style {
	margin: 10px;
	padding: 0;
	border: 1px #000 solid;
	width: 85%;
	background-color: #FFFFFF;
}

.header_table_col2 {
	width: 27%;
	margin: 0;
	padding: 0;
	line-height: 200%;
}

.tr_top {
	margin: 0;
	padding: 0;
	background-color: #000000;
	color: #FFFFFF;
	border: 1px #000 solid;
}

.bottom_row_col2 {
	border-right: 1px #000 solid;
	text-align: center;
}

.middle_rows_tr {
	margin: 0 10px 20px 5px;
	padding: 0;
	width: 120%;
}

.middle_rows_td_col1 {
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	text-align: center;
}

.middle_rows_td_col2 {
	border-bottom: 1px #000 solid;
}

/* end*/

.fix_h3 {
	padding: 10px 10px 10px 10px !important;
	margin: 15px;
	font-size: 15px;
	color: #000000 !important;
	background-color: #FFFFFF !important;
}

.fix_cols3 {
	margin-left: 25px !important;
}

.box_align {
	text-align: center !important;
}

.fix_center {
	text-align: left;
	padding: 0 4px 0 7px;
}

.center_tbl_2a {
	margin-left: 3px;
}

.tbl_style_2a {
	margin: 10px;
	padding: 0;
	border: 1px #000 solid;
	width: 95%;
	background-color: #FFFFFF;
}

.header_table_col2a {
	width: 35%;
	margin: 0;
	padding: 0;
	line-height: 200%;
}

.resources_indent {
	margin-left: 20px !important;
}

.p_boxed {
	text-align: center !important;
	background-color: #FFFFFF !important;
	font-size: 15px !important;
}

.color_boxed {
	background-color: #FFFFFF !important;
}

.tbl2_style {
	margin: 10px;
	padding: 0;
	width: 85%;
	background-color: #FFFFFF;
}

.symbolsh2 {
	background-color: #000000 !important;
	color: #FFFFFF !important;
	margin: 0 5px 0 5px !important;
	text-align: center !important;
}

.boxed_noborder {
	font-family: Arial, Helvetica, sans-serif;
	color: #030347;
	font-size: 12px;
	margin: 2em;
	padding: 5px;
}

.fix_h2 {
	padding: 10px 10px 10px 10px !important;
	margin: 15px;
	font-size: 15px;
	color: #000000 !important;
	background-color: #FFFFFF !important;
}

div.do_donot2a_ng {
	float: left;
	width: 85%;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

#handouts h3 {
	margin-left: 5px !important;
	background-color: #FFFFFF;
	text-align: left !important;
	color: #000;
	padding: 0 0 0 0;
}

.header_table_col4 {
	width: 23%;
	margin: 0;
	padding: 0;
	line-height: 200%;
}

/*to give ul ol lists items more marging */
.listMarg10 li {
	margin-bottom: 10px;
}

.tbl3_style {
	margin: 15px 75px 75px 75px;
	padding: 0;
	width: 75%;
	background-color: #FFFFFF;
}

.btm_padd10 {
	padding-bottom: 10px;
	line-height: 120%;
}

.mContent ol {
	padding: 10px 10px 10px 0px !important;
	margin: 0px;
}

.LoginBox {
	float: right;
	width: 35%;
}

.LoginBoxHead {
	background: #000000;
	color: #FFFFFF;
	padding: 5px;
}

.LoginBoxBody {
	background: #FFCC00;
	height: 140px;
	padding: 10px;
}

.row3 {
	width: 98%;
	padding: 0;
	margin: 5% 0 0 2%;
}

.row3 div.cols3 {
	float: left;
	width: 30%;
	padding: 0 10px 0 0;
	margin: 0;

}

.indentit {
	text-indent: -0.7em;
	padding: 0 0 10px 0;
	line-height: 120%;
}

.mContent2 p {
	padding: 0 0 0 27px !important;
	margin: 0;
}

/*Janine asked to add on Feb 14, 2014* for bottom part of YWZ*/
div.yw_ftr_row {
	float: left;
	margin: 0;
	padding-top: 14px;
	width: 99.5%;
}

div.yw_ftr_cols3a {
	float: left;
	width: 32%;
	margin: 0px;
	padding: 3px;
}

div.yw_ftr_cols3b {
	float: left;
	width: 32%;
	margin: 0px;
	padding: 4px;
}