/* media screen */

/* meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*****************************************/
/*******   SET WEBSITE STYLES    *********/
/*****************************************/

body {
	/* background: #C5CBCC url(https://canadiancrc.com/layout/bg_home2.gif) top center repeat-y;
	original background: #ECEDF2 url('https://canadiancrc.com/images/layout/browser_background.gif') repeat-y center;*/
	font: normal normal normal 100% Arial, Helvetica, sans-serif;
	line-height: 145%;
	padding: 0;
	color: #000000;
	margin: 0;
}
.menus{font: normal normal normal 12px Arial, Helvetica, sans-serif;
	line-height: 125%;}

table{
	background-color: #FFF;
	border: 1px solid black;
	border-collapse: collapse;
}
th, td {
    border: 1px solid black;
    padding: 10px;
}

h1 {
	color: #000000;
	font: normal normal bold 125% Arial, Helvetica, sans-serif;
	line-height: 145%;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* Commonly used to style section titles. */
h2 {
	line-height: 125%;
	font: italic normal bold 125% Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;

}
li {
	margin-top: 12px;
	margin-bottom: 12px;
}
p {
	margin-top: 9px;
	margin-bottom: 9px;
}
img {
max-width: 100%;
    height: auto;
	border: 0;
}
figcaption {
    font: normal normal normal 80% Arial, Helvetica, sans-serif;
}
video {
    max-width: 100%;
    height: auto;
/*****   w3schools.com/css/css_rwd_videos.asp  **/
}
blockquote {
/** Most browsers will display the <blockquote> element with the following default values: **/
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
.bold {
	font-weight: bold;
}
.border-1px_black {
	border: 1px #000000 solid;
}
.white {
	color: #FFFFFF;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-right-15 {
	margin-right: 15px;
}
.margin-bottom-15 {
	margin-bottom: 15px;
}
.margin-left-15 {
	margin-left: 15px;
}
.margin-top-0 {
	margin-top: 0px;
}
.margin-right-0 {
	margin-right: 0px;
}
.margin-bottom-0 {
	margin-bottom: 0px;
}
.margin-left-0 {
	margin-left: 0px;
}
/***********************************************************
Links
***********************************************************/
/* LINK VISITED HOVER ACTIVE selectors must remain in this order to work */
/* Sets the style for unvisited links. */
a {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
a:link {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
/* Sets the style for visited links. */
a:visited {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
/* Sets the style for links on mouseover. */
a:hover {
	color: #000;
	text-decoration: underline;
}
/* Sets the style for links on mouseover and waiting for load. */
a:active {
	color: #000;
	text-decoration: underline;
}
.black_links a: {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.black_links a:link {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.black_links a:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.black_links a:hover {
	color: #E10000;
	text-decoration: underline;
	font-weight: bold;
}
.black_links a:active {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
/********  Picture links ***********/

/* the filter:alpha covers <= IE8   */
}
.Pic_link img:hover, .Pic_link_border img:active {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.para_top_0: {
	margin-top: 0px;
}
.para_bot_0: {
	margin-bottom: 0px;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
/***.right {
	text-align: right;
}  REPLACED BY TEXT-RIGHT BELOW TO MATCH BOOTSTRAP***/
.text-right {
	text-align: right;
}
.cell_line {
	text-align: center;
	border-style: solid;
	border-width: 1px;
}
.normal {
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
}
.white_type_red {
	background: #990000;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
}
.picture_link img. img:visited,  {
	border:0px;
}
.picture_link img:hover {
	border:0;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.red {
	color: #990000;
}
.highlight_body {
	background-color: #FFFF66;
}
.editor_ccrc {
	background: #FCC9D1;
	border: 1px #990000 solid;
	padding: 7px;
	margin: 10px 0px 10px 0px;
}
.editor_comments_span {
	color: #FFFFFF;
	background-color: #E10000;
}
.editor_comments {
	background: #E10000;
	color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
}
.grey_body_div {
	border: 3px #666666 solid;
	background-color: #666666;
	font: normal normal bold 14px/20px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
.line_body {
	color: #C0C0C0;
	line-height: 2px;
}
/*.drop_menu{
background-image: url('../layout/Down_arrow_white.png');
 background-position:right;
 padding-right:23px;
 background-repeat:no-repeat;
}*/
/*a img { border: none; }*/

/*************************************************************************************
********  Set all linked files ending with .pdf to have pdf logo after
********  Change this so that headlined links don;t have pdf logo after
**************************************************************************************/

/******a[href $='.pdf'] {
	padding-right: 30px;
	background: transparent url('https://canadiancrc.com/layout/pdf.png') no-repeat right;
}*****/

.new_window {
	padding-right: 18px;
	background: transparent url('https://canadiancrc.com/layout/icon_ExternalLink.gif') no-repeat right;
}
/*****************************************************************************************************
********  mobile buttons on webpage  Family_Responsibility_Office_Ontario_address_phone.aspx  ********
******************************************************************************************************/
#FROButtons li a {
	padding:8px;
	width:385px;
	text-align: left;
	color:#FFFFFF;
	background-color: #990000;
	font-size: 1.571em;
display:block;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	text-decoration: none;
	margin-bottom:7px;}
#FROButtons a:link a:visited{
	padding:8px;
	width:100%;
	text-align: left;
	color:#FFFFFF;
	background-color: #990000;
	font-size: 1.571em;
display:block;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	text-decoration: none;
	margin-bottom:7px;}

#FROButtons a:hover, a:active {
	background-color: #000000;
}

/******************************************
*********  End of type styles   **********
******************************************/
#outerWrapper {
	margin: 0px auto 0px auto;
	width: 980px;
	padding: 0;
/*border: 1px gray solid;*/background-color: #FFFFFF;
}
.down_arrow {
    padding-right: 20px;
    background-image: url('https://canadiancrc.com/layout/Down_arrow_white.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right;
}
#header_print {
	display: none;
}
#header_screen {
	width: 980px;
	margin: 10px auto 0px auto;
	height: 70px;
	background: url('https://canadiancrc.com/layout/head.png') no-repeat;
	padding: 0;
}
#header_middle {
	width: 700px;
	margin-bottom: 5px;
}
.tags {
	border: 1px #616161 dashed;
	padding: 0px 6px 0px 6px;
}
.CCRC_title {
	font: normal normal bold 15px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
	padding-left: 90px;
	width: 650px;
}
/*****   This is the start black header issues area across the top   ***/
#header_issues_container {
	border: 2px solid #636363;
	background-color: #242424;
	height: 182px; /*padding-left: 7px;*/ /*text-align:center;
	padding:13px 10px 13px 10px;*/;
	margin-bottom: 10px;
}
.header_issues_box {
	width: 138px;
	float: left;
	border: 1px solid #616161;
	background-color: #010101;
	padding: 6px;
	color: #b2b1b1;
	margin: 12px 4px 12px 4px;
}
.marg_top_bot_11px {
	margin-top: 11px;
	margin-bottom: 11px;
}
.header_issues_content {
    background: #474747 url(https://canadiancrc.com/layout/header_left_bg.jpg) repeat-x;
    padding: 6px;
    height: 130px;
}
.header_issues_title {
	font-size: 12px;
	border-bottom: 1px solid #b2b1b1;
	line-height: 25px;
}
.img-responsive{max-width: 100%;height: auto;display: block;
} /*** Bootstrap- This applies  to the image so that it scales nicely to the parent element.**/

/*** To center images which use the .img-responsive class, use .center-block instead of .text-center.
See the helper classes section for more details about .center-block usage.**/
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*** Usage as a mixin ***/
.element {
  .center-block();
}
/** Mixin itself **/
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

/** Usage as a mixin **/
.element {
  .clearfix();
}

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
/*****   This is the end header issues area across the top   ***/
#header2 {
	float: left;
	width: 470px; /*margin-bottom: 10px;*/;
	padding-left: 90px;
}
.virtual {
	font: normal normal normal 13px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	color: #FFFFFF;
}
#contentWrapper {
	padding: 0px;
clear: left;
}
#content {
	float: right;
	width: 785px;
	padding: 0;
border-top: #C0C0C0 solid 1px;
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
.clearFloat {
	display: block;
	clear: left;
}
.pict_top_right {
	margin: 0px 0px 10px 0px;
	border: 1px #000000 solid; /* doesn't work with asp image control*/
}
#sidebar_left {
	width: 182px;
	min-height: 20px;
	margin: 0;
	padding: 0;
}
.sidebar_182_grey_back {
	/*text-align: left;*/
	border-width: 1px;
	/* width: 168px; */
	background-color: #CCCCCC;
	border-color: #000000;
	border-style: solid;
	padding: 6px;
	margin-bottom: 10px;
}
.sidebar_182 {
	text-align: left;
	border: 1px #000000 solid;
	  width: 180px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-bottom: 10px;
}
.sidebar_182_red_div {
	text-align: left;
	border: 1px #990000 solid;
	/*width: 180px;*/
	background-color: #FFFFFF;
	padding: 0px;
	margin-bottom: 10px;
}
.sidebar_182_red {
	text-align: left;
	border: 1px #990000 solid;
	width: 180px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-bottom: 10px;
}
.sidebar_182_content {
	padding: 0px 6px 6px 6px;
}
.sidebar_182_red_top {
	color: #FFFFFF;
	font: normal normal bold 14px Arial, Helvetica, sans-serif;
	line-height: 125%;
	background-color: #990000;
	padding: 5px;
	text-align: center;
}
.sidebar_top_red_full {
	padding: 5px;
	background-color: #990000;
	text-align: center;
	color: #FFFFFF;
	font: normal normal bold 12px Tahoma, Arial, Helvetica, sans-serif;
}
.sidebar_right_top_gray {
	padding: 5px;
	background-color: #666666;
	text-align: center;
	color: #FFFFFF;
	font: normal normal bold 12px Tahoma, Arial, Helvetica, sans-serif;
	margin: 6px;
}
.sidebar_top_gray_full {
	padding: 5px;
	background-color: #666666;
	text-align: center;
	color: #FFFFFF;
}
.sidebar_top_red {
	padding: 5px;
	background-color: #990000;
	text-align: center;
	color: #FFFFFF;
}
#right {
	margin-left: 196px;
	background-color: #fff;
	min-height: 30px;
	text-align: left;
	padding: 10px 10px 15px 15px;
	min-width: 560px;
}
#header_screen {
    width: 980px;
    margin: 0px auto 0px auto;
    height: 70px;
    background: url('https://canadiancrc.com/layout/head.png') no-repeat;
    padding: 0;
    border-bottom: 1px #840000 solid;
    border-top: 1px #840000 solid;
}
.virtual {
	float: left;
	font: normal normal normal 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	width: 500px;
	padding-left: 90px;
	margin-top: 0px;
}
/*************************************************
********** used in top large link boxes **********
*************************************************/
.normal {
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
}
.search_boxForm {
	/*padding: 0px;*/
float: right;
	text-align: right; /*margin-top: 5px;*/;
	width: 360px;
	margin: 5px 8px 0;
}
/*****  Newspaper Articles Drop down menu ***/
#dropmenudiv {
	position: absolute;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	z-index: 100;
}
#dropmenudiv a {
	width: 100%;
	display: block; /*border-top: 1px solid #FFFFFF;*/;
	border-bottom: 1px #FF0000 solid;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
}
    #dropmenudiv a:hover {
        background: #CC0000 url('https://canadiancrc.com/images/layout/linkarrow2.gif') no-repeat left center;
        color: #FFFFFF;
    }
#dropmenudiv ul li a {
	padding: 5px 0px 3px 5px;
	color: White;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#menu-top1 {
	clear: both;
	float: right; /*width: 400px;*/;
	margin: 0;
	/*background-color: #FFFFFF;*/
}
#menu-top1 ul {
	padding-left: 0;
	margin: 7px 10px 7px 0px;
/*background-color: #990000;*/color: #FFFFFF;
	float: right;
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; /*height: 21px;*/;
	border-right: 1px #989898 solid;
}
#menu-top1 ul li {
	display: inline;
}
#menu-top1 ul li a {
	padding: 3px 7px 3px 7px;
/*background-color: #990000;*/color: #FFFFFF;
	text-decoration: none;
	float: right;
	border-left: 1px #989898 solid;
	/*border-top: 5px solid #990000;
	border-bottom: 5px solid #990000;*/
}
#menu-top1 ul li a:hover {
	background-color: #D20000;
	color: #FFFFFF;
	/*border-top: 5px solid #D20000;
	border-bottom: 5px solid #D20000;*/
}
/******** Below   line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu   html 5 nested elements ***/
nav {/*clear: both; */
	width: 978px;
	height: 26px;
	background: #990000;
/*margin: 0px;*/border-top: 4px #990000 solid;
	border-bottom: 2px #000000 solid;
	border-left: 2px #000000 solid;

}
nav ul {
	background:#990000;
	border-bottom: 2px #000000 solid;
	border-left: 2px #000000 solid;
	padding-left: 0;
	margin: 0;
	background: #990000;
	color: White;
	width: 970px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 22px;

/*background: #efefef;
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px; */
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
}
	nav ul li:hover {
		background:#CC0000;
		/***background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);**/
	}
		nav ul li:hover a {
			color: #fff;
		}
	nav ul li a {
		display: block;
		/*padding: 25px 40px;
		color: #757575;*/
		padding:8px;
		color:#FFFFFF;
		text-decoration: none;
	}

	nav ul ul {
	background: #990000;
	/*background: #5f6975;*/
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	width:200px;
}
	nav ul ul li {
		float: none;
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		nav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}
nav ul ul li a:hover {
				/*background: #4b545f;*/
				background-color:#CC0000;
			}

nav ul ul {
	position: absolute; left: 100%; top:0;
}

#menu-Horiz3 {
	/*clear: both; */
	width: 978px;
	height: 26px;
	background: #990000;
/*margin: 0px;*/border-top: 4px #990000 solid;
	border-bottom: 2px #000000 solid;
	border-left: 2px #000000 solid;
}

/*   second level ULfor newspaper years  ****/
#menu-Horiz3 ul ul{
	/*float: left;*/
	padding-left: 0;
	margin: 0;
	background: #990000;
	color: White;
	width: 190px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*height: 22px;*/
}
#menu-Horiz3 ul {
	/*float: left;*/
	padding-left: 0;
	margin: 0;
	background: #990000;
	color: White;
	width: 970px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
}

#menu-Horiz3 li {
	display: inline;
	background: #990000;
	color: #FFFFFF;
	text-decoration: none;
}
#menu-Horiz3 a {
	background: #990000;
	padding: 5px 9px 5px 9px;
	color: #FFFFFF;
	text-decoration: none; /*margin-right:4px;*/;
	float: left;
	/*border-right: 1px #FFFFFF solid;
	border-left: 1px #808080 solid;
	border-bottom: 3px #808080 solid;*/
}
#menu-Horiz3 ul li a:hover {
	/*border-bottom: 3px #990000 solid;*/
	background: #CC0000;
	color: #FFFFFF; /* CSS3 Border-radius not implemented yet */ /* Firefox */
	-moz-border-radius: 5px; /* Jan. 2010 Firefox, a single property to define the radiuses of all 4 corners, while in Safari, I need to also use two of the individual border radius properties */
	 /* dynamicdrive.com/style/csslibrary/item/css3_rounded_corners_using_border_radius/ 14JUN10  */ /*	-webkit-border-radius: 8px;*/ /* Safari and Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-radius:5px;
}
/**  used staring 01 Jan 2017 for Horixontal menu --**/
/* Style The Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


/**--  below was used in pre Jan 02-2017 menu **/
#menu-Horiz {
	/*clear: both; */
	width: 978px;
	height: 26px;
	background: #990000;
/*margin: 0px;*/border-top: 4px #990000 solid;
	border-bottom: 2px #000000 solid;
	border-left: 2px #000000 solid;
}
#menu-Horiz ul {
	/*float: left;*/
	padding-left: 0;
	margin: 0;
	background: #990000;
	color: White;
	width: 970px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
}
#menu-Horiz li {
	display: inline;
	background: #990000;
	color: #FFFFFF;
	text-decoration: none;
}
#menu-Horiz a {
	background: #990000;
	padding: 5px 9px 5px 9px;
	color: #FFFFFF;
	text-decoration: none; /*margin-right:4px;*/;
	float: left;
	/*border-right: 1px #FFFFFF solid;
	border-left: 1px #808080 solid;
	border-bottom: 3px #808080 solid;*/
}
#menu-Horiz ul li a:hover {
	/*border-bottom: 3px #990000 solid;*/
	background: #CC0000;
	color: #FFFFFF; /* CSS3 Border-radius not implemented yet */ /* Firefox */;
	-moz-border-radius: 5px; /* Jan. 2010 Firefox, a single property to define the radiuses of all 4 corners, while in Safari, I need to also use two of the individual border radius properties */ /* http://www.dynamicdrive.com/style/csslibrary/item/css3_rounded_corners_using_border_radius/ 14JUN10  */ /*	-webkit-border-radius: 8px;*/; /* Safari and Chrome */;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.droplinebar {
	overflow: hidden;
}
.droplinebar ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	font: bold 13px Arial;
	background: #990000 url(bluedefault.gif) center center repeat-x; /*default background of menu bar*/
}
.droplinebar ul li {
	display: inline;
}
.droplinebar ul li a {
	float: left;
	color: white;
	padding: 9px 11px;
	text-decoration: none;
}
.droplinebar ul li a:visited {
	color: white;
}
.droplinebar ul li a:hover, .droplinebar ul li .current {
	/*background of main menu bar links onMouseover*/
color: white;
	background: transparent url(blueactive.gif) center center repeat-x;
}
/* Sub level menus*/
.droplinebar ul li ul {
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	background: #303c76;
/*sub menu background color */visibility: hidden;
}
/* Sub level menu links style */
.droplinebar ul li ul li a {
	font: normal 13px Verdana;
	padding: 6px;
	padding-right: 8px;
	margin: 0;
	border-bottom: 1px solid navy;
}
.droplinebar ul li ul li a:hover {
	/*sub menu links' background color onMouseover */
background: #242c54;
}
.down_arrow {
    background-position: right;
    padding: 5px 23px 5px 9px;
    background-image: url('https://canadiancrc.com/layout/Down_arrow_white.png');
    background-repeat: no-repeat;
}
#menu-top2 {
	clear: both;
	width: 980px; /*margin: 0px;*/ /*background-color: #333;*/;
	background-color: #990000;
	color: #FFFFFF;
}
    #menu-top2 ul {
        padding-left: 0;
        margin: 0;
        background: #808080 url('https://canadiancrc.com/layout/grey_menu2_FFFFFF-808080_2x25.png') repeat-x top;
        color: White;
        float: left;
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        /*height: 26px;*/
    }
#menu-top2 ul li {
	display: inline;
}
    #menu-top2 ul li a {
        background: #808080 url('https://canadiancrc.com/layout/grey_menu2_FFFFFF-808080_2x25.png') repeat-x bottom;
        padding: 5px 7px 3px 7px;
        color: #990000;
        text-decoration: none;
        float: left;
        border-right: 1px #FFFFFF solid;
        border-left: 1px #808080 solid;
        border-bottom: 3px #808080 solid;
    }
#menu-top2 ul li a:hover {
	border-bottom: 3px #990000 solid;
}
/****** id for Google search button ****/
#search {
	float: right;
	text-align: right;
	width: 360px;
}
#menu-top3 {
	margin: 0;
	padding: 0;
	text-align: left;
}
#menu-top3 ul {
	margin: 0;
	padding-left: 0;
	float: left;
	font-weight: bold;
	width: 978px;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
}
* html #menu-top3 ul {
}
#menu-top3 ul li {
	display: inline;
}
#menu-top3 ul li a {
	float: left;
	color: #990000;
	font-weight: bold;
	padding: 5px 6px 4px 6px;
	text-decoration: none;
	border-left: 1px #666666 solid;
	height: 100px;
	width: 126px;
}
#menu-top3 ul li a:hover {
	color: black;
	background-color: #FCC9D1;
	border-bottom: 4px solid #990000;
	padding-bottom: 0;
}
#exp_coll_form {
	width: 182px;
	height: 23px;
	margin: 0px 0px 5px 0px;
}
.button_coll {
	height: 23px;
	width: 85px;
	padding: 0;
	float: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}
.button_exp {
	height: 23px;
	width: 85px;
	padding: 0;
	float: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}
.search_button {
	/*padding: 3px;*/
	margin-left: 0px; /*font: normal normal bold 11px Tahoma, Arial, Helvetica, sans-serif;*/;
	height: 23px;
	width: 65px; /*padding: 0;*/;
	color: #990000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#sitepath {
	clear: both; /*text-align: left;*/;
	margin: 0;
	padding: 5px 0 5px 0;
	/*width: 980px;*/
	/*border-bottom: #C0C0C0 solid 1px;*/
}
#my_menu {
	width: 180px;
	margin-top: 0px;
}
.Top_menu {
	margin-bottom: -3px;
}
.Bottom_menu {
	margin: 0;
}
.MarginTopZero{
	margin-top:0px;
}
MarginBottomZero{
	margin-bottom:0px;
}
MarginRightZero{
	margin-right:0px;
}
MarginLeftZero{
	margin-left:0px;
}
div.sdmenu {
	width: 180px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
	color: #FFFFFF;
	margin-top: 0px; /*  added 21oct08*/
}
div.sdmenu div {
	background-color: #FFFFFF;
	overflow: hidden;
	margin-top: 0px; /*  added 21oct08*/
}
div.sdmenu div:first-child {
	background-color: #FFFFFF;
}
div.sdmenu div.collapsed {
	height: 35px;
}
/*******  Below is the major category box ****/
    div.sdmenu div span {
        border-top: 1px #808080 solid;
        display: block;
        padding: 3px 3px 3px 22px;
        font-weight: bold;
        color: #000000;
        cursor: default;
        background: #CCCCCC url('https://canadiancrc.com/layout/Minus_grey_11x11.png') no-repeat 5px center;
    }
    div.sdmenu div.collapsed span {
        background: #CCCCCC url('https://canadiancrc.com/layout/Plus_grey_11x11.png') no-repeat 5px center;
        height: 35px; /* added August 2014 **/
    }
div.sdmenu div a {
	padding: 5px 7px;
	display: block;
	border-top: 1px #808080 solid;
	font: normal normal bold 11px Arial, Helvetica, sans-serif;
	color: #990000;
	background-color: #FFFFFF;
	text-decoration: none;
}
div.sdmenu div a.current {
	background: #990000;
	font: normal normal bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
div.sdmenu div a:hover {
	background: #990000;
	font: normal normal bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.search {
	width: 340px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#search {
	float: right;
	width: 340px;
	text-align: right;
	margin-top: 25px;
	margin-right: 15px;
	padding: 0;
}
.search_box {
	border-width: 0px;
width: 250px;
	height: 16px;
}
#middle_left {
	float:left;
	text-align: left;
	min-height: 50px;
 	width:590px;changed should allow middle column to be in code before right column **/
}
#left_column {
	width: 182px;
	min-height: 50px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#right_column {
	width: 182px;
	float: right;
	min-height: 50px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#page_title {
    color: #000000;
    font: normal normal bold 16px Tahoma, Arial, Helvetica, sans-serif;
    line-height: 125% /*margin: 0 0 15px 0;*/;
    padding: 7px;
    background: url('https://canadiancrc.com/layout/Title_gradient_FF8080-FFFFFF_500x2.png') repeat-y left;
}
.page_title {
	color: #000000;
	font: normal normal bold 16px/16px Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
#page_title_SEO {
    color: #000000;
    font: normal normal bold 16px Tahoma, Arial, Helvetica, sans-serif;
    line-height: 125% /*margin: 0 0 15px 0;*/;
    padding: 7px;
    background: url('https://canadiancrc.com/layout/Title_gradient_FF8080-FFFFFF_500x2.png') repeat-y left;
}
.page_title_SEO {
	color: #000000;
	font: normal normal bold 16px/16px Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#footer_div {
	clear: both;
	text-align: left;
	margin: 0px 0px 10px 0px;
	border-top: 1px #666666 solid;
	background-color: #989898;
	font: normal normal bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 7px;
}
.MenuQuickLink {
	font: normal normal bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 5px;
}
.MenuQuickLink a {
	font: normal normal bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.MenuQuickLink a:link {
	font: normal normal bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.MenuQuickLink a:visited {
	font: normal normal bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.MenuQuickLink a:hover {
	font: normal normal bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: none;
}
.Pic_link_border img {
	border: 1px #FFFFFF solid;
}
.Pic_link_border img:link {
	border: 1px #5F544E solid;
}
.Pic_link_border img:visited {
	border: 1px #5F544E solid;
}
.Pic_link_border img:hover, .Pic_link_border img:active {
	border: 1px #E10000 solid;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.Pic_link img:hover, img:active{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.Pic_link img, img:link, img:visited {
filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.shadow {
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
}
.roundedCorners {
-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;