body {
	background-color: #EBEBEB;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	padding: 0;
	margin: 0px;
	height: 100%;
}

body * {
	text-align: left;
}

#header {
	width: 100%;
	background-color: #4A4978;
	height: 25px;
	vertical-align: middle;	
}

#header a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	
	padding-top: 6px;
}
#header a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	padding-top: 6px;
}

#header_content{
	width: 1024px;
	height: 25px;
	background-color: #3B3A5F;
	text-align: left;
	border: 0px;
	padding: 0;  
	margin: 0 auto; 
}

#header_border_left{
	background-image: url("../_images/header_border_left.gif");
	background-repeat: repeat-y;
	background-position: left center;
	float: left;
	height: 25px;
}

#header_border_right{
	background-image: url("../_images/header_border_right.gif");
	background-repeat: repeat-y;
	background-position: right center;
	float: right;
	height: 25px;
	padding-right: 48px;
	color: #FFFFFF;
}
#header_border_right a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 12px;
}
#page{
	width: 1024px;
	text-align: left;
	border: 0px;
	padding: 0;  
	margin: 0 auto;
}

#page_border_right{
	width: 1024px;
	background-image: url("../_images/body_border_left.gif");
	background-repeat: repeat-y;
	background-position: left center;
	padding-left: 23px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}

#page_content{
	width: 978px;
	background-image: url("../_images/body_border_right.gif");
	background-repeat: repeat-y;
	background-position: right center;
	background-color: #FFFFFF;
	padding-right: 23px;
	text-align: left;
	float: left;
}

#left_column_background_e{
	width: 319px;
	background-image: url("../_images/left_column_background_e.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	text-align: left;
	float: left;
}

#left_column_background_f{
	width: 319px;
	background-image: url("../_images/left_column_background_f.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	text-align: left;
	float: left;
}

#right_column_background_e{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 619px;
	background-image: url("../_images/right_column_background_e.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	text-align: left;
	float: left;
}

#right_column_background_f{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 619px;
	background-image: url("../_images/right_column_background_f.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	text-align: left;
	float: left;
}

ul#menu{
	margin:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:50px;
	font-size:12px;
	font-weight:bold;
	background:transparent url("../_images/menu_background.gif") repeat-x;
	font-family: arial, helvetica, sans-serif;
	padding: 0px;
}
ul#menu li{
	display:block;
	float: left;
	margin: 0;
}
ul#menu li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding-top: 14px;
	padding-right: 6px;
	padding-bottom: 20px;
	padding-left: 6px;
}
ul#menu li a:hover{
	background:transparent url("../_images/menu_hover.gif") repeat-x;	
}
.menu_selected{
	background:transparent url("../_images/menu_hover.gif") repeat-x;	
}

#footer{
	padding-right: 25px;
	padding-left: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a4978;
}

#footer a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a4978;
	
}
#footer a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a4978;
}

.presented {
	padding-left: 40px;
	color: #a61f38;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.box {
	background-color: #FFFFFF;
	border: 1px solid #a9adcd;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	padding: 15px;
	vertical-align: middle;
}

.CRC_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #63619a;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	text-align: center;
}
.CRC_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #63619a;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	text-align: center;
}
.CRC_description{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}

a {
  color: #000000;
  text-decoration: underline;
}
a:visited {
  color: #000000;
  text-decoration: underline;
}
a:hover {
  color: #009FE8;
  text-decoration: underline;
}

h1 {
	font-size: 19px;
	color: #68649f;
}
h2 {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 16px;
	padding-bottom: 5px;
	margin: 0px;
	color: #000000;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none
}
h3 {
	font-size: 12px;
	color: #bb2236;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none
}
h4 {
	font-size: 18px;
	color: #4c4588;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none
}

.fee_cell_header {
	background:#ffffff;
	text-align:center;
	border: 1px solid #000000;
	padding: 5px;
}
.fee_cell_header_left {
	background:#ffffff;
	text-align:left;
	border: 1px solid #000000;
	padding: 5px;
	vertical-align: bottom;
}
.fee_cell_header_right {
	background:#ffffff;
	text-align:right;
	border: 1px solid #000000;
	padding: 5px;
}
.fee_cell_regular_left {
	padding: 3px;
	text-align:left;
	border: 1px solid #000000;
}
.fee_cell_regular_right {
	padding: 3px;
	text-align: right;
	border: 1px solid #000000;
}

#networking{
	background-image: url("../_images/networking.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 625px;
}


#banner-crc {
	background: url("../_images/banner_top.jpg") 0 0 no-repeat;
	width:701px;
	height:236px;
	margin-bottom:15px;
}
#banner-crc span
{
	font-size: 18px;
} 
#banner-crc p 
{
	padding: 93px 0 0 331px;
	font-size:14px;
}

.red_font{
	color: #a61f38;
	font-weight: bold;
}



/*
p {
  margin-top: 0.5em;
}
*/

td, th {
  /*background-color: #FFFFFF;*/
  font-size: 75%; }
td td, th th {
  font-size: 100%; 
}
img {
  border: 0px;
}


ul {
  list-style-image: url("../_images/bullet_grey_square.gif");
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
}
ul li {
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
	#margin-left: 0;
	border: 0;  
}


/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* rules governing overall page layout - columns, margins, etc */

.right {
	text-align: right;	/* EDITED by AC */
}
.indent {
padding-left: 20px;
padding-right: 20px;
}

/*td.left {
  background-color: #EBEBEB;
  background-image: url("../_images/left_tile.gif");
  background-repeat: repeat-y;
  background-position: right top;
  vertical-align: top;
  text-align: right;  }
td.right {
  background-color: #EBEBEB;
  background-image: url("../_images/right_tile.gif");
  background-repeat: repeat-y;
  background-position: left top;
  vertical-align: top;
  text-align: left;
}*/

table#toolbar td {
  background-color: #009FE8;
  text-align: right;
}
table#toolbar td.left {
  background-color: #70C9F2;
  text-align: right;  }
table#toolbar td.right {
  background-color: #70C9F2;
  text-align: left;
}
td#main table {
  border-collapse:collapse;
  padding: 0;
}
td#main {
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 20px;
  vertical-align: top;
}
td#main2 {
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 20px;
  vertical-align: top;
}
td#main td#outline {
  border-color: #9e9e9e;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
}
td#main td#alt {
  background-color: #f0f8fb;
  border-color: #9e9e9e;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
}
td#main td#head {
  color: #ffffff;
  background-color: #000000;
  border-color: #9e9e9e;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
}
td#main td#callout {
  border-color: #A5D1E6;
  border-style: solid;
  border-width: 1px;
  background-color: #F0F8FB;
  padding: 10px;
}
table.hspacing {
	margin-left: 10px;
}

/* callout2 was created as a modified version of callout to use on the contact us page - it has more padding*/

#callout2 {
  border-color: #A5D1E6;
  border-style: solid;
  border-width: 1px;
  background-color: #F0F8FB;
  padding: 17px;
	width: 40%;
	float: right;
	margin: 10px;
}
td#features {
  padding-top: 10px;
  padding-right: 15px;
  vertical-align: top;
}
table#footer table {
  margin-top: 40px;
  margin-bottom: 30px;
}
table#footer hr {
  color: #D1D1D1;
  height: 1px;
}
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* rules specific to national home page */

div#news {
  margin-top: 10px;
  padding-left: 35px;
}
div#news ul {
  list-style-image: none;
  list-style-type: none;
  margin-top: 5px;
  margin-left: 0px;
  padding-left: 0px;
}
div#quicklinks {
  margin-top: 10px;
  padding-top: 30px;
}
div.quicklinks-en {
  background-image:  url("../_images/home_feature_quicklinks_e.gif");
  background-repeat: no-repeat;
}
div.quicklinks-fr {
  background-image:  url("../_images/home_feature_quicklinks_f.gif");
  background-repeat: no-repeat;
}
div#quicklinks td {
  background-color: transparent;
  vertical-align: top;
}
div#quicklinks ul {
  margin-top: 5px;
}
div#quicklinks a {
  color: #6D982A;
}
div#quicklinks a:visited {
  color: #6D982A;
}
div#quicklinks a:hover {
  color: #000000;
}
div#especially {
  margin-top: 10px;
  padding-top: 30px;
}
div.especially-en {
  background-repeat: no-repeat;
  background-image:  url("../_images/home_feature_especially_e.gif");
}
div.especially-fr {
  background-repeat: no-repeat;
  background-image:  url("../_images/home_feature_especially_f.gif");
}
.especially-space{
	margin-left: 30px;
}
div#especially ul {
  margin-top: 5px;
  margin-left: 30px;
}
div#especially ul li {
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	#margin-left: 0;
	border: 0;  
}
div#especially a {
  color: #009FE8;
}
div#especially a:visited {
  color: #009FE8;
}
div#especially a:hover {
  color: #000000;
}
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* rules governing the 'bread crumb trail' */

table#crumb th {
  padding: 5px 40px 5px 40px;
  text-align: left;
  font-weight: normal;
}
table#crumb a {
  color: #797979;
  text-decoration: none;
  margin: 0px 10px 0px 10px;
}
table#crumb a:visited {
  color: #797979;
  text-decoration: none;
  margin: 0px 10px 0px 10px;
}
table#crumb a:hover {
  color: #009FE8;
  text-decoration: none;
  margin: 0px 10px 0px 10px;
}
table#crumb a.lit {
  color: #009FE8;
  text-decoration: none;
  margin: 0px 10px 0px 10px;
  font-weight: bold;
}
table#crumb a.lit:visited {
  color: #009FE8;
  text-decoration: none;
  margin: 0px 10px 0px 10px;
  font-weight: bold;
}
table#crumb a.lit:hover {
  color: #797979;
  text-decoration: none;
  margin: 0px 10px 0px 10px;
  font-weight: bold;
}
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* handy formatting rules */

table.spacer {
	margin: auto 0 auto 1em;
}
img.floater {
  float: right;
  margin: 0px 0px 20px 20px;
}
.lit {
  color: #009FE8;
  font-weight: bold;
}
a.lit {
  color: #009FE8;
  text-decoration: underline;
}
a.lit:visited {
  color: #009FE8;
  text-decoration: underline;
}
a.lit:hover {
  color: #000000;
  text-decoration: underline;
}
a.red {
  color: #EA040D;
}
a.red:visited {
  color: #EA040D;
}
a.red:hover {
  color: #000000;
}
a.green {
  color: #73BC00;
}
a.green:visited {
  color: #73BC00;
}
a.green:hover {
  color: #000000;
}
a.yellow {
  color: #F3A601;
}
a.yellow:visited {
  color: #F3A601;
}
a.yellow:hover {
  color: #000000;
}

ol.lroman {
list-style-type: lower-roman;
}

ol.lalpha {
list-style-type: lower-alpha;
}
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* rules governing left-hand navigation menus (2nd, 3rd and 4th level menus) */

/* 2nd level menus */

td#menusub {
  width: 180px;
  vertical-align: top;
  padding-top: 10px;
}
td#menusub ul {
  list-style-type: none;
  list-style-image: none;
  padding-left: 0px;
  margin-left: 50px;
}
td#menusub ul li {
  margin: 0px;
  /*/*/padding: 10px 0px 10px 0px;/**/
  background-image: url("../_images/subnav_bg.gif");
  background-position: top left;
  background-repeat: no-repeat;
}
td#menusub ul li.firstnav {
  background-image: none;
}
td#menusub ul li.firstnavnochildren {
  background-image: url("../_images/subnav_bg.gif");
}
td#menusub a {
  color: #009EE7;
}
td#menusub a:visited {
  color: #009EE7;
}
td#menusub a:hover {
  color: #797979;
}
/* 3rd level menus */

td#menusub ul ul {
  font-size: 90%;
  background-color: #F0F8FB;
  list-style-type: none;
  margin-left: -15px;
  margin-top: 10px;
  padding-top: 10px;
}
td#menusub ul ul li {
  /*/*/padding: 5px 0px 5px 30px;/**/
  background-image: none;
  background-image: url("../_images/bullet_grey_square.gif");
  background-position: 20px 7px;
  background-repeat: no-repeat;
}
td#menusub ul ul li a {
  text-decoration: none;
}
td#menusub ul ul li a:visited {
  text-decoration: none;
}
td#menusub ul ul li a:hover {
  text-decoration: none;
}
/* 4th level menus */

div#sectionbox {
  background-image: url("../_images/sectionbox_tile.gif");
  background-repeat: repeat-y;
  width: 162px;
  float: right;
  margin-top: -20px;
  margin-left: 20px;
}
div#sectionbox ul {
  padding-left: 0px;
  margin: 10px 20px 20px 15px;
  list-style-type: none;
}
div#sectionbox li {
  list-style-type: none;
  list-style-image: none;
  background-image: url("../_images/sectionbox_bullet.gif");
  background-repeat: no-repeat;
  background-position: 0px 5px;
  margin: 5px 0px 5px 15px;
  padding-left: 15px;
}
div#sectionbox a {
  color: #009FE8;
  text-decoration: underline;
}
div#sectionbox a:visited {
  color: #009FE8;
  text-decoration: underline;
}
div#sectionbox a:hover {
  color: #000000;
  text-decoration: underline;
}
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* rules for content features */

div.feature {
  background-color: #FEFEFE;
  background-image: url("../_images/feature_tile.gif");
  background-repeat: repeat-y;
  margin: 0px 0px 20px 25px;
  width: 218px;
  float: right;
  clear: both;
}
div.feature p {
  margin: 0px 10px 10px 17px;
  font-size: 95%; }
  
div#feature2 {
  margin: 0px 0px 20px 25px;
  width: 218px;
  float: right;
  clear: both;
}

div.feature-box {
  margin-bottom: 20px;
  margin-left: 2px;
  background-color: #FEFEFE;
  background-image: url("../_images/feature_tile.gif");
  background-repeat: repeat-y;
  width: 218px;
}
div.feature-box p {
  margin: 0px 10px 10px 17px;
  font-size: 95%; }
  
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* rules for rte features */

body.rte {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  background-color: #ffffff;
  color: #000000;
  z-index:1;
}
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* rules for picture captions */

td.caption {
  width: 176px;
  background-color:#f9f9f9;
  border-color: #9e9e9e;
  border-style: solid;
  border-width: 1px;
  margin-left: 1px;
  padding: 10px;
  display: block;
  vertical-align: top;
}
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* rules for sitemap */

ul.sitemap {
  margin-left: 2em;
  padding: 0px;
}
ul.sitemap li {
  margin: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
}
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* rules for additional styling */

.black {
  color: #000000;
  font-weight: bold;
}


/* Dropdown menus */
#navwrapper {		
	height: 49px;
	width: 738px;
	margin: 0 auto;	
	padding: 0;
}

#nav, #nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 3;
}

#nav * {
	list-style-type: 0;
}

#nav a {
	display: block !important;
	color: #000000 !important;
	font-size: 8pt !important;
	text-decoration: none;
	width: 139px; /* drop-down menu width */
}

#nav li {
	position: relative;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

#nav li ul, #nav li.navl1 ul {
	background: #fff;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #c3c3c3 !important;
	position: absolute;
	top: 44px;
	left: -999em;
	line-height: .1;
	margin: 0;
	padding: 0;
	width: 139px; /* drop-down menu width */
}
#nav li.navl1 ul, #nav li.navl1-f ul {
	margin-left: 10px;
}
#nav li.navl7 ul, #nav li.navl7-f ul {
	z-index: 100;
	right: 0;
}

#nav li li, #nav li li.lastsubnav {
	background: #fff url(/_images/subnav_normal_bg.gif) repeat-x top left;
	height: auto;
	margin:0;
	padding:0;
	width: 100%;
	border-bottom: 1px dotted #c3c3c3;
}
#nav li li.lastsubnav {
	margin-bottom: 0;
	border-bottom: none;
}

#nav li li a {
	width: 139px;
}
#nav li li span {
	display: block;
	margin: 0;
	color: #000000;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	padding: 6px 7px;
	position: relative;
}

#nav li ul li a:hover {
	background: #dff7fd url(../_images/subnav_hover_bg.gif) repeat-x top left;
}

#nav li:hover ul, #nav li.over ul {
	left: auto;
	line-height: 100%;
	
}

/* ENGLISH BUTTONS */
#nav a.navl1 {
	background: transparent url(../_images/nav_diseases_e.gif) no-repeat top left;
	height: 49px;
	width: 104px;
}
#nav a.navl1:hover, #nav a.navl1-active {
	background-image: url(../_images/nav_diseases_e_lit.gif);
	height: 49px;
	width: 104px;
}
#nav li.navl1 {
	width: 104px;
}

#nav a.navl2 {
	background: transparent url(../_images/nav_protect_e.gif) no-repeat top left;
	height: 49px;
	width: 117px;
}
#nav a.navl2:hover, #nav a.navl2-active {
	background-image: url(../_images/nav_protect_e_lit.gif);
	height: 49px;
	width: 117px;
}
#nav li.navl2 {
	width: 117px;
}

#nav a.navl3 {
	background: transparent url(../_images/nav_101_e.gif) no-repeat top left;
	height: 49px;
	width: 71px;
}
#nav a.navl3:hover, #nav a.navl3-active {
	background-image: url(../_images/nav_101_e_lit.gif);
	height: 49px;
	width: 71px;
}
#nav li.navl3 {
	width: 71px;
}

#nav a.navl4 {
	background: transparent url(../_images/nav_donate_e.gif) no-repeat top left;
	height: 49px;
	width: 90px;
}
#nav a.navl4:hover, #nav a.navl4-active {
	background-image: url(../_images/nav_donate_e_lit.gif);
	height: 49px;
	width: 90px;
}
#nav li.navl4 {
	width: 90px;
}

#nav a.navl5 {
	background: transparent url(../_images/nav_involved_e.gif) no-repeat top left;
	height: 49px;
	width: 95px;
}
#nav a.navl5:hover, #nav a.navl5-active {
	background-image: url(../_images/nav_involved_e_lit.gif);
	height: 49px;
	width: 95px;
}
#nav li.navl5 {
	width: 95px;
}

#nav a.navl6 {
	background: transparent url(../_images/nav_about_e.gif) no-repeat top left;
	height: 49px;
	width: 139px;
}
#nav a.navl6:hover, #nav a.navl6-active {
	background-image: url(../_images/nav_about_e_lit.gif);
	height: 49px;
	width: 139px;
}
#nav li.navl6 {
	width: 139px;
}

#nav a.navl7 {
	background: transparent url(../_images/nav_media_e.gif) no-repeat top left;
	height: 49px;
	width: 93px;
}
#nav a.navl7:hover, #nav a.navl7-active {
	background-image: url(../_images/nav_media_e_lit.gif);
	height: 49px;
	width: 93px;
}
#nav li.navl7 {
	width: 93px;
}

/* FRENCH BUTTONS */
#nav a.navl1-f {
	background: transparent url(../_images/nav_diseases_f.gif) no-repeat top left;
	height: 49px;
	width: 107px;
}
#nav a.navl1-f:hover, #nav a.navl1-f-active {
	background-image: url(../_images/nav_diseases_f_lit.gif);
	height: 49px;
	width: 107px;
}
#nav li.navl1-f {
	width: 107px;
}

#nav a.navl2-f {
	background: transparent url(../_images/nav_protect_f.gif) no-repeat top left;
	height: 49px;
	width: 105px;
}
#nav a.navl2-f:hover, #nav a.navl2-f-active {
	background-image: url(../_images/nav_protect_f_lit.gif);
	height: 49px;
	width: 105px;
}
#nav li.navl2-f {
	width: 105px;
}

#nav a.navl3-f {
	background: transparent url(../_images/nav_101_f.gif) no-repeat top left;
	height: 49px;
	width: 97px;
}
#nav a.navl3-f:hover, #nav a.navl3-f-active {
	background-image: url(../_images/nav_101_f_lit.gif);
	height: 49px;
	width: 97px;
}
#nav li.navl3-f {
	width: 97px;
}

#nav a.navl4-f {
	background: transparent url(../_images/nav_donate_f.gif) no-repeat top left;
	height: 49px;
	width: 72px;
}
#nav a.navl4-f:hover, #nav a.navl4-f-active {
	background-image: url(../_images/nav_donate_f_lit.gif);
	height: 49px;
	width: 72px;
}
#nav li.navl4-f {
	width: 72px;
}

#nav a.navl5-f {
	background: transparent url(../_images/nav_involved_f.gif) no-repeat top left;
	height: 49px;
	width: 86px;
}
#nav a.navl5-f:hover, #nav a.navl5-f-active {
	background-image: url(../_images/nav_involved_f_lit.gif);
	height: 49px;
	width: 86px;
}
#nav li.navl5-f {
	width: 86px;
}

#nav a.navl6-f {
	background: transparent url(../_images/nav_about_f.gif) no-repeat top left;
	height: 49px;
	width: 165px;
}
#nav a.navl6-f:hover, #nav a.navl6-f-active {
	background-image: url(../_images/nav_about_f_lit.gif);
	height: 49px;
	width: 165px;
}
#nav li.navl6-f {
	width: 165px;
}

#nav a.navl7-f {
	background: transparent url(../_images/nav_media_f.gif) no-repeat top left;
	height: 49px;
	width: 77px;
}
#nav a.navl7-f:hover, #nav a.navl7-f-active {
	background-image: url(../_images/nav_media_f_lit.gif);
	height: 49px;
	width: 77px;
}
#nav li.navl7-f {
	width: 77px;
}

#bannertd {
	position: relative;
	text-align: right;
	display: block;
	height: 102px;
	width: 738px; 
	margin: 0 auto;
}


#bannerlogo {
	position: absolute;
	top: 22px;
	left: 42px;
}

.tbmargin {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* forms */

.questionnumbers {
  font-size: 160%;
  color: #009EE7;
font-weight: bold;
}

.answerheaders {
  font-size: 145%;
  color: #009EE7;
font-weight: bold;
}

/* table used to display chapters of the asthma hand book
---------------------------------------------------------------------- */
#data table {
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
}

#data td {
	padding: 0 5px 5px 5px;
	text-align: center;
}
#data img {

	padding: 0px 10px 0px 10px;
	margin:  0px 10px 0px 10px;

	
}

/* Asthma hand book common
---------------------------------------------------------------------- */
#print_header { 
display:none;
visibility:hidden;
}

.asthma-right-box {
	float: right;	
	width: 170px;
	padding: 0px 0px 10px 0px;
	margin: 0 0px 10px 4px;
}

.asthma-right-box p {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size:11px;
}

.asthma-right-box h2 {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size: 12px;
}

.asthma-right-box ul {
	margin: 0 0 0 13px;
	padding: 0 0 0 13px; 

}
.asthma-right-box li {
	padding: 0px 10px 0px 0px;
	font-size:11px;
}

.asthma-left-box {
	float: left;
	padding: 0px 8px px 0px;
	margin: 0 8px 0 0px;	
	width: 170px;
}

.asthma-left-box p {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size:11px;
}

.asthma-left-box h2 {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size: 12px;
}

.asthma-left-box ul {
	margin: 0 0 0 13px;
	padding: 0 0 0 13px; 

}

.asthma-left-box li {
	padding: 0px 10px 0px 0px;
	font-size:11px;	
}

.border-box h2 {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size: 12px;
}

.img-box-caption {
	float: left;
	padding: 10px 10px 10px 0px;
}

.img-box-caption p {
	font-size: 11px;
}

.full-box {
	padding: 8px 5px 8px 5px;
}

.full-box p, li  {
	padding: 5px 5px 5px 5px;
}

.asthma-emg-right-box {
	float: right;	
	width: 170px;
	padding: 0px 0px 10px 0px;
	margin: 0 0px 10px 4px;
	background-color: #F3CEBD;z
}

.asthma-emg-right-box p {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size:11px;
}

.asthma-emg-right-box h2 {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size: 12px;
	color: #B6002E;
}

.asthma-emg-right-box ul {
	margin: 0 0 0 13px;
	padding: 0 0 0 13px; 
}
.asthma-emg-right-box li {
	padding: 0px 10px 0px 0px;
	font-size:11px;
}

.asthma-emg-left-box {
	float: left;
	padding: 0px 8px px 0px;
	margin: 0 8px 0 0px;
	background-color: #F3CEBD;	
	width: 170px;
}

.asthma-emg-left-box p {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size:11px;
}

.asthma-emg-left-box h2 {
	padding: 10px 10px 10px 10px;
	margin: 0;
	font-size: 12px;
	color : #B6002E;
}

.asthma-emg-left-box ul {
	margin: 0 0 0 13px;
	padding: 0 0 0 13px; 
}

.asthma-emg-left-box li {
	padding: 0px 10px 0px 0px;
	font-size:11px;	
}

/* Asthma hand book landing page
---------------------------------------------------------------------- */
#landingPageTable .coverThumbnail {
	float:left;
	padding: 0 10px 0 0;
	margin: 0;
}

#asthmaManage {
	padding: -15px;
	margin: -15px;
}

/* Asthma hand book section 1
---------------------------------------------------------------------- */
.sec1-bg-color div {
	background-color:#fae5c9;
}

#table-airway td {
	border-left: 1px solid #FFFFFF;
	padding: 3px 3px 3px 8px;
	margin: 1px 1px 1px 1px;
	background-color:#fae5c9;
	font-size:10px;
}

#table-airway th {
	border-left: 1px solid #FFFFFF;
	border-bottom: none;
	padding: 3px 3px 3px 8px;
	margin: 1px 1px 0px 1px;
	background-color: #f4c587;
	color: #b5492c;
	font-size: 11px;
}

.asthma-right-img-box-container {
	float:right;
	padding: 0px 0px 10px 10px
}

.asthma-right-img-box {
	width: 100px;
	margin:0;
	padding:0;	
}

.asthma-right-img-box p {
	color:#333333;
	padding: 4px 0 10px 0px;
	margin:0;
	font-size: 10px;
}

/* Asthma hand book section 2
---------------------------------------------------------------------- */

.sec2-bg-color div {
	background-color: #fcf2d8;
}


.sec2-table td {
	border-bottom: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	padding: 3px 3px 3px 8px;
	margin: 1px 1px 1px 1px;
	font-size:10px;
}

.sec2-table td ul {
	margin: 0 0 0 13px;
	padding: 0 0 0 13px; 
}

.sec2-light {
	background-color: #fcf2d8;

}

.sec2-dark {
	background-color: #f9e4a8;
}

.h6-grey {
	color: #484848;
	font-weight:bold;
	margin-top: 20px;
}

.sec2-table strong {
	font-weight:bold;
	font-size: 110%;
}

/* Asthma hand book section 3
---------------------------------------------------------------------- */
.sec3-bg-color div {
	background-color: #EBF7DB;
	
}

.border-box {
	border: 2px solid #EBF7DB;
	padding: 5px 5px 5px 5px;
	display:block;
}

#myActionPlan {
	padding: 0 25px 0 0;
}

#asthmaDiary {
	float:right; 
	padding: 0 0 0 25px;
}

#handWash {
	float:left;
	padding: 0 25px 25px 0;
}

#asthmaDiary_f {
	float:right; 
	padding: 0 0 5px 25px;
}

#handWash_f {
	float:none;
	padding-bottom: 0;
}

/* Asthma hand book section 4
---------------------------------------------------------------------- */

.sec4-bg-color div {
	background-color: #e9dfe9;
}

/* Asthma hand book section 5
---------------------------------------------------------------------- */
.sec5-bg-color div {
	background-color: #D6E9E9;
}

.sec5-table td {
	border-bottom: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	padding: 3px 3px 3px 8px;
	margin: 1px 1px 1px 1px;
	font-size:11px;
	
}
.sec5-table table td strong {
	font-weight:bold;
}

.sec5-table td ul {
	margin: 0 0 0 13px;
	padding: 0 0 0 13px; 
}

.sec5-light {
	background-color: #D6E9e9;

}

.sec5-dark {
	background-color: #a5d2d3;
}

#anaBox {
	float:right;
	padding: 0 0 5px 0;
	margin-left: 25px;
}

/* Asthma hand book section 6
---------------------------------------------------------------------- */
.sec6-bg-color div {
	background-color: #cddcc7;
}

/* Asthma hand book section 7
---------------------------------------------------------------------- */
.sec7-bg-color div {
	background-color: #f1cebc;
}

/* Asthma hand book section 8
---------------------------------------------------------------------- */
.sec8-bg-color div {
	background-color: #e1cbc5;
}

/* Asthma hand book section 9
---------------------------------------------------------------------- */
.sec9-bg-color div {
	background-color: #DBD5ED;
}

/* table used to display breathworks documentation
---------------------------------------------------------------------- */
#breathworks table {
	padding: 0 0 0 0;
	margin: 0 0 0 0 ;
}

#breathworks td {
	padding: 0 0px 10px 0px;
	text-align: center;
}
#breathworks img {
	border: 1px #900B36 solid;
	padding: 0px 5px 0px 5px;
	margin:  0px 5px 0px 5px;
}

.clr {
	margin: 0;
	padding: 0;
	font-size: 1px;
	clear: both;
	line-height: 0;
}

/* COPD banner
---------------------------------------------------------------------- */
#copd-banner {
	margin: 15px 0 0 30px;
}

/* Misc
---------------------------------------------------------------------- */
sup {
	font-size: 11px !important;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

/* Outdoor air quality menu style modifications. 
---------------------------------------------------------------------- */
.sidenav-x li {
	padding: 3px 0 3px 0;
	
}

/* Copd Smart pay layout
---------------------------------------------------------------------- */

#copd-container td {
  padding: 0px 12px 20px 12px;
  margin: auto;
  
} 

#copd-container{
  padding: 0px 12px 20px 12px;
  margin: auto;
  width:473px;
} 

* html #copd-container{
  width: 475px;

}

#copd-content{
  padding: 0 0 0 0px;
  margin: 0;
  
} 

#copd-wrapper {
	width: 449px;
	margin:auto;
}

#copd-tope {
   background-image:url(../_images/copd/box-top-e.jpg);
   height: 130px;
   width: 475px;
   background-repeat:no-repeat;

}

#copd-topf {
   background-image:url(../_images/copd/box-top-f.jpg);
   height: 130px;
   width:475px;
   background-repeat:no-repeat;

}
 
#copd-footer td {
	margin-top: 20px;
}

img.picture{
  padding-right:10px;

}

/* Smog Smart pay layout
---------------------------------------------------------------------- */

#smog-wrapper {
	width: 656px;
}

#smog-header {
	padding:0;
	margin:0;
}

#smog-container td {
	background: url(../_images/smog/smogsmart-bg.jpg) repeat-y;
	padding: 0px 10px 20px 10px;

} 
#smog-footer td {
	margin-top: 20px;
}

#smog-container tr td h4 {
	color : #0AB04C;
	font-size: 150%;
	text-align: center;
}

#smog-container tr td h5 {
	color : #666666;
	font-size: 110%;
	margin-bottom: 0em;
}
.smog-link a {
	color : #0AB04C;
}
.ecard_center{
	text-align : center;
}
.ecard_table {
	background-color: #D0FFD0;
	width: 570px;
	border: 3px double #006633;
	background-repeat: no-repeat;
	padding: 3px;
	margin: 5px;
}
.ecard_error {
	text-align : center;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.ecard_right {
	float: right;
}

.C2C_blue{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	background-color: #C5E1EF;
	border: 1px solid #A5D1E6;
	padding: 15px;
}
.C2C_orange{
	font-family: arial, helvetica, sans-serif;
	color: #F2891E;
	font-weight: bold;
	font-size: 12px;
}

.column{
	padding-left: 20px;
}
.column_r_border{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A5D1E6;
	padding-right: 10px;

}
h7 {
  font-size: 12px;
  color: #009EE7;
  border-bottom: 1px solid #A5D1E6;
}
.grey {
  color: #8F8F8F;
}
/* Rounded corner box
---------------------------------------------------------------------- */
#rounded .t {background: url('../images/xmas/box_dot.gif') 0 0 repeat-x }
#rounded .b {background: url('../images/xmas/box_dot.gif') 0 100% repeat-x}
#rounded .l {background: url('../images/xmas/box_dot.gif') 0 0 repeat-y}
#rounded .r {background: url('../images/xmas/box_dot.gif') 100% 0 repeat-y}
#rounded .bl {background: url('../images/xmas/box_bl.gif') 0 100% no-repeat}
#rounded .br {background: url('../images/xmas/box_br.gif') 100% 100% no-repeat}
#rounded .tl {background: url('../images/xmas/box_tl.gif') 0 0 no-repeat}
#rounded .tr {background: url('../images/xmas/box_tr.gif') 100% 0 no-repeat; padding: 1em 8px; } 

.homepage_box {
	background-color: #F0F8FB;
	padding: 10px;
	border: 1px solid #009EEF;
}
.head{
  color: #ffffff;
  background-color: #000000;
  border-color: #9e9e9e;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
}
.outline{
  border-color: #9e9e9e;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  vertical-align: top;
}
.alt{
  background-color: #f0f8fb;
  border-color: #9e9e9e;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  vertical-align: top;
}
.name{
	font-size: 120%;
	color: #006D9F;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.bg_home_e {
	background: url(../_images/bg_crc2012_e.jpg);
}
.bg_home_f {
	background: url(../_images/bg_crc2012_f.jpg);
}