@charset "UTF-8";

* {margin:0; border:0; padding:0;}

body {text-align:center; background:#ffffff url(http://www.hemophilia.ca/images/body_background.gif);}

p {margin:5px 0;}

a {color:#668F85;}
a:hover	{color:#cc1543;}

/*h1 {font:bold 12px/14px Arial,Helvetica,Sans-Serif; margin-top:0; padding-top:0;}*/
/*h2 {font:bold 20px/29px Georgia, "Times New Roman", Times, serif;}*/
/*h1, .h1 {font:normal 20px/26px Lucida Console, Monaco, monospace; padding:0; margin:0; letter-spacing:-1px; color:#cc1543;}*/
h1, .h1 {font:normal 20px/26px Arial,Helvetica,Sans-Serif; padding:0; margin:0; letter-spacing:-1px; color:#cc1543; z-index:1;}
/*.home h1, .home .sIFR-replaced, .accueil h1, .accueil .sIFR-replaced {display:none; visibility:hidden;}*/
.home h1, .accueil h1 {display:none; visibility:hidden;}

/** html h1, * html h2 {display:inline-block;}*/ /* IE 6 Hack */
* html h1 {display:inline-block;} /* IE 6 Hack */

/*h3 {font:bold 13px/14px Arial,Helvetica,Sans-Serif; margin:11px 0 3px; color:#cc1543;}*/
h2, .h2 {font:normal 14px/16px Arial,Helvetica,Sans-Serif; margin:24px 0 3px; letter-spacing:-1px; color:#cc1543; z-index:1;}
/*h2, .h2 {font:normal 14px/16px Lucida Console, Monaco, monospace; margin:24px 0 3px; letter-spacing:-1px; color:#cc1543;}*/
* html h2 object {width:460px; margin:0; padding:0;}

* html #links_div embed, * html #links_div object {margin:0; padding:0;}

/*h3 {font:bold 12px/14px Arial,Helvetica,Sans-Serif; margin:11px 30px 3px 0;}
h3 img {float:right; margin:-15px -30px 0 0;}*/

/*.home h3.h3, .accueil h3.h3 {font:bold 12px/23px Arial,Helvetica,sans-serif; color:#ffffff; padding-left:25px; background:url(http://www.hemophilia.ca/images/h2_bkg_v3.gif) 0% 50% no-repeat;}*/
/*.home h2, .accueil h2 {font:bold 12px/23px Arial,Helvetica,sans-serif; color:#ffffff; padding-left:25px; background:url(http://www.hemophilia.ca/images/h2_bkg_v3.gif) 0% 50% no-repeat;}
h2.double {line-height:14px; padding-top:4px; padding-bottom:4px;}*/

/*.home h2, .accueil h2 {font:bold 14px/23px Arial,Helvetica,sans-serif; color:#ffffff; padding-left:25px; background:url(http://www.hemophilia.ca/images/h2_bkg_v3.gif) 0% 50% no-repeat;}*/
/*h2.double {line-height:14px; padding-top:4px; padding-bottom:4px;}*/

/*h4 {font:bold 11px/14px Arial,Helvetica,Sans-Serif;}*/
h4 {font:bold 12px/14px Arial,Helvetica,Sans-Serif;}

#header {position:relative; clear:both; width:793px; height:131px; margin:0 auto; padding:15px 0 10px; background:url(http://www.hemophilia.ca/images/header_bkg.gif) no-repeat; text-align:left;}
#header_swf {position:relative; width:787px; height:107px; left:-7px;}

/*#header .crumbs {width:753px; border-bottom:solid 1px #bfc3c2; margin:5px auto 12px; font:normal 10px/14px Arial, Helvetica, sans-serif; color:#bfc3c2;}
#header .crumbs li {display:inline; list-style:none;}
#header .crumbs li a {color:#bfc3c2; text-decoration:none;}
#header .crumbs li a:hover {text-decoration:underline; }*/

#header .crumbs {width:753px;  margin:5px auto 12px; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#bfc3c2;}
#header .crumbs li {display:inline; list-style:none;}
#header .crumbs li a {color:#668F85;}
#header .crumbs li a:hover {text-decoration:underline; color:#cc1543;}

#container, #content, #footer {width:753px;}

#container {position:relative; margin:0 auto; padding:0 20px; background:url(http://www.hemophilia.ca/images/background.gif) repeat-y; text-align:left;}

/*#content {font:normal 11px/14px Arial, Helvetica, sans-serif; color:#303B39; text-align:left; background:url(http://www.hemophilia.ca/images/content_bkg.gif) 1px 10px repeat-y;}*/

/*#content {font:normal 11px/14px Verdana,Arial, Helvetica, sans-serif; color:#303B39; text-align:left; background:url(http://www.hemophilia.ca/images/content_bkg.gif) 1px 10px repeat-y;}*/

#content {font:normal 12px/16px Arial, Helvetica, sans-serif; color:#303B39; text-align:left; background:url(http://www.hemophilia.ca/images/content_bkg.gif) 1px 10px repeat-y;}

#copy {clear:both; position:relative; width:577px; padding-left:176px;}
#copy ol, #copy ul {margin-left:20px;}

/*.treatment-centres #links_div, .treatment-centres #links_div ul, .provincial-chapters #links_div, .provincial-chapters #links_div ul  {padding:0; margin:0; clear:none;}*/

.hr {position:relative; width:26px; padding:0 275px; margin:0;}
* html .hr {display:none;} /* IE 6 Hack */

#links, #anchors {font:normal 12px/15px Arial, Helvetica, sans-serif; list-style-type:none; margin-bottom:0;}
#links a, #anchors a {color:#668F85;}
#links a:hover, #anchors a:hover {color:#cc1543;}

#left {position:relative; float:left; width:170px; padding-right:6px; margin-left:-176px;}
* html #left {margin-left:-88px;} /* IE 6 Hack */

/**************/
/* NAVIGATION */
#navcontainer *, #left, #nav {z-index:3;}
#navcontainer {float:left; display:block; width:162px; margin-bottom:12px; background:#ffffff;}
#navcontainer ul { margin:0; padding:0; list-style:none; width: 150px; border-bottom:1px solid #fff; text-align:left; color:#ffffff;}
#navcontainer ul li	{ position:relative; z-index:1; }
#navcontainer li ul { position:absolute; left:161px; top:0; display:none; }

/* Styles for Menu Items */
#navcontainer ul li a, #navcontainer ul li span { display:list-item; text-decoration:none; color:#fff; background:#668F85; padding:7px 5px; border:1px solid #FFFFFF; border-bottom:0; font:normal 11px/12px verdana,Arial,Verdana,Helvetica,sans-serif; width:150px; color:#ffffff;}

/* this is for ie6 */
* html #navcontainer ul li { float:left; height:1%; }
* html #navcontainer ul li a, * html #navcontainer ul li span { height:1%; }

#navcontainer ul li a:hover, #navcontainer ul li span:hover	{color:#FFFFFF; background:#cc1543; }
#navcontainer li ul li a, #navcontainer li ul li span { padding:7px 5px;}
#navcontainer li:hover ul, #navcontainer li.over ul { display:block;}

#frmSearch {position:relative; display:block; clear:both; width:160px; margin:5px; line-height:24px; z-index:2;}
#frmSearch input {position:relative; width:124px; border:solid 1px #cccccc;}
#frmSearch img {margin:1px 0 0 5px; clear:right;}

#admin_menu {display:block; margin-top:10px;}

#logos {position:relative; width:110px; padding:12px 0; margin:0 auto; text-align:center;}
#logos h4 {margin-top:12px;}

/*	End NAVIGATION	*/

/* 3 column layout using #top & #right is presently defined in the body preceding #top, so look for it in the page itself. */

#footer {clear:both; margin-top:12px;}

#footer div {
	position:relative;
	clear:left;
	width:577px;
	height:75px;
	margin-left:176px;
	background: #ebf1f0;
	border-top: 1px #668F85 solid;
	font:normal 11px/34px Helvetica,Verdana,Arial,Sans-serif;
	color:#303B39;
	text-align:center;
}
#footer div img {margin:0 5px -5px 0;}

.clear {clear:both;}

/* Box at the top of the home page */

/*#top_home {width:577px; height:85px; margin:0px auto; padding: 9px 12px 12px 22px; background:url(http://www.hemophilia.ca/images/top_home.gif) no-repeat top left;}*/
#top_home {width:543px; height:85px; margin:0px auto; padding: 9px 12px 12px 22px; background:url(http://www.hemophilia.ca/images/top_home/bkg.gif) no-repeat top left;}
* html #top_home {width:540px;}
#top_home .our_stories {float: left; margin: 0px 30px 0px 0px; }
#top_home .e_news { float: left; margin: 0px 30px 0px 0px; }
#top_home .e_news form {margin-top:2px;}
#top_home .e_news input {width:160px;}
#top_home .e_news td img {float:right;}
#top_home .donate { float: left; text-align: left; }
#top_home h3 {font:bold 14px/16px Arial,Helvetica,Sans-Serif;  color:#cc1543; margin: 0px 0px 7px 0px; padding: 0px; text-align: left; background:none; }
#top_home input { border: 1px #cccccc solid; }

/* Page Forms */

.section {position:relative; background:#ffffff; display:inline-block;}
#copy .section .languages, #copy .section .admin {position:relative; padding:0; margin:0;} /* #copy adds a margin to all lists. */
.section .languages li, .section .admin li {display:inline; list-style-type:none; padding:0;}
.section .languages {float:left; top:-26px; height:26px; border-left:0;}
.section .admin {float:right; line-height:16px; height:16px; top:4px; right:8px;}
.section .languages li {display:block; float:left; font:normal 11px Helvetica,Verdana,Arial,Sans-serif;}
.section .languages li a {display:block; width:88px; height:26px; border:0; text-decoration:none; line-height:26px; text-align:center; color:#f7f7f7;}
.section .languages .tabactive a {color:#cc1543;}
.section .languages .tabnonactive a {color:#668f85;}

.tabactive {background:#f7f7f7 url(http://www.hemophilia.ca/images/tab_f7f7f7_active.gif) left top no-repeat;}
.tabnonactive {background:#ffffff url(http://www.hemophilia.ca/images/tab_f7f7f7_nonactive.gif) left top no-repeat;}
.green .tabactive {background:#f7f7f7 url(http://www.hemophilia.ca/images/tab_eff4f3_active.gif) left top no-repeat;}
.green .tabnonactive {background:#ffffff url(http://www.hemophilia.ca/images/tab_eff4f3_nonactive.gif) left top no-repeat;}

.contentactive {display:inline;}
.contentnonactive {display:none;}

/* Apply rounded corners to form */
.section form, .form_bkg_top, .form_bkg_right, .form_bkg_bottom, .form_bkg_left, .form_bkg_top img, .form_bkg_bottom img {display:block; padding:0; border:0; margin:0;}

.section form {margin-top:26px;}
.section form {width:auto; height:100%; padding:4px 8px; margin-bottom:-4px;}
.section form input, .section form textarea {width:100%;  border:0;}
.section form input {}
.section form textarea {}
.section form .submitbutton, .section form .resetbutton, .button {position:relative; border:outset 1px #668F85; background:#668F85; color:#ffffff; margin:8px 0 4px 0; padding:0; width:100px; height:24px; line-height:22px;}

.section form .deletebutton {background:#cc1543;}

.form_bkg_top, .form_bkg_bottom {width:100%; height:4px; text-align:right;}
.form_bkg_top img, .form_bkg_bottom img {float:right;}
.form_bkg_top {position:relative; padding-top:22px; background:#ffffff url(http://www.hemophilia.ca/images/form_f7f7f7_top_left_bkg.gif) left bottom repeat-x;}
.form_bkg_left {background:url(http://www.hemophilia.ca/images/form_f7f7f7_left_bkg.gif) 0 20px repeat-y;}
.form_bkg_right {background:url(http://www.hemophilia.ca/images/form_f7f7f7_right_bkg.gif) right repeat-y;}
.form_bkg_bottom {position:relative; padding-bottom:11px; background:#ffffff url(http://www.hemophilia.ca/images/form_f7f7f7_bottom_left_bkg.gif) left top repeat-x;}
.green .form_bkg_top {position:relative; padding-top:22px; background:#ffffff url(http://www.hemophilia.ca/images/form_eff4f3_top_left_bkg.gif) left bottom repeat-x;}
.green .form_bkg_left {background:url(http://www.hemophilia.ca/images/form_eff4f3_left_bkg.gif) 0 20px repeat-y;}
.green .form_bkg_right {background:url(http://www.hemophilia.ca/images/form_eff4f3_right_bkg.gif) right repeat-y;}
.green .form_bkg_bottom {position:relative; padding-bottom:11px; background:#ffffff url(http://www.hemophilia.ca/images/form_eff4f3_bottom_left_bkg.gif) left top repeat-x;}

.section_add .form_bkg_top, .page_add .form_bkg_top {padding-top:0;}
/*.section_add img, .page_add img {margin-top:4px;}*/
.section_add .form_bkg_right, .page_add .form_bkg_right {height:26px; line-height:16px; text-align:right;}
.section_blend, .section_blend .form_bkg_right {background-image:none;}
.section_blend .form_bkg_top, .section_blend .form_bkg_bottom {display:none;}


.search .displayof {padding:24px 0;}
/* Tables */

.yui-table-div {position:relative; width:100%; overflow:auto;}
.yui-table {position:relative; width:100%;}
.yui-table, .yui-table tr {border-top:solid 1px #cccccc; border-right:solid 1px #cccccc;}
.yui-table td, .yui-table th {padding:5px; border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc;}

/* Provincial */

.links_right #links_div, .links_right #links_external_div {position:absolute; top:0; right:0; width:156px; margin-right:-177px; float:right; clear:right; padding-left:0px; border-left:dashed 1px #cccccc;}

/*.to-volunteer #links_div, .pour-devenir-benevole #links_div {top:86px;}*/ /* To Volunteer */

.links_right #links_div li, .links_right #links_external_div li {margin-bottom:7px;}
.links_right #copy {position:relative; width:400px;}

/* Link Icons (http://www.psyked.co.uk/css/auto-matic-link-icons.htm) */

a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(http://www.hemophilia.ca/images/icons/pdf.gif) center left no-repeat;
}

a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(http://www.hemophilia.ca/images/icons/excel-file.gif) center left no-repeat;
}

a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(http://www.hemophilia.ca/images/icons/zip-file.gif) center left no-repeat;
}

a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(http://www.hemophilia.ca/images/icons/ms-word.gif) center left no-repeat;
}

/*    sIFR    */
/* ********** */

.sIFR-active h1 { visibility: hidden; font-family: Arial, Helvetica, sans-serif; line-height: 1em; }
.sIFR-active h1	{ padding-bottom: 0px; }

/* ********** */
/*    sIFR    */