/***** Global Settings *****/
 
html, body {
	border:0;
	padding: 0;
	background: #FFFFFF url("images/bg_grid.gif");
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px;
}
 
body {
font:80%/1.15 Verdana, Arial, Helvetica, sans-serif;
      text-align: center;
}

/*
   Add the following to your CSS file should you wish the cursor to
   "wait" while the script is processing the sort

body.sort-active *
        {
        cursor:wait;
        }
*/


/***** Links *****/
 
A
{
      text-decoration: none; color:#0060a1
}
a:active     { color: #77787a }
a:link       { color: #0060a1  }
a:visited    { color: #3380b4 }
a:hover		 {text-decoration: underline}

.content_lt A, .content_rt_sub A
{
      text-decoration: underline;
}
.content_heading A,.content_heading_US A{
      text-decoration: none;
}

/***** Headings *****/
 
h1, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {					/***** use for page titles on US site *****/
color: #ffffff;
padding:22px 0px 0px 33px;
margin:0;
font-weight: normal;
font-size:1.45em;
}
 
h2 {					/***** use for page titles *****/
color: #ffffff;
padding:22px 0px 0px 97px;
margin:0;
font-weight: normal;
font-size:1.45em;
}
 
h3 {					/***** use for subtitles *****/
color: #20558a;
font-size:1.1em;
font-weight:bold;
padding:0px 0px 5px 0px;
margin:0;
}

h4 {					/***** use to highlight content items *****/
color: #20558a;
font-size:.9em;
font-weight:bold;
padding:0px 0px 5px 0px;
margin:0;
}
h5 {					/***** use for footnotes, instructions *****/
font-size:.8em;
font-weight: normal;
padding:5px 0 2px 0;
align: left:
margin:0 auto;
}
 

h6 {					/***** use for captions right column *****/
font-size:.85em;
font-weight: normal;
font-style: italic;
padding:3px 10px 5px 10px;
align: center:
margin:0 auto;
}
 
/***** Common Formatting *****/
 
p {
margin:0;
padding: 0 0 .7em 0;
}
p.reduced {
margin:0;
padding:0 0 .3em 0;
}

p.reduced_rt_col {
margin:0;
padding: .25em 0 .15em 0;
}

p.extra {
margin:0;
padding:1.2em 0 0 0;
}

table.content{
margin: 0 0 .1em 0;
padding: 0;}

table.lists td {
text-align: left
}

blockquote {
margin:.5em 0 0 1.25em;
padding:0;
}

.small {
font-size:0.8em;
}

img {
border:0;
}

.highlight{ color: #20558a;}

sup{	
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 80%;
  font-family: inherit;
  vertical-align: text-top;}

sub{	
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 90%;
  font-family: inherit;
  vertical-align: -3px;}
  
.indent{
	padding: 6px 0 0 14px}
  
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

.details td{
  font-size: .8em;}

 
/***** Navigation menu *****/

.nav_top{
height: 7px;
background: #f4f4f5 url("images/bg_nav_top.jpg");
}

.nav_main{
height: 40px;
text-align: center;
    margin:     0 auto;
background: #f4f4f5 url("images/bg_nav_main.jpg");
}

 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:inherit;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}

table.table_w_form td.space_under  
{ 
  padding-bottom: 10px; 
} 

table.table_w_form td{
padding:3px 0 3px 0;
}

table.table_w_form td.subheading{
padding:3px 0 3px 0;
line-height: 120%;
border-top: 1px #676767 dashed
}
table.table_w_form td.indent{
padding:1px 0 1px 12px;
}
tr.row_shaded {
background-color: #efefef}
 
/***** Wrapper and layout*****/
 
#wrap {
width: 802px;
margin:     0 auto;
text-align: left;
padding: 0 3px 3px 3px;
background-color: #939598
}

#border  {
width:800px;
margin: 0;
padding: 0;
border-right:  1px solid #666666;
border-bottom:  1px solid #666666;
border-left:  1px solid #666666;
}

#main	{
margin: 0;
padding: 0;
border:0;
width: 100%;
background-color: #FFFFFF;
}

td.right_column_index{
margin: 0;
padding: 0;
border:0;
width: 223px;
background-color: #ecf2ea}

td.highlight_photo{
padding-left:0; padding-right:5px; padding-top:0; padding-bottom:0:
margin: 0}

td.highlight_text{
padding-left:0; padding-right:12px; padding-top:0; padding-bottom:0:
margin: 0}


/***** Header *****/

#header_top{
background-color: #387c2b;
height: 3px
}

img.logo{
width: 274px; height: 65px;
margin-left: 19px; margin-top: 6px;
}


td.banner_lt_index{
width: 576px; height: 120px;
background: #3a9bd4 url("Canadian/images/banner_index2.jpg") no-repeat;
}

td.banner_lt_index_US{
width: 576px; height: 120px;
background: #3a9bd4 url("images/banner_index_US.jpg") no-repeat;
}


td.banner_rt_index{
width: 224px; height: 120px;
background: #3380B4 url("images/bg_banner_rt.jpg") repeat-x;
}

td.content_lt{
width: 528px;
height: 400px; 
min-heigh: 400px;
margin: 0; padding: 0;
}


td.content_heading{
width: 528px; height: 72px;
margin: 0;
background: #1f97d3 url("images/banner_sub.jpg") no-repeat;
}

td.content_heading_US{
width: 528px; height: 72px;
margin: 0;
background: #1f97d3 url("images/banner_sub2.jpg") no-repeat;
}

td.content{
width: 528px; 
margin: 0;
padding: 12px 30px 12px 30px;
background-color: #FFFFFF ;
}

td.content_full{
width: 100%; 
margin: 0;
padding: 12px 30px 12px 30px;
background-color: #FFFFFF ;
}
.th
{
	color: #20558a;
	font-weight: bold
}
.th_sub
{	
	color: #20558a;
	font-weight: bold;
	line-height: 1.8em;
}

	

.list_ch{
	color: #ffffff;
	font-size: .0em}
	
#links a img {
  height: 0;
  width: 0;
  border-width: 0;
} 
#links a {
  display:block;
  padding-top: 110px;
} 
#links a:hover img {
  position: relative;
  top: -260px;
  left: -90px;
  height: 267px;
  width: 400px;
  border-width: 2px;
  border-color: #0ff;
} 
.thumbnail {
  float: left;
  width: 139px;
  height: 145px;
  border: 1px solid #000;
  margin: 0 15px 15px 0;
  padding: 5px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
} 


td.content_shaded_header{
width: 100%; 
margin: 0;
padding: 3px 30px 3px 30px;
background-color: #DFDFDF ;
}

td.content_shaded_top{
	font-size:.85em;
font-weight: normal;
width: 100%; 
margin: 0;
padding: 3px 30px 3px 30px;
background-color: #ffffff ;
}
td.content_reduced_padding{
width: 100%; 
margin: 0;
padding: 5px 30px 10px 30px;
background-color: #f5f5f5 ;
}

td.content_rt_sub{
width: 271px;
margin: 0 auto; padding: 0;
background-color: #ecf2ea}

td.content_rt_sub2_top{					/***** User for layout 2 with right and left column aligned *****/
width: 271px;
margin: 0 auto; padding: 0;
background: #1c97d2 url("images/bg_banner_shadow.jpg") repeat-x;
}
td.banner_shadow{					/***** User for layout 2 with right and left column aligned *****/
background: #1c97d2 url("images/bg_banner_shadow1px.jpg");
}

td.content_rt_sub2{					/***** User for layout 2 with right and left column aligned *****/
width: 271px;
margin: 0 auto; padding: 0;
background-color: #ecf2ea}

/***** Footer *****/
td.footer{
width: 800px; height: 23px;
background: #f4f4f5 url("images/bg_footer.jpg");
}

/***** List with images *****/
.list_col_rt {
	margin: .2em; 
	padding: 0 0 .2em .4em;
	color: #0060a1;
	text-align: left}


.list_col_rt ul{
	list-style-type: none;
	list-style-position: outside;
	margin: .2em .5em 0 0; 
	padding: 0 0 0 .5em;}
	
.list_col_rt li {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0060a1;
	font-weight: normal;
	background-image: url('images/bullet_blue.gif');
	background-repeat: no-repeat;
	background-position: 0 .2em;
	line-height: 1.1em;
	margin: 0 0 .1em 0;
	padding: 0 0 .3em 1.3em;}
	
.list_content ul{
	list-style-type: none;
	list-style-position: outside;
	margin: .2em 0 0 0; 
	padding: 0;}
	
.list_content li {
	list-style-type: none;
	background-image: url('images/bullet_blue.gif');
	background-repeat: no-repeat;
	background-position: 0 .2em;
	line-height: 1.1em;
	margin: 0;
	padding: .1em 0 .2em 1.1em}
	
.list_letters ol {
	list-style-position: outside;
	margin: .2em 0 0 1.8em; 
padding:0
}

ul {
	list-style-position: outside;
margin: .2em 0 .7em 1.6em;
padding:0
}

ol {
	list-style-position: outside;
margin: .5em 0 .5em 1.8em;
padding:0
}

/***** table with border*****/

table.list { margin: 0; padding: 0; border-collapse: collapse; width: 100% }
table.list td,table.list th { padding: .3em; border: 1px #3380B4 solid; }
table.list thead { background: #ffffff; font-weight: bold }
table.list tbody { background: #eeeeee; } 




/***** Sortable Table *****/
#theTable {
	    width: auto;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
        font-size:.85em;
	 }

        
#theTable th
        {
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;        
		text-align: center;
		font-weight: bold;
        padding: 3px 3px 3px 12px;
        background: #d3d4d6 url(images/bg_header.jpg) no-repeat 0 0;
        vertical-align: middle;
               }

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize,
th.sortable-sortAlphaNumeric,
th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #CAE8EA url(images/bg_header.jpg) no-repeat 0 0;
        padding:  3px 3px 3px 12px;
        text-align: center;
        }
th.forwardSort
        {
        background:#CAE8EA url(images/bg_header_down.jpg) no-repeat 0 0;
        }
th.reverseSort
        {
        background:#CAE8EA url(images/bg_header_up.jpg) no-repeat 0 0;
        }
table thead th.forwardSort a,
table thead th.reverseSort a
        {
        color:#000;
        text-decoration:none;
        }
/*
These styles should be added when very long tables are expected
th.sort-active
        {
        background:#b7d9f2 url(images/bg_header_sorting.jpg) no-repeat 0 0;
        cursor:wait;
        }
th.sort-active a
        {
        color:#b1e6ec !important;
        cursor:wait;
        }
*/
th a
        {
        text-decoration:none;
        color: #b1e6ec;
        background: transparent;
        }
#theTable td{
		padding: 2px;
		font-weight: normal;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
		}
		
td.lft
        {
        text-align:left;
        }
tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }
tr[class="alt"] td
        {
        background: #F5FAFA url(td_alt.jpg) no-repeat;
        }
td[class~="alt"]
        {
        background: #edf3f3 url(col_alt.jpg) no-repeat !important;
        }

/* Image free rules for Internet Explorer < 7 */
* html tr.alt td
        {
        background-color:#F5FAFA;
        }
* html tr td.alt,
* html tr.alt td.alt
        {
        background-color:#edf3f3;
        }
/***** Global Classes *****/

td.outline {background-color: #939598}
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { color:#0060a1 }
 
.img-left      { float:left;}
.img-right     { float:right;}
.img-right-no-padding     { float:right;margin:0; }
.img-header      { float:left;margin:6px 0 0 18px; }
.img-highlight	{padding: 4px; margin: 0; border: 1px solid #bbbbbb;}
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }