body 
{
    background-image:url(/images/Left-vbar2.gif);
	background-repeat: repeat-y;
	margin: 0 0 0 0;
	padding: 0;
	}
#cTop {height:88px; padding:0px; width:744px; vertical-align:top;  
    background-image:url(/images/header-banner744.gif); 
    background-repeat:no-repeat;
    }
#SearchNav {padding-left:18px; background-color:#D0E3E6; height:30px; vertical-align:middle;
    font: normal 10px Verdana; }
    
#qlNav {background-color:#D0E3E6; height:30px; vertical-align:middle; }
#uNav {height:30px; background-color:#CC6600; vertical-align:top; }
#cLeft {width: 224px; padding-left:24px; vertical-align:top; }
#cRight {width: 224px; vertical-align:top; padding-right:24px; padding-top:20px;
    background-image:url(/images/Right-gradient.jpg);
    background-repeat:no-repeat;
    }
#cRest {width:744px;height:420px; padding:0;}

td.content {padding-left: 18px; padding-right: 18px; padding-top:15px;
    vertical-align:top; 
    background-image:url(/images/full-gradient.jpg); 
    background-repeat:no-repeat;
    background-position:top right; 
    height:460px; 
    min-height:460px;}

/* center columns footer styles */
img.fImage {padding:  5px 0 5px 0;}
#footer { font: 11px Verdana; padding-top:55px;padding-bottom:10px;}
#footer a:link { color: #026C85; text-decoration: none;}
#footer a:visited { color: #026C85; text-decoration: none;}
#footer a:hover { color: #999; text-decoration: underline;}

/* 2.5 span footer styles */
img.fImage2 {padding: 5px 0 5px 0; }
div.footerText {width:628px; text-align: center;}
#footer2 { width:628px;  font: 11px Verdana; padding-left:18px; padding-top:25px; padding-bottom:10px;}
#footer2 a:link { color: #026C85; text-decoration: none;}
#footer2 a:visited { color: #026C85; text-decoration: none;}
#footer2 a:hover { color: #999; text-decoration: underline;}

div.HelpLinks 
{
    position: static; 
    float:right; 
    margin: 8px 6px 5px 0px;
    font: normal 11px verdana;
    color:Black;  
    }
    
div.HelpLinks a:link { color: #000; text-decoration: none;}
div.HelpLinks a:visited { color: #000; text-decoration: none;}
div.HelpLinks a:hover { color: #000; text-decoration: underline;}

div.span15 {width: 450px;}
div.span2 {width: 628px;}
div.span3 {width: 706px; }

div.ArchiveListing 
{
    width: 224px; 
    background-color:#FFE8BF;
    margin-top:5px;
    padding-bottom: 10px;
    }
    
div.ArchiveListing {font: normal 11px verdana;
    
    }
    
div.ArchiveListing p
{ padding: 10px ; padding-top:0px;}

div.ArchiveListing h1
{
    background: #CC6600;
    font-size:13px;
    color:White;
    text-align:center;
    padding: 5px 0 5px 0;
    margin-bottom:6px;
}

div.ArchiveListing h2
{
    background: #CC6600;
    font-size:13px;
    color:White;
    text-align:center;
    padding: 5px 0 5px 0;
    margin-bottom:6px;
}
div.ArchiveListing ul
{ font: normal 11px/20px verdana;
  list-style: none outside;
  margin-top: 0;
  margin-bottom:0;
   } 

/* for 3 column news release archive table placement */
table.nrarchive
{margin-left:-15px;}
        
/* Search area styles */        
.sSearch {font: bold 11px Verdana; color:#026C85;}
.sButton {border: 1px solid #528494; background-color: #9cbdce; font: normal 11px verdana; 
    color: #026C85; width: 35px; margin-bottom:1px; height:18px; vertical-align: top; margin-top:2px; padding: 0 0 2px 0; }
.sTextbox {height:14px;}

/* Quicklinks and Labour Links styles */
div.quicklinks {width: 180px; float:left; }
.qLinks {margin: 0px; font:normal 11px verdana; width:160px; }

.LabourLinks 
{
    font:bold 11px verdana;
    padding-left:80px; padding-right:24px; padding-bottom: 0px;}
.LabourLinks a:link {text-decoration:none; color:#026C85;}
.LabourLinks a:visited {text-decoration:none; color:#026C85;}
.LabourLinks a:hover {text-decoration:underline; color:#026C85;}

/* for ColdFusion quicklinks and search form */
form.CFquicklinks {padding-right:15px; margin:0; vertical-align:middle;  }
form.CFForm {margin:0;}

/* for print and RSS icon placement */
div.printIcon { }
.printImg {padding: padding: 0;}

.rssIcon {padding-left: 5px; border:none;}

/* for collective agreement TOC display; used with CA-TOC-list.xml file*/
span.CAToC li
{ font: normal 11px/20px verdana;
  list-style: outside url("/gif/bullet_media.gif");
  
}
span.CAToC ul
{ margin-left:20px; margin-right:10px;}

td.content blockquote {padding-left:20px;}

table.summerreg td {border-top: solid 1px #CCCCCC; padding-top:10px; padding-bottom:10px;}
table.summerreg td.noborder {border-top: solid 0px #CCCCCC; padding-top:10px; padding-bottom:10px;}
div.audienceFeature {padding: 0 30px 0 30px;}

/*  2009-06-11 je: Used for collection display. The collection control css below and xslt (featurecollectionlist.xsl) combine to create the look of the colleciton, which uses the html icon as ackground image for the li and set ul list-style to none; this setup will be fine until such time that other file types are included within a collection; currently only html content can be included in collections
*/

div.ArchiveListing ul.CollectionList { margin: 0px; padding: 0; line-height: 18px;}

.featurecollection
{
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
list-style: none;
}

.featurecollection li
{
padding-left: 20px;
background-image: url("/images/HTML.gif");
background-repeat: no-repeat;
background-position: 0 5px 10px 20px;
}

/* end collection styles */

/*for Google search CSE */

#GSearch 
{
    border: solid 1px  #69645C;
    margin: 5px 20px 5px 20px;
    padding: 0 10px 0 10px;
    }
div.gs-result 
{
    font: normal 11px Verdana;
}
.loginbtn 
{
    border: solid 1px  #69645C;
    background-color: #D0E3E6;
    font-size: 11px;
    padding: 3px; 
    
}
div.FB-share 
{
margin-top: 20px;
}

/* for styling of Facebook share and CMS socialbar control items */
div.socialbar
{
    font: normal 11px verdana;
    margin-left:0px;
}
div.socialbar ul {display: inline; }

 .ekSocialBar {margin: 0em; padding: 0em; list-style: none;}
 .ekSocialBar li {display: inline; margin-right: .5em;}
 .ekSocialBar li a {font-size: .87em; color: #486AC5; text-decoration:none;}
 .ekSocialBar li img {vertical-align: middle;}
 
 /* for consistency in displaying required field messages */
 .RequiredFieldMessage
 {
    font-size: larger;
    font-weight: bold;
    line-height:20px;
    
 }
 .join a {text-decoration: none}
 .join a:hover {text-decoration: underline}
 .join b {color: #cc3300; font-size:11px; }