body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: #ffffff url('images/body_bg.gif') repeat-y fixed center;
	font: normal normal normal 12px Verdana, Lucida, Arial, Helvetica, sans-serif;
}


strong{
	font-weight:bold;	
}

hr{
	float:left;
	color:#e0e1e2;
	width:700px;
	height:1px;
	margin:0px 28px 0px 28px;	
}


#subTitle{
		font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
}

.subTitle{
		font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
}


a{color:#6d6f72;}
#main {
	border:0px solid red;
	margin:0px auto;
	width:760px;
	height:auto;
	padding:0px 20px 0px 20px;
}


#logo_ {
	float:left;
	width:200px;
	height:140px;
}

#logo_ h1 {
	float:left;
	display: block;
	margin: 0; padding: 0 0 0 0;
	width:200px;
	height:140px;
	background: url("images/logo.gif") no-repeat top left;
	overflow: hidden;
	line-height: 500px;
}

#header_ {
	float:right;
	width:560px;
	height:140px;
}

#header_ h2 {
	float:right;
	display: block;
	margin: 0; padding: 0 0 0 0;
	width:560px;
	height:140px;
	background: url("images/header.gif") no-repeat top left;
	overflow: hidden;
	line-height: 500px;
}



#nav_ {
	position:relative;
	float:left;
	width:200px;
	height:auto;
}

#navigation_ {
	background-image: url(images/navigation_bg.gif);
	background-repeat:no-repeat;
	width:200px;
	height:179px;
	padding-top:24px;
}

a .alt { display: none; }

a#aboutUs {
    display: block;
    width: 200px;
    height: 16px;
    background-image: url(images/nav/nav_fr-aboutUs_off.gif);
    margin: 0 0 4px 0;
}
a.on#aboutUs, a#aboutUs:hover {
    background-image: url(images/nav/nav_fr-aboutUs.gif);
}

a#helpfulInfo {
    display: block;
    width: 200px;
    height: 16px;
    background-image: url(images/nav/nav_fr-helpfulInfo_off.gif);
    margin: 0 0 4px 0;
}
a.on#helpfulInfo, a#helpfulInfo:hover {
    background-image: url(images/nav/nav_fr-helpfulInfo.gif);
}

a#faq {
    display: block;
    width: 200px;
    height: 16px;
    background-image: url(images/nav/nav_fr-faq_off.gif);
    margin: 0 0 4px 0;
}
a.on#faq, a#faq:hover {
    background-image: url(images/nav/nav_fr-faq.gif);
}

a#volunteers {
    display: block;
    width: 200px;
    height: 16px;
    background-image: url(images/nav/nav_fr-volunteers_off.gif);
    margin: 0 0 4px 0;
}
a.on#volunteers, a#volunteers:hover {
    background-image: url(images/nav/nav_fr-volunteers.gif);
}

a#mediaCentre {
    display: block;
    width: 200px;
    height: 16px;
    background-image: url(images/nav/nav_fr-mediaCentre_off.gif);
    margin: 0 0 4px 0;
}
a.on#mediaCentre, a#mediaCentre:hover {
    background-image: url(images/nav/nav_fr-mediaCentre.gif);
}

a#links {
    display: block;
    width: 200px;
    height: 16px;
    background-image: url(images/nav/nav_fr-links_off.gif);
    margin: 0 0 4px 0;
}
a.on#links, a#links:hover {
    background-image: url(images/nav/nav_fr-links.gif);
}


#banner_ h3 {
	float:right;
	display: block;
	margin: 0; padding: 0 0 0 0;
	width:560px;
	height:75px;
	background: url("images/banner.gif") no-repeat top left;
	overflow: hidden;
	line-height: 700px;
}

#body_ {
	border:0px solid blue;
	float:right;
	padding:34px 32px 30px 32px;
	width:495px;
	height:auto;
	overflow:hidden;
}

#callOut-title_ {
	width:200px;
	height:49px;
}

#callOut-title_ h4 {
	display: block;
	margin: 0; padding: 0 0 0 0;
	width:200px;
	height:49px;
	background: url("images/callOut_title.png") no-repeat top left;
	overflow: hidden;
	line-height: 800px;
}

#callOut-body_ {
	border:0px solid yellow;
	font-size:0.95em;
	padding:0px 29px 27px 29px;
	width:135px;
	height:auto;	
}

#callOut-body_ ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;

}

#sponsors_ {
	border:0px solid red;
	display: block;
	float:left;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	width:760px;
	height:87px;
	white-space:nowrap;
	/*background: url("images/sponsors.gif") no-repeat top left;
	overflow: hidden;
	line-height: 800px;*/
}

#sponsors_ a#monfortHospital {
    display: block;
    float:left;
    width: 227px;
    height: 69px;
    background-image: url(images/MonfortHospital_logo.png);
    margin: 0 0 4px 0;
}

#sponsors_ a#ottawaHospital {
    display: block;
    float:left;
    width: 188px;
    height: 69px;
    background-image: url(images/OttawaHospital_logo.png);
    margin: 0 0 4px 0;
}

#sponsors_ a#cornwallCommHospital {
    display: block;
    float:left;
    width: 193px;
    height: 69px;
    background-image: url(images/CornwallCommHospital_logo.png);
    margin: 0 0 4px 0;
}

#sponsors_ a#pembrokeRegHospital {
    display: block;
	float:left;
    width: 127px;
    height: 69px;
    background-image: url(images/PembrokeRegHospital_logo.png);
    margin: 0 0 4px 0;
}

#sponsors_ ul {
	display: block;
	height:87px;
	overflow: hidden;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	color: #6e7895;
	list-style:none;
}

#sponsors_ li {
	float:left;
	margin:  0; padding: 0 1px 0 0;
}

#footerLeft_ {
	border:0px solid green;
	float:left;	
	margin:0 0 0 0;
	padding:5px 0 0 28px;
	width:350px;
	height:auto;
}

#footerLeft_ ul {
	border:0px solid blue;
	display: inline;
	margin: 0 0 0 0; 
	color: #6e7895;
	list-style:none;
}

#footerLeft_ li {
	float:left;
	margin: 0; padding: 0 1px 0 0;
}

#footerRight_ {
	border:0px solid green;
	float:right;
	margin:0 0 0 0;
	padding: 5px 28px 0 0;
	width:350px;
	height:auto;
	text-align:right;
}


#footerRight_ ul {
	display: block;
	margin: auto; 
	color: #6e7895;
	list-style:none;
}

#footerRight_ li {
	float:right;
	margin:  0; padding: 0 1px 0 0;
}

#footerRight_ p{
	width:100%;
}

#footerCentre_ {
	border:0px solid green;
	float:left;	
	margin:0 0 0 0;
	padding:5px 0 0 28px;
	width:700px;
	height:58px;
}

#footerCentre_ ul {
	border:0px solid blue;
	display: inline;
	margin: 0 0 0 0; 
	list-style:none;
}

#footerCentre_ li {
	float:left;
	margin: 0; padding: 0 1px 0 0;
}


/*--- english ---*/
#logo_ h1 {
	background: url(images/logo.gif) no-repeat top left;
}

#header_ h2 {
	background: url(images/header.gif) no-repeat top left;
}

#navigation_ {
	background-image: url(images/navigation_bg.gif);
}


a#aboutUs {
    background-image: url(images/nav/nav_fr-aboutUs_off.gif);
}

a.on#aboutUs, a#aboutUs:hover {
    background-image: url(images/nav/nav_fr-aboutUs.gif);
}

a#helpfulInfo {
    background-image: url(images/nav/nav_fr-helpfulInfo_off.gif);
}

a.on#helpfulInfo, a#helpfulInfo:hover {
    background-image: url(images/nav/nav_fr-helpfulInfo.gif);
}

a#faq {
    background-image: url(images/nav/nav_fr-faq_off.gif);
}

a.on#faq, a#faq:hover {
    background-image: url(images/nav/nav_fr-faq.gif);
}

a#volunteers {
    background-image: url(images/nav/nav_fr-volunteers_off.gif);
}

a.on#volunteers, a#volunteers:hover {
    background-image: url(images/nav/nav_fr-volunteers.gif);
}

a#mediaCentre {
    background-image: url(images/nav/nav_fr-mediaCentre_off.gif);
}

a.on#mediaCentre, a#mediaCentre:hover {
    background-image: url(images/nav/nav_fr-mediaCentre.gif);
}

a#links {
    background-image: url(images/nav/nav_fr-links_off.gif);
}

a.on#links, a#links:hover {
    background-image: url(images/nav/nav_fr-links.gif);
}


#banner_ h3 {
	background: url(images/banners/default.gif) no-repeat top left;
}

#banner_ h3.aboutUs {background: url(images/banners/aboutUs.gif) no-repeat top left;}
#banner_ h3.contactUs {background: url(images/banners/contactUs.gif) no-repeat top left;}
#banner_ h3.indexFR {background: url(images/banners/indexFR.gif) no-repeat top left;}
#banner_ h3.disclaimer {background: url(images/banners/disclaimer.gif) no-repeat top left;}
#banner_ h3.faqs {background: url(images/banners/FAQs.gif) no-repeat top left;}
#banner_ h3.faqCrisisLine {background: url(images/banners/mentalHealthFAQ.gif) no-repeat top left;}
#banner_ h3.faqHospitals {background: url(images/banners/hospitalFAQ.gif) no-repeat top left;}
#banner_ h3.faqMobileTeams {background: url(images/banners/localMobileFAQ.gif) no-repeat top left;}
#banner_ h3.faqPolice {background: url(images/banners/policeFAQ.gif) no-repeat top left;}
#banner_ h3.faqPsychiatry {background: url(images/banners/psychFAQ.gif) no-repeat top left;}
#banner_ h3.helpfulInfo {background: url(images/banners/helpfulInfo.gif) no-repeat top left;}
#banner_ h3.infoInTheWorkplace {background: url(images/banners/mentalHealth.gif) no-repeat top left;}
#banner_ h3.infoLocalCourthouses {background: url(images/banners/localCourts.gif) no-repeat top left;}
#banner_ h3.infoLocalHospitals {background: url(images/banners/localHospital.gif) no-repeat top left;}
#banner_ h3.infoPsychAssessment {background: url(images/banners/psychAssess.gif) no-repeat top left;}
#banner_ h3.siteMap {background: url(images/banners/siteMap.gif) no-repeat top left;}
#banner_ h3.volunteers {background: url(images/banners/volunteers.gif) no-repeat top left;}
#banner_ h3.links {background: url(images/banners/links.gif) no-repeat top left;}

#callOut-title_ h4 {
	background: url(images/callOut_title.png) no-repeat top left;
}

#faq-navigation_ {
    display:none;
    position:absolute;
    background-color: #ffffff;
    width:440px;
    height:92px;
    overflow:hidden;    
    left:200px;
    top:62px;
	z-index:99;
}

#faq-navigation_ a{
    display:block;
    width:100%;
    height:16px;
    background-color:#cccccc;
    padding:0px 0px 0px 5px;
    margin:2px 0px 2px 0px;
    color:#000000;
    text-decoration:none;
    line-height:16px;
}
#faq-navigation_ a:hover{
    background-color:#F2CC07;
}