@media print {
	body{
		background:none;
		font-size:10px;
	}
	
	body img{
		display:none;
	}
	
	#subTitle, .subTitle{
			font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
	}
		
	#counties{
		display:block;
		visibility:visible;
	}
  }

  
	@media screen {

	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;	
	}
	
	hr.short {
		width:450px;
		
	}
	
	#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_en-aboutUs_off.gif);
	    margin: 0 0 4px 0;
	}
	a.on#aboutUs, a#aboutUs:hover {
	    background-image: url(images/nav/nav_en-aboutUs.gif);
	}
	
	a#helpfulInfo {
	    display: block;
	    width: 200px;
	    height: 16px;
	    background-image: url(images/nav/nav_en-helpfulInfo_off.gif);
	    margin: 0 0 4px 0;
	}
	a.on#helpfulInfo, a#helpfulInfo:hover {
	    background-image: url(images/nav/nav_en-helpfulInfo.gif);
	}
	
	a#faq {
	    display: block;
	    width: 200px;
	    height: 16px;
	    background-image: url(images/nav/nav_en-faq_off.gif);
	    margin: 0 0 4px 0;
	}
	a.on#faq, a#faq:hover {
	    background-image: url(images/nav/nav_en-faq.gif);
	}
	
	a#volunteers {
	    display: block;
	    width: 200px;
	    height: 16px;
	    background-image: url(images/nav/nav_en-volunteers_off.gif);
	    margin: 0 0 4px 0;
	}
	a.on#volunteers, a#volunteers:hover {
	    background-image: url(images/nav/nav_en-volunteers.gif);
	}
	
	a#mediaCentre {
	    display: block;
	    width: 200px;
	    height: 16px;
	    background-image: url(images/nav/nav_en-mediaCentre_off.gif);
	    margin: 0 0 4px 0;
	}
	a.on#mediaCentre, a#mediaCentre:hover {
	    background-image: url(images/nav/nav_en-mediaCentre.gif);
	}
	
	a#links {
	    display: block;
	    width: 200px;
	    height: 16px;
	    background-image: url(images/nav/nav_en-links_off.gif);
	    margin: 0 0 4px 0;
	}
	a.on#links, a#links:hover {
	    background-image: url(images/nav/nav_en-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_en-aboutUs_off.gif);
	}
	
	a.on#aboutUs, a#aboutUs:hover {
	    background-image: url(images/nav/nav_en-aboutUs.gif);
	}
	
	a#helpfulInfo {
	    background-image: url(images/nav/nav_en-helpfulInfo_off.gif);
	}
	
	a.on#helpfulInfo, a#helpfulInfo:hover {
	    background-image: url(images/nav/nav_en-helpfulInfo.gif);
	}
	
	a#faq {
	    background-image: url(images/nav/nav_en-faq_off.gif);
	}
	
	a.on#faq, a#faq:hover {
	    background-image: url(images/nav/nav_en-faq.gif);
	}
	
	a#volunteers {
	    background-image: url(images/nav/nav_en-volunteers_off.gif);
	}
	
	a.on#volunteers, a#volunteers:hover {
	    background-image: url(images/nav/nav_en-volunteers.gif);
	}
	
	a#mediaCentre {
	    background-image: url(images/nav/nav_en-mediaCentre_off.gif);
	}
	
	a.on#mediaCentre, a#mediaCentre:hover {
	    background-image: url(images/nav/nav_en-mediaCentre.gif);
	}
	
	a#links {
	    background-image: url(images/nav/nav_en-links_off.gif);
	}
	
	a.on#links, a#links:hover {
	    background-image: url(images/nav/nav_en-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.feedback {background: url(images/banners/feedback.gif) no-repeat top left;}
	#banner_ h3.feedbackCompliments {background: url(images/banners/feedbackCompliments.gif) no-repeat top left;}
	#banner_ h3.feedbackConcerns {background: url(images/banners/feedbackConcerns.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:220px;
	    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;
	}

}