/* WorkSafeBC.com */
/* Updated: July 2005 */

/* LANDING PAGE STYLES */

/* This file contains styles needed for the landing and home pages only */
/* All landing pages need to also include this file */

/* -- newsroom ----------------------------------------------------------------------------------- */

#contentLeftColumn .boxConnect {	float: right; width: 160px;	background: url(/img/css/bgConnect.gif) bottom left no-repeat; margin: 0 0 5px 0px; padding-bottom: 10px; font-size:1.1em}
#contentLeftColumn .boxConnect h3 {font: bold 1.0em Helvetica, Arial, sans-serif; color:#000; background: url(/img/css/bgConnect.gif) top left no-repeat; margin:0; padding: 30px 10px 0 10px; /* NPC: 26px 10px 0 30px; */}
#contentLeftColumn .boxConnect p {padding: 0 10px 6px 10px; margin:0; font-size: 0.9em; line-height:1.2em}

.contentTable {color:black;  font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.3em}
.contentTable td {vertical-align:top; padding-right:5px}
.contentTable .paragraphTitle {color:black; font:1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:700; padding-bottom:10px}
.contentTable .paragraph {color:black; padding-bottom:6px}
.contentTable .date {color: #666666}
.contentTable .story {padding-bottom:10px}
.contentTable .storyTitle {color:#226390; font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; padding:0px 0px 5px 0px; line-height:1.25em}
.contentTable .storyImage {float:left; width:60px; padding-top:3px}
.contentTable .storyTeaser {color:#666666; font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.25em}
.contentTable .storyCopy {margin-left:64px}
.contentTable .summaryLink {line-height:1.1em}
.contentTable .summaryItem {padding-bottom:10px}
.contentTable .moreStories {text-align:right;background-image:url(/img/css/iconPlus.gif);background-repeat:no-repeat;background-position:right;padding-right:18px;font-weight:900; font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f97726}
.contentTable .moreStories a {text-decoration:none; cursor:hand; color:#f97726}
.contentTable .moreStories a:hover {text-decoration:underline; color: black}
.contentTable a {text-decoration:none; cursor:hand; font-weight:bold; color:#226390}
.contentTable a:hover {	text-decoration:underline; color: black}

/* -------------------------------------------------------------------------------------------- */

/* show the right column and dashbaord regions that are hidden on most other pages */
#contentColumn {
	margin-right: 170px;  /* width of rightColumn + its padding */
	font-size:1.3em; /* redefine the content font size for landing pages */
	width:auto;
}
#rightColumn {
	display:block;
	float:right;
  	width: 160px; /* desired width of 170px minus the padding */
	padding: 10px 10px 20px 0; /* NPC: 0px 10px 20px 0; */
	margin:0;
	/*position:relative;  fix the IE/Win Peekaboo bug - applied to this float and any of its child divs */
}
#contentDashboard {
	display:block;
	width:auto; /* 560px - but needs to be auto to stop IE6 from floating it below the sideBar float */
	padding: 10px 10px 10px 15px; 
}



/* Connect box *********************/

#contentDashboard .boxConnect {
	float: right;
	width: 160px;
	background: url(/img/css/bgConnect.gif) bottom left no-repeat;
	margin: 0 0 5px 15px;
	padding-bottom: 10px;
	font-size:1.1em;
}
#contentDashboard .boxConnect h3 {
	font: bold 1.0em Helvetica, Arial, sans-serif;
	color:#000;
	background: url(/img/css/bgConnect.gif) top left no-repeat;
	margin:0;
	padding: 30px 10px 0 10px; /* NPC: 26px 10px 0 30px; */
}
#contentDashboard .boxConnect p {padding: 0 10px 6px 10px; margin:0; font-size: 0.9em; line-height:1.2em;} /* NPC: 0 10px 6px 30px; */






/* Landing page intro text (above dashboard) *****************************/

#contentDashboard p, #contentDashboard li {font-size:1.2em; color:#333; line-height:1.4em;}  /* NPC: line-height:1.6em;*/
#contentDashboard ul ul li {font-size:1.0em;} /* Reset the size to the above font-size for nested bullets */
#contentDashboard ul {margin-top: -5px;}
#contentDashboard .boxDashboard a {color:#000;}

#contentDashboard h2,
#contentColumn h2 {
	font: bold 1.8em Arial, Helvetica, sans-serif;
	color:#000;
	margin: 15px 0 8px 0;
}




/* DASHBOARD - 3 column box layout *********************/
	
.boxDashboard {
	width: 545px;
	background: url(/img/css/bgDashboard.gif) bottom left no-repeat;
	clear:right;
	margin: 5px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* changed from Trebuchet due to line spacing issues */
}
.topDashboard {
	display:block;
	width: 545px;
	height: 6px;
	margin:0; padding:0; font-size:0; line-height:0;
	background: url(/img/css/bgDashboard.gif) top left no-repeat;
}
.boxDashboard .col-1of3 {
	width: 167px; /* 30% 180px minus padding */
	float:left;
	padding: 0 6px 10px 6px;
}
.boxDashboard .col-2of3 {
	width: 167px; /* 30% 180px minus padding */
	margin: 0 180px;
	padding: 0 6px 10px 6px;
}
.boxDashboard .col-3of3 {
	width: 167px; /* 30% 180px minus padding */
	float:right;
	padding: 0 6px 10px 6px;
}

/* DASHBOARD - 2 coloumn box layout *******************************/

.boxDashboard2col {
	width: 370px;
	background-image:none;
	background: url(/img/css/bgDashboard2col.gif) bottom left no-repeat;
	clear:none;
	float: left;
	margin: 5px 0 5px 0;
}
.topDashboard2col {
	display:block;
	width: 370px;
	height: 6px;
	margin:0; padding:0; font-size:0; line-height:0;
	background: url(/img/css/bgDashboard2col.gif) top left no-repeat;
}
.boxDashboard .col-1of2 {
	width: 170px;
	float:left;
	padding: 0 6px 10px 6px;
}
.boxDashboard .col-2of2 {
	width: 170px;
	margin: 0 0 0 185px;
	padding: 0 6px 10px 6px;
}

/* Dashboard content styles *********************/

#contentColumn .boxDashboard { /* IMPORTANT FOR ADNET - Resets the initial font size when dealing with dashboards in the contentColumn */
	font-size: 0.8em;
}

#contentDashboard .boxDashboard h3,
#contentColumn .boxDashboard h3 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color:#369;
	margin: 5px 0 3px 3px;
	padding: 0 0 3px 3px;
	background: url(/img/css/dotted-tan.gif) repeat-x bottom;
	border-bottom: none;
	clear: none;
}
#contentDashboard .boxDashboard h3 a,
#contentColumn .boxDashboard h3 a {
	color:#369;
}


#contentDashboard .boxDashboard h4,
#contentColumn .boxDashboard h4 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color:#000;
	margin: 0 0 0 3px;
	padding: 3px 0 3px 3px;
}

#contentDashboard .boxDashboard p {line-height:1.2em; margin:0 0 3px 6px;}
#contentDashboard .boxDashboard p.textNote {font-size:1.0em; line-height:1.0em; margin-bottom: 10px;}

.boxDashboard .ruleDotted {background: url(/img/css/dotted-tan.gif) repeat-x top; margin:0;padding:0;line-height:0;height:6px;}

#contentDashboard .boxDashboard ul, 
#contentColumn .boxDashboard ul {margin:0 0 8px 6px;}
#contentDashboard .boxDashboard li,
#contentColumn .boxDashboard li {line-height:1.31em;}

/* numbered for Regulation */
#contentDashboard .boxDashboard ol,
#contentColumn .boxDashboard ol  {
	padding-left:0;
	margin-left:0;
}
#contentDashboard .boxDashboard ol li,
#contentColumn .boxDashboard ol li {	
	list-style-image: none;
	list-style: decimal outside;
	margin-left: 30px; /* left of the bullet */
	padding-left: 0;
}
#contentColumn .boxDashboard ol li.disabled {	/* NPC: New style */
	color:#767549;
}
#contentDashboard .boxDashboard ol li a,
#contentColumn .boxDashboard ol li a {	
	padding-left: 0; /* right of the bullet */
	margin-left: 0;
}



.boxDashboard li {font-size:1.2em; margin: 0 0 5px 0; padding:0;} /* NPC: 1.1em*/
.boxDashboard li.listSearch {padding-left: 17px; margin-left:-17px; list-style:none; list-style-image:none; background:url(/img/css/iconDashSearch.gif) top left no-repeat;}
.boxDashboard li.listAlert {padding-left:16px; margin-left:-16px; list-style:none; list-style-image:none; background:url(/img/css/iconDashAlert.gif) top left no-repeat;}
.boxDashboard li.listCalc {padding-left:16px; margin-left:-14px; list-style:none; list-style-image:none; background:url(/img/css/iconDashCalc.gif) top left no-repeat;}
.boxDashboard li.listVideo {padding-left:16px; margin-left:-16px; list-style:none; list-style-image:none; background:url(/img/css/iconDashVideo.gif) top left no-repeat;}
.boxDashboard li.listStar {padding-left:16px; margin-left:-16px; list-style:none; list-style-image:none; background:url(/img/css/iconDashStar.gif) top left no-repeat;}
.boxDashboard li.listPDF {padding-left:20px; margin-left:-14px; list-style:none; list-style-image:none; background:url(/img/css/iconPDF.gif) top left no-repeat;}
.boxDashboard li.listBook {padding-left:20px; margin-left:-14px; list-style:none; list-style-image:none; background:url(/img/css/iconBook.gif) top left no-repeat;}
.boxDashboard li.listEmail {padding-left:16px; margin-left:-16px; list-style:none; list-style-image:none; background:url(/img/css/iconDashEmail.gif) top left no-repeat;}
.boxDashboard li.listPhone {padding-left:16px; margin-left:-16px; list-style:none; list-style-image:none; background:url(/img/css/iconPhone.gif) top left no-repeat;}

#contentDashboard .boxDashboard a,
#contentColumn .boxDashboard a {text-decoration:none; color:#000;}

#contentDashboard .boxDashboard a:hover,
#contentColumn .boxDashboard a:hover {background-color:#e5e5c3; text-decoration:underline; color:#000;}



/* Inline help for dashboard ***************/ /* NPC: Added contentColumn to inline help styles */

#contentDashboard .boxDashboard .linkHelp,
#contentColumn .boxDashboard .linkHelp {float:right; font-size:1.0em; color:#94935d; 
	background:url(/img/css/iconDashHelp.gif) center right no-repeat;
	padding-right: 16px;
	padding-top: 2px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
}
#contentDashboard .boxDashboard :hover.linkHelp,
#contentColumn .boxDashboard :hover.linkHelp {color:#000;} 

#contentDashboard .boxDashboard .linkHelp,
#contentColumn .boxDashboard .linkHelp {position: relative;} /* needed in order to position the popup span */

#contentDashboard .boxDashboard .linkHelp span,
#contentColumn .boxDashboard .linkHelp span {
	position: absolute;  /* used to not break the page flow */
	top: 15px;   /* position the popup */
	left: 0;	/* position the popup */
	z-index: 6000;
	width: 240px;
	background-color: #efefef;
	border: 1px solid #999;
	color: #000;
	background: #fff;
	padding: 6px;
	border: 1px solid #000;
	font-size: 11px; /* NPC: 10px; */
}

#contentDashboard .boxDashboard .linkHelp span p,
#contentColumn .boxDashboard .linkHelp span p,
#contentColumn .boxDashboard .linkHelp li {margin: 0 0 5px 0; font-size: 11px;}

#contentDashboard .boxDashboard .linkHelp span a,
#contentColumn .boxDashboard .linkHelp span a {text-decoration:underline;}





/* DASHBOARD search strip  *************************/

#contentDashboard .boxDashboardSearch {font-size: 1.1em; background: url(/img/css/bgDashboardSearch.gif) bottom left no-repeat;} 
.boxDashboardSearch form {margin: 0; padding: 0 15px 5px 15px;} 
.boxDashboardSearch select {background-color:#f6f6e4; margin: 0 0 2px 0; width:auto; vertical-align:middle; font-size:11px;} 
.boxDashboardSearch input, .boxDashboardSearch option {background-color:#f6f6e4; font-size:11px; margin:0; vertical-align:middle; }
.boxDashboardSearch input.keywordsField,
.boxDashboardSearch input.clearForm {font-size:11px; color:#999; margin: 0 0 2px 0; padding: 2px 3px;}	
.boxDashboardSearch input.clearForm {color: #000; background-color:#fff;}




/* DASHBOARD TABBED NAV **************************/
/* NPC: Added contentColumn styles to navDashboard styles below */

#contentDashboard .navDashboard{
	height: 26px; 
	width: 544px;  /* 545px minus border */
	background: url(/img/css/bgDashboardNavLeft.gif) top right no-repeat;
	border-right: 1px solid #adab69;
	font-size: 11px;
	margin: 0;
}
#contentColumn .navDashboard {
	height: 26px; 
	width: auto;  /* 545px minus border */
	background: url(/img/css/bgDashboardNavLeft.gif) top right no-repeat;
	border-right: 1px solid #adab69;
	font-size: 11px;
	margin: 0;
}
#contentDashboard .navDashboard ul,
#contentColumn .navDashboard ul {
	float:left;
	position:relative;
	margin: 0;
	padding: 0;
	display: inline;
	/*width: 545px;   545px minus border */
	border-right: 1px solid #adab69;
	font-size: 12px; /* NPC: 13px; */
}
#contentDashboard .navDashboard ul li,
#contentColumn .navDashboard ul li {
	/*position:relative;*/
	/*display:inline;*/
	float:left; /*fix Mozilla bug not showing bg images on page load */
	margin: 0;
	padding: 0;
	height: 26px; 
	line-height:normal;
 	list-style:none;
	background: url("/img/css/bgDashboardNavLeft.gif") no-repeat;
	background-position: left 0; /* off state - normally zero */
}
#contentDashboard .navDashboard ul li a,
#contentColumn .navDashboard ul li a {
	/*float: left;*/
	display:block;
	background: url("/img/css/bgDashboardNavRight.gif") top right no-repeat;
	background-position: right 0; /* off state - normally zero */
	padding: 4px 9px 3px 11px; /* NPC: 4px 8px 3px 10px; */
	margin:0;
	color:#7d7d00;
	font-weight:bold;
	width: auto;
	white-space:nowrap;
}
#contentDashboard .navDashboard ul li:hover,
#contentColumn .navDashboard ul li:hover {
	background-position: left -26px; /* negative vertical shift to reveal hover image */
}
#contentDashboard .navDashboard ul li a:hover,
#contentColumn .navDashboard ul li a:hover {
	background-position: right -26px; /* negative vertical shift to reveal hover image */
	background-color: transparent;
	color:#000; 
	text-decoration:none;
}
#contentDashboard .navDashboard ul li.selected,
#contentDashboard .navDashboard ul li:hover.selected,
#contentColumn .navDashboard ul li.selected,
#contentColumn .navDashboard ul li:hover.selected {
	background-position: left -52px; /* negative vertical shift to reveal hover image */
	color:#000;
	/*z-index: 102;*/
}
#contentDashboard .navDashboard ul li.selected a,
#contentDashboard .navDashboard ul li.selected a:hover,
#contentColumn .navDashboard ul li.selected a,
#contentColumn .navDashboard ul li.selected a:hover {
	background-position: right -52px ; /* vertical shift to reveal selected image */
	color:#000;
	padding-top: 5px;
	padding-right: 10px; /* NPC: added to align tabs with dashboard lines */
}





/* Dropdown menus in Dashboard ********************/

#contentDashboard .boxDashboard .listDashMenu , 
#contentColumn .boxDashboard .listDashMenu {
	/*position: relative;  needed to postion the dropdown menus */
	/*top: 0;
	left: -5px;*/
	border: 1px solid #afad68;
	background: url(/img/css/bgListDashMenu.gif) bottom right no-repeat;
	margin: 0 0 8px 2px;
	padding: 1px 0;
	width: 160px;
}
.boxDashboard .listDashMenu li.listSearch {padding-left: 20px; margin-left:-20px; list-style:none; background:url(/img/css/iconDashSearch.gif) top left no-repeat;}

.boxDashboard .listDashMenu li {
	width: 160px;
	margin: 0;
	padding: 0;
	list-style:none; /* for others */
	list-style-image:none; /* for IE */
}
#contentDashboard .boxDashboard .listDashMenu li a,
#contentColumn .boxDashboard .listDashMenu li a {
	display:block;
	width:150px;  /* needed for ie */
	margin: 0;
	padding: 1px 5px;
	line-height:normal;
}
#contentDashboard .boxDashboard .listDashMenu li a:hover,
#contentColumn .boxDashboard .listDashMenu li a:hover {
	text-decoration:none;
	background-color:transparent;
}
#contentDashboard .boxDashboard .listDashMenu li ul,
#contentColumn .boxDashboard .listDashMenu li ul {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
	background-color:#ebebcd;
	z-index:6000;
	float:left;
	position:absolute;
	border: 1px solid #afad68;
}
.boxDashboard .listDashMenu li ul li {
	background: url(/img/css/dotted-tan.gif) repeat-x top;
	margin: 0;
	padding: 0;
}
.boxDashboard .listDashMenu li ul li:hover {background-color:#e5e5c3;}



/* Annual Report box *********************/

.boxAnnualReport {
	float: right;
	clear:right;
	width: 160px;
	margin: 15px 0;
	padding: 0 0 5px 0;
	font-size: 0.9em;
	background: url(/img/css/dotted-blue.gif) repeat-x bottom;	
}
.boxAnnualReport img {float:right; margin:10px 0 2px 5px;}
.boxAnnualReport h3 {
	font: bold 12px Helvetica, Arial, sans-serif;
	color:#039;
	background: url(/img/css/dotted-blue.gif) repeat-x bottom;
	padding: 4px 0;
	letter-spacing: 0.1em;
}
.boxAnnualReport a {color:#333;}
.boxAnnualReport a:hover {color:#000;}
.boxAnnualReport ul { margin:0; padding: 5px 0 0 0;}
.boxAnnualReport li {margin:4px 0 0 0; list-style:none none;}
.boxAnnualReport a.linkMore {color:#FE7D19;}



/* Spotlight box *********************/

.boxSpotlight {
	float: right;
	clear:right;
	width: 160px;
	background: url(/img/css/bgSpotlight.gif) bottom left no-repeat;
	margin: 5px 0 10px 0;
	padding-bottom: 5px;
	font-size:1.1em;
	text-align: center;
}
.boxSpotlight h3 {
	font: bold 1.0em Helvetica, Arial, sans-serif;
	color:#000;
	background: url(/img/css/bgSpotlight.gif) top left no-repeat;
	margin:0;
	padding: 15px 0 0 0;
	text-indent: -1000px;
	overflow:hidden;
}
.boxSpotlight h4 {
	font: bold 1.0em Helvetica, Arial, sans-serif;
	color:#000;
	margin:0;
	padding: 2px 13px;
}
.boxSpotlightBlank {
	float: right;
	clear: right;
	width: 160px;
	background: url(/img/css/bgSpotlightBlank.gif) bottom left no-repeat;
	margin: 5px 0 10px 0; 
	padding-bottom: 5px;
	font_size:1.1em;
	text-indent: 15px;
}
.boxSpotlightBlank h3 {
	font: bold 1.0em Helvetica, Arial, sans-serif;
	color:#000;
	background: url(/img/css/bgSpotlightBlank.gif) top left no-repeat;
	margin:0;
	text-indent: -1000px;
	overflow:hidden;
}
.boxSpotlightBlank h4 {
	font: bold 1.2em Helvetica, Arial, sans-serif;
	color:#000;
	margin:0;
	text-align: center;
	text-indent: 0px;
}
.boxSpotlightBlank li {
	font: bold 1.0em Helvetica, Arial, sans-serif;
}

#contentDashboard .boxSpotlight p {margin: 3px 13px; font-size:1.0em; line-height:1.1em;}
.boxSpotlight img {margin: 5px 0;}

#contentDashboard .boxSpotlightBlank p {margin: 3px 13px; font-size:1.0em; line-height:1.1em;}
.boxSpotlightBlank img {margin: 5px 0;}

.videoThumbnail {margin: 5px 0; text-align: center;}
.videoThumbnail img {border: 1px solid #000; padding-bottom:22px; background: #000 url(/img/css/bttnPlayVideo.gif) bottom right no-repeat;}
.videoThumbnail p {margin:0 12px; padding:0;}
.imgThumbnail img {border: 1px solid #000;}
#contentDashboard .boxSpotlight a, .videoThumbnail a:hover {background:none;}
#contentDashboard .boxSpotlightBlank a, .videoThumbnail a:hover {background:none;}

.boxSpotlight a.linkMore {
	font-size:0.9em;
}
.boxSpotlightBlank a.linkMore {
	font-size:0.9em;
}

/* subscribe now button */

#subscribe_now {
width: 172px; /* width of replacement image */
margin: 15pxn  0; /* space above and below */ 
background: url("/img/css/subscribe_now.gif") top left no-repeat;
float: right;
clear: right;
}
#subscribe_now h4 {
text-indent: -9999px; /* hide the text */
width: 172px; /* width of title */
height: 42px; /* height of title */
display: block;
margin: 0;
}
#subscribe_now ul {
margin: 0;
padding: 0 0 3px 0;
background: url("/img/css/subscribe_now.gif") bottom left no-repeat;
}
#subscribe_now li {
width: auto;
font: 10px/11px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
border-top: 1px solid #FDAA68;
list-style-type: none; /* remove bullets */ 
list-style-image: none; /* remove bullets */ 
margin: 0 11px 0 13px;
padding: 0;
}
#subscribe_now li a {
color: #000;
text-decoration: none;
padding: 3px 4px 4px 4px;
display: block;
}
*html #subscribe_now li a {width: 140px;}  /*haslayout fix for IE6*/  

#subscribe_now li a:hover {
text-decoration: underline;
background-color: #FCDFC9;
}

/* STATSTICS box *********************/

.boxStatistics {
	width: 160px;
	margin: 15px 0;
	padding: 0;
	color:#999;
	font: 1.0em Arial, Helvetica, sans-serif;
	position: relative; /* needed to postion the popup */
	text-align: center;
}
/*.boxStatistics img {display:block; margin: 5px auto;}*/
.boxStatistics h4 {
	font: bold 11px Helvetica, Arial, sans-serif;
	color:#000;
	margin:0;
	padding: 3px 10px;
}
.graphThumbnail {margin: 5px 0; text-align: center; }
.graphThumbnail img {padding-bottom:15px; margin:0; background: #fff url(/img/css/bttnViewDetails.gif) bottom right no-repeat;}
.graphThumbnail p {margin:0 12px; padding:0;}
.graphThumbnail a:hover {background:none;}

#graphDetail {
	border: 1px solid #666; 
	background-color:#fff;
	padding: 10px;
	z-index:6000;
	/*float:right;*/
	position:absolute;
	top: 0;
	right: 0;
}




/* CAMPAIGNS & NEWS LISTING - content area of landing pages *********************/

.boxNews {
	padding: 0 0 5px 0;
	margin: 5px 0 5px 0;
	clear:left;
	line-height:12px;
	background: url(/img/css/dotted-blue.gif) repeat-x bottom;
	font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;  /* NPC: 11px; no "Trebuchet MS" */
	min-height: 55px;
}
/* Win/IE browsers only - hide from Mac IE5\*/
* html .boxNews {height:55px;} 
/*End Mac IE 5 hide*/

.boxNews img {float: left;}
.boxNews ul {margin: 0 0 0 65px;}
.boxNews ul ul {margin: 0 0 0 0;}

/*.boxNews ul li a.linkMore {list-style:none;}*/
.boxNews p {color:#666; margin: 0 0 5px 65px; line-height: 1.33em;} /* NPC: added line-height: 1.3em; */
cite.source {color:#999; font-size: 90%; width: 100%; display: block;} /* NPC: added */
#contentColumn .boxNews * a {color:#000; text-decoration:none;}
#contentColumn .boxNews p.heading {font-weight: bold;}
#contentColumn .boxNews * a:hover {text-decoration:underline;}
#contentColumn .boxNews li a {color:#000; font-weight:normal; text-decoration:none;}
#contentColumn .boxNews a.linkMore {float:none; display:inline; font-weight:normal; font-size:10px; color:#FE7D19;}
#contentColumn .boxNews a:hover.linkMore {background-color:#FE7D19; color:#fff;}


/* .boxNews changes for the Publications landing page ********************************************/

#boxPublications .boxNews {
	min-height: 114px; /* The image height of 112 + 2 for the border */
}
/* Win/IE browsers only - hide from Mac IE5\*/
* html #boxPublications .boxNews {height:114px;} /* The image height of 112 + 2 for the border */ 
/*End Mac IE 5 hide*/ 
#boxPublications .boxNews p {
	margin-left: 92px; /* The image width of 80 + 10 for padding + 2 for the border */
	line-height: 1.33em;
}
#boxPublications .boxNews img {
	float: left;
	border-color: #888;
	border-width: 1px;
}

/* Translation Box ******ADDED BY Trevor Feb 22***************/

.transBox {
	float: right;
	clear:right;
	width: 160px;
	background: url(/img/css/bgTranslate.gif) bottom left no-repeat;
	margin: px 0 10px 0;
	padding-bottom: 5px;
	font-size:1.1em;
	text-align: center;
}
.transBox h3 {
	font: bold 1.0em Helvetica, Arial, sans-serif;
	color:#000;
	background: url(/img/css/bgTranslate.gif) top left no-repeat;
	margin:0;
	padding: 25px 0 0 0;
	text-indent: -1000px;
	overflow:hidden;
}
.transBox h4 {
	font: bold 1.0em Helvetica, Arial, sans-serif;
	color:#000;
	margin:0;
	padding: 2px 13px;
}
#contentDashboard .transBox p {margin: 3px 13px; font-size:1.0em; line-height:1.1em;}
.transBox img {margin: 1px 0;}

.videoThumbnail {margin: 5px 0; text-align: center;}
.videoThumbnail img {border: 1px solid #000; padding-bottom:22px; background: #000 url(/img/css/bttnPlayVideo.gif) bottom right no-repeat;}
.videoThumbnail p {margin:0 12px; padding:0;}
.imgThumbnail img {border: 1px solid #000;}
#contentDashboard .boxSpotlight a, .videoThumbnail a:hover {background:none;}
#contentDashboard .boxSpotlightBlank a, .videoThumbnail a:hover {background:none;}

.transBox a.linkMore {
	font-size:0.9em;
}

