BODY, DIV, SPAN, FONT, TD {FONT-FAMILY: Verdana, Arial, Helvetica, SansSerif;  FONT-SIZE: 12px}
A { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color: #000000}
A:active    {	text-decoration: underline;	color: #990033;}
A:hover	    {text-decoration: underline;}

/*box styles*/
.boxpromocolour {	background-color: #CCDDEE;	padding: 3px; border-top-width: 1px;	border-bottom-width: 1px;	border-top-style: solid;	border-bottom-style: solid;	border-top-color: #003366;	border-bottom-color: #003366;}
.boxpromogrey {	background-color: #eeeeee;	padding: 4px; border-top-width: 1px;	border-bottom-width: 1px;	border-top-style: solid;	border-bottom-style: solid;	border-top-color: #666666;	border-bottom-color: #666666;}
.boxgrey { background-color: #eeeeee;	border:1px solid #666666; padding-bottom: 2px;	padding-left: 4px;	padding-right: 4px;}
.boxborderblack { border:1px solid #000000;}
.boxbordercolour { border:1px solid #990000;}
.boxbordergrey { border:1px solid #999999; padding-left:4px;  padding-right:4px;}
.boxtitlewhite { font-size: 10px; font-weight: bold; color: #FFFFFF; text-transform: none; text-decoration: none}
.boxtitleblack { font-size: 10px; font-weight: bold; color: #000000; text-transform: none; }
.dingbat { font-size: 9px; font-weight: bold; color: #336699; text-decoration: none}
.dingbatblack { font-size: 10px; color: #000000;}
.dingbatblue { font-size: 10px; color: #336699;}
.dingbatblackbold { font-size: 10px; font-weight: bold; color: #000000;}
.dingbatbluebold { font-size: 10px; font-weight: bold; color: #2A5B85;}

/*content*/
.contentheader { font-size: 11px; color: #336699; font-weight: bold;}


/*spacers*/
.boxpad4 {	padding: 4px;}
.boxpad2 {	padding: 2px;}
.spacer2px {	padding-bottom: 2px;}
.spacer4px {	padding-bottom: 4px;}
.spacer6px {	padding-bottom: 6px;}
.spacer10px {	padding-bottom: 10px;}
.greyline {	padding: 1px;	margin-top: 5px;	margin-bottom: 5px;	border-top-width: 1px;border-top-style: solid;		border-top-color: #666666;}
.linegrey {    padding: 1px;    margin-top: 5px;    margin-bottom: 5px;    border-top-width: 1px;border-top-style: solid;        border-top-color: #666666;}
.linegrey2 {    padding: 1px;    margin-top: 5px;    margin-bottom: 5px;    border-top-width: 1px;border-top-style: solid;        border-top-color: #999999;}
.linered {    padding: 1px;    margin-top: 5px;    margin-bottom: 5px;    border-top-width: 1px;border-top-style: solid;        border-top-color: #990000;}

/*link text styles*/
.bold {	font-weight: bold;}
.hot { font-weight: bold; color: #CC0000}
.linkbold {	font-size: 12px; font-weight: bold; color: #333333;}
.linktopstory { font-size: 15px; 	font-weight: bold; color: #000033;}
.contentlinks { font-size: 11px; color: #336699; font-weight: bold;}

/*nav items*/
.navboxcolour {	background-color: #EFF4FA;	padding-bottom: 2px;	padding-left: 4px;}
.navboxgrey {	background-color: #eeeeee;	padding-bottom: 2px;}
.navboxwhite {	background-color: #FFFFFF;	border: 1px solid #000000;	padding-bottom: 2px;	padding-left: 4px;	padding-right: 2px;}
.navboxlightblue {	background-color: #eeeeee;	padding-bottom: 2px;}
.navboxtitleblack {	background-color: #000000;	padding-left: 4px;  padding-right: 4px; padding-top: 2px;	padding-bottom: 2px;}
.navboxtitlenewblue {	background-color: #33BEF2;	padding-left: 2px; padding-right: 2px; padding-top: 2px;	padding-bottom: 2px;}
.navboxtitlecolour {	background-color: #990000;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #330000;	padding-left: 4px;	padding-bottom: 1px;}
.navboxtitlegrey {	background-color: #999999;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #666666;	padding-left: 4px;	padding-bottom: 1px;}
.navboxtitleblue {	background-color: #336699;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #33BEF2;	padding-left: 4px;	padding-bottom: 1px;}
.navlink {	font-size: 11px;	color: #333333;	text-decoration: none;}
.navlinkfeature {	font-size: 11px;	color: #333333;}
.navlinkfeatureblue {	font-size: 11px;	color: #336699;}

/*navsmall items*/
.navsmall { FONT-SIZE: 11px;}
.navsmallbold { font-size: 11px; font-weight: bold}
.navsmaller {	font-size: 10px;}
.navsmallerblue {	font-size: 10px; color: #336699;}
.navsmallitalic { font-size: 11px; font-style: italic;}
.navsmallgreybold { font-size: 10px; color: #555555; font-weight: bold; padding-left: 2px;}
.navsmallgrey { font-size: 10px; color: #555555; padding-left: 2px;}
.navsmallblue { font-size: 11px; color: #336699;}
.navsmallbluebold { font-size: 10px; color: #336699; font-weight: bold;}
.navgrey { font-size: 11px; color: #555555; padding-left: 2px;}

/*new box items*/
.newsboxcolour {	background-color: #EFF4FA;		border: 1px solid #336699;}
.newsboxgrey {	background-color: #eeeeee;	border: 1px solid #999999;}
.newsboxtitlecolour {	background-color: #EFF4FA;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #336699;	padding-left: 4px;	padding-bottom: 2px;}
.newsboxtitlegrey {	background-color: #999999;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #666666;	padding-left: 4px;	padding-bottom: 2px;}
.newsboxbargrey {    background-color: #999999;    border-top-width: 1px;    border-top-style: solid;    border-top-color: #666666;    padding-left: 4px;    padding-bottom: 2px;}
.newsboxbarred {    background-color: #990000;    padding-left: 4px;    padding-bottom: 2px; padding-top: 2px;}

/*news headline styles*/
.abstract { font-size: 12px; }
.newsheading { font-size: 12px;  font-weight: bold; text-transform: uppercase;}
.newsheadingcolour { font-size: 12px; font-weight: bold; color: #000066; text-transform: uppercase; text-decoration: none;}
.newsheadline { 	font-size: 12px;	}
.newsheadlinebold { 	font-size: 12px;	font-weight: bold; }
.newsheadlineboldcolour { 	font-size: 12px;	font-weight: bold; color: #000066;}
.newsheadlinecolour { font-size: 12px;color: #003366;}
.newsheadlinesmall { 	font-size: 11px;	}
.newstopstory { font-size: 14px; 	font-weight: bold; }
.newstopic {	font-size: 10px; 	font-weight: bold; color: #000066; text-transform: uppercase;}
.newstopicblue {	font-size: 11px; 	font-weight: bold; color: #336699;}
/*to toss*/.topic {	font-size: 10px; 	font-weight: bold; color: #000066; text-transform: uppercase;}

/*headlinescan*/
.linkheadline {	font-size: 12px;	line-height: 135%;	color: #000000;}

/*news story list styles*/
.newspagelink {	font-size: 12px;	font-weight: bold;}
.newspagenum {	font-size: 10px;	font-weight: bold;	color: #000066;	padding: 2px;}

/*page items*/
.pagetitle{font-size: 10px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; text-decoration: none}
.pagetitlebar {	background-color: #990000;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #330000;	padding-left: 4px;		padding-bottom: 2px;}
.pagetitlebargrey {	background-color: #999999;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #666666;	padding-left: 4px;		padding-bottom: 2px;}
.pagetoplinks {	background-color: #EEEEEE;	padding-top: 1px;		padding-left: 4px;	padding-bottom: 3px;}
.plain { font-size: 12px;}

/*small items*/
.small { FONT-SIZE: 11px; }
.smallbold { font-size: 11px; font-weight: bold}
.smallcolour { font-size: 11px; color: #000066}
.smallcolourbold { font-size: 11px; font-weight: bold; color: #000066}
.smaller {	font-size: 10px;	}
.smallercolour {	font-size: 10px;	color: #000066;}
.smallgrey { font-size: 11px; color: #666666}
.smallgreybold { font-size: 11px; color: #555555; font-weight: bold; text-decoration: none;}
.smallitalic { font-size: 11px; font-style: italic}
.smallnounderline { font-size: 11px; text-decoration: none}
.smallred { font-size: 11px; color: #cc0000}
.smallredbold { font-size: 11px; color: #cc0000; font-weight: bold}

/*story.html items*/
.storybyline { FONT-WEIGHT: bold; MARGIN-TOP: 10pt}
.storycaption { FONT-WEIGHT: bold; font-size: 11px; }
.storycredit { font-weight: normal; font-size: 11px; }
.storydate { margin-top: 10px; font-style: italic}
.storyheadline { FONT-SIZE: large; COLOR: black; font-weight: bold; line-height: 120%;}
.storypub { FONT-WEIGHT: normal;}
.storysubhead { FONT-SIZE: medium;}
.storytext { FONT-SIZE: 12px; }

/*ad styles*/
.textad { font-size: 11px; color: #000000; padding-bottom: 4px; padding-top: 3px}

/* ============ IMAGE SWAPPER ===============                                                        */
/* The following is used to swap out a normal h1 tag with a header image                             */
/*   this is important to use, because when a normal h1 tag is on the page it's found                */
/*   by search engines better than images, and it's WAY more accessible to screen-readers            */
/*   than images with alt text.                                                                      */
/*                                                                                                   */
/*   The trick here, is that the h1 tag has a class=swap and an ID name and enclosed in a span tag.  */
/*   The css reference for span will basically hide the text, and the ID name will grab the image    */
/*                                                                                                   */
/*   For example <h1 class="swap" id="t-FOO"><span>My Header</span></h1>                             */


h1.swap {
  height:28px;
  background-repeat:no-repeat;
  margin:2px 0px 0px 0px;
  }
h1.swap span {display:none;}

h1#t-home      {background-image:url("http://working.canada.com/images/w_home.gif");}
h1#t-home:hover      {background-image:url("http://working.canada.com/images/w_home_hover.gif");}
h1#t-employers {background-image:url("http://working.canada.com/images/w_employers2.gif");}
h1#t-findjob   {background-image:url("http://working.canada.com/images/w_findajob.gif");}
h1#t-myworking {background-image:url("http://working.canada.com/images/w_myworking2.gif");}
h1#t-sectors   {background-image:url("http://working.canada.com/images/w_sectors.gif");}
h1#t-resources {background-image:url("http://working.canada.com/images/w_resources.gif");}

h1#t-atlanticsearch510  {background-image:url("http://working.canada.com/images/atlcanada_search_header.gif");}
h1#t-calgarysearch510   {background-image:url("http://working.canada.com/images/calgary_search_header.gif");}
h1#t-edmontonsearch510  {background-image:url("http://working.canada.com/images/edmonton_search_header.gif");}
h1#t-vancouversearch510 {background-image:url("http://working.canada.com/images/vancouver_search_header.gif");}
h1#t-victoriasearch510  {background-image:url("http://working.canada.com/images/victoria_search_header.gif");}
h1#t-reginasearch510    {background-image:url("http://working.canada.com/images/regina_search_header.gif");}
h1#t-saskatoonsearch510 {background-image:url("http://working.canada.com/images/saskatoon_search_header.gif");}
h1#t-winnipegsearch510  {background-image:url("http://working.canada.com/images/winnipeg_search_header.gif");}
h1#t-windsorsearch510   {background-image:url("http://working.canada.com/images/windsor_search_header.gif");}
h1#t-torontosearch510   {background-image:url("http://working.canada.com/images/toronto_search_header.gif");}
h1#t-ottawasearch510    {background-image:url("http://working.canada.com/images/ottawa_search_header.gif");}
h1#t-montrealsearch510  {background-image:url("http://working.canada.com/images/montreal_search_header.gif");}

h1#t-employers342      {background-image:url("http://working.canada.com/images/employersfind_header.gif");}
h1#t-featuredemployers {background-image:url("http://working.canada.com/images/w_featuredemployers.gif");}
/* ============ /IMAGE SWAPPER =============== */

/* styles to stop using & toss - all are #660066 to help identify */
/*to toss*/.linkboldcolour {  font-size: 14px; font-weight: bold; color: #66066;}
/*to toss*/.linkcolour {  color: #66066}
/*replace with .navlinkfeature*/.linkfeature {  font-size: 10px; color: #66066; font-weight:bold}
/*replace with .newsheadlinesmall */.linkheadline { font-size: 11px; line-height: 120%; ; padding-bottom: 3px; color: #000000;}
/*to toss*/.linknav {	font-size: 11px;	color: #66066;	font-weight: normal;	text-decoration: none;}
/*to toss*/.linknavwhite { font-size: 11px; font-weight: normal; color: #66066; line-height: 14px; font-weight: bold; padding-left: 4px; text-decoration: none;}
/*to toss*/.linknavheadline { 	font-size: 11px; line-height: normal; color: #66066; text-decoration: none;}
.boldcolour {
	font-weight: bold;
	color: #003399;
}
.boxpad10 {
	padding: 10px;
}