/*** Let's Set Everything to Zero ***/
 html,body,p,div,img,li,ul,dl,dd,dt,form,form,noscript{
  font-family:Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}
input,select{
  margin:0;
  padding:0;}

body {margin: 0; 
      background: #FFFFFF;
	  padding:0;
      color: #333333;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 120%; }
p {
margin: 0 0 10px 0;
}

/* Text styles */
.whitetext {
color:#FFFFFF;
font-size: 1.1em;
}
.redtext {
color:#D41E24;
font-size: 1.1em;
}
.bigredtext {
font-weight: bold;
color:#D41E24;
}
.blacktextintro {
font-size: 1.1em;
}
.titlepage {
color: #D41E24;
font-size: 1.3em;
font-weight: bold;
border-bottom: 1px solid #D41E24;
margin: 0 0 10px 0;
}
.greytitle {
font-weight: bold;
color:#595959;
font-size: 1.2em;
}
.blacktextrightnav{
font-weight: bold;
color:#000000;
font-size: 1.1em;
}

/* Corps de page */
#conteneur {
min-width: 730px;
/*width:expression(document.body.clientWidth < 740 ? "740px" : "auto" );*/
max-width: 1250px;
/*width:expression(document.body.clientWidth > 1280 ? "1280px" : "auto" );*/
margin: 0 auto;
/* background-color:#CCCCFF;*/
padding: 0px 20px 0px 20px;
}

/* Haut de page */
#header {
height: 240px; /* 180 */
background-color: #FFFFFF;

background-repeat: no-repeat;  
background-position: center;
}
	#logo {
	width: 294px; 
	float: left;
	padding-top: 40px;
	}
	#textsize
	{ margin: 15px 0 10px 0;}
	#searcharea
	{ margin: 0 0 5px 0;} /* 10 */
	#textintro
	{ margin: 5px 0 0 0;} /* 10 */
	#topnav {
	width: 400px; 
	float: right; 
	padding: 20px 0px 0px 0px;
	text-align: right;
	}
		#topnav a {
		color: #000000;
		font-size: 0.9em;
		text-decoration: none;
		}
		#topnav a:hover, #topnav a:active, #topnav a:focus {
		text-decoration: underline;
		background-color: #FFFFCD;
		}
		#search_box{
		height: 15px;
		font-size: 12px;
		}
		.hidden {position: absolute; left: -9000px;}
		.introtext {
		padding-top: 40px;
		text-align: right;
		font-size: 1.6em;
		color: #D41E24;
		font-weight: bold;
		}	

/* Menu principal */

		#navleft{
		float:left;
		}
		#profile{
		float:right;
		margin: 0;
		padding: 0;
		}
		
#navbar {
background-image:url(/images/navbar-middle.gif);
background-position:left top;
background-repeat:repeat-x;
height:41px;

}

#navleft {
float:left;
}

#navbar ul {
line-height:33px;
margin:0px;
padding:0px;
}

#navbar ul li {
list-style-type:none;
float:left;
}

#navbar ul li 
{
border-right:2px solid #fff;
}

#navbar ul li.last 
{
border-right:none;
}

#navbar ul li a 
{
color:#FFFFFF;
display:block;
font-weight:bold;
padding:0px 11px;
text-decoration:none;
}

#navbar ul li a:link {
background-image:url(/images/navbar-middle.gif);
background-position:left top;
background-repeat:repeat-x;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#navbar ul li a:visited {
background-image:url(/images/navbar-middle.gif);
background-position:left top;
background-repeat:repeat-x;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#navbar ul li a:hover {
background-image:url(/images/navbar-cream.gif);
background-position:left top;
background-repeat:repeat-x;
border-left:1px solid #D41E24;
border-right:1px solid #D41E24;
color:#D41E24;
font-weight:bold;
padding:0px 10px;
text-decoration:none;
}





#navbar ul li.first a:link {
background-image:url(/images/navdonor.gif);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding:0px 11px 0px 10px;
text-decoration:none;
}

#navbar ul li.first a:visited {
background-image:url(/images/navdonor.gif);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding:0px 11px 0px 10px;
text-decoration:none;
}

#navbar ul li.first a:hover {
background-image:url(/images/navdonor-cream-xlarge.gif);
background-position:left top;
background-repeat:no-repeat;
border-left:none;
border-right:1px solid #D41E24;
color:#D41E24;
font-weight:bold;
padding:0px 10px;
text-decoration:none;
}

#navbar ul li.on a:link, #navbar ul li.on a:visited, #navbar ul li.on a:hover {
background-image:url(/images/navbar-cream.gif);
background-position:left top;
background-repeat:repeat-x;
border-left:1px solid #D41E24;
border-right:1px solid #D41E24;
color:#D41E24;
font-weight:bold;
padding:0px 10px;
text-decoration:none;
}

#navbar ul li.firston a:link, #navbar ul li.firston a:visited, #navbar ul li.firston a:hover {
background-image:url(/images/navdonor-cream-xlarge.gif);
background-position:left top;
background-repeat:no-repeat;
background-color:#FCF8ED;
border-left:none;

border-right:1px solid #D41E24;
color:#D41E24;
font-weight:bold;
padding:0px 10px;
text-decoration:none;
}

#navbar ul li.laston a:link, #navbar ul li.laston a:visited, #navbar ul li.laston a:hover {
background-image:url(/images/navbar-cream.gif);
background-position:left top;
background-repeat:repeat-x;
border-right:none;
border-left:1px solid #D41E24;
border-right:1px solid #D41E24;
color:#D41E24;
font-weight:bold;
padding:0px 10px;
text-decoration:none;
}

#profile {
float:right;
margin:0pt;
padding:0pt;
}

#navbar ul li.navprofile a {
background-image:url(/images/navprofile.gif);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding:0px 10px;
text-decoration:none;

}

#navbar ul li.navprofile a:visited {
background-image:url(/images/navprofile.gif);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding:0px 10px;
text-decoration:none;
}
#navbar ul li.navprofile a:hover {
background-image:url(/images/navprofile-cream.gif);
background-repeat:no-repeat;
color:#D41E24;
font-weight:bold;
padding:0px 10px;
text-decoration:none;
}

#navbar ul li.navprofile a:active {
background-image:url(/images/navprofile-cream.gif);
background-repeat:no-repeat;
color:#D41E24;
font-weight:bold;
padding:0px 10px;
text-decoration:none;
}


/* Entete HP */
#entete {
padding: 2px 0 8px 0;
margin: 0;
background-color:#ffffff;
text-align: center;
color: #000000;
font-weight:normal;
font-size: 1.1em;
}
	#entete h1 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0; 
	padding: 5px 0px 0px 0px;
	}	

/* Roadline */
#roadline {
padding: 2px 0 12px 0;
margin: 0;
background-color:#ffffff;
text-align: left;
color: #000000;
font-weight:normal;
}
	#roadline a {
	color: #000000;
	text-decoration: underline;
	}	
	#roadline a:hover, #roadline a:active, #roadline a:focus {
	text-decoration: none;
	background-color: #FFFFCD;
	}	

/*** HOME PAGE ***/

/* Colonne de droite - fixe */
#homeright {
width: 184px; 
float: right; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}	
	#homeright a {
	color:#000000;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	}
	#homeright a:hover {
	text-decoration: none;
	color:#D41E24;
	}
		
#homeright ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: arial, Helvetica, sans-serif;
			font-size: 1em;
			}
		
			#homeright li {margin:0px 0px 4px 0px;  padding:0px ; text-align: center; }
			
			#homeright a.thankyou
						{display: block; 
						 padding: 22px 0px 0px 58px;
						 width: 126px;
						 height: 43px;
						 background-image: url(/images/thankyou.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.thankyou:visited {
						 background-image: url(/images/thankyou.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.thankyou:hover {
						 background-image: url(/images/thankyou-red.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
								
			#homeright a.people
						{display: block; 
						 padding: 7px 0px 0px 68px;
						 width: 116px;
						 height: 59px;
						 background-image: url(/images/people.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.people:visited {
						 background-image: url(/images/people.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.people:hover {
						 background-image: url(/images/people-red.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
						
			#homeright a.reserves
						{display: block; 
						 padding: 0px 0px 0px 58px;
						 width: 126px;
						 height: 82px;
						 background-image: url(/images/reserves-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.reserves:visited {
						 background-image: url(/images/reserves-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.reserves:hover {
						 background-image: url(/images/reserves-red-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 	
						
			#homeright a.ways
						{display: block; 
						 padding: 2px 0px 0px 0px;
						 width: 184px;
						 height: 218px;
						 background-image: url(/images/ways-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.ways:visited {
						 background-image: url(/images/ways-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.ways:hover {
						 background-image: url(/images/ways-red-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 	
			
		
			#homeright a.alert
						{display: block; 
						 padding: 13px 0px 0px 60px;
						 width: 123px;
						 height: 142px;
						 background-image: url(/images/alert-area-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.alert:visited {
						 background-image: url(/images/alert-area-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						} 
			#homeright a.alert:hover {
						 background-image: url(/images/alert-area-red-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						}
						
#homeright a.videos {
background-image:url(/images/videos.gif);
background-position:right center;
background-repeat:no-repeat;
display:block;
height:65px;
padding:13px 0px 0px;
width:184px;
}

#homeright a.videos:visited {
background-image:url(/images/videos.gif);
background-position:right center;
background-repeat:no-repeat;
}
#homeright a.videos:hover {
background-image:url(/images/videos-red.gif);
background-position:right center;
background-repeat:no-repeat;
} 	
			
			
			#clinictimes
						{
						padding: 10px 15px 0 15px;
						 width: 153px;
						 height: 359px;
						 background-image: url(/images/clinics-time-xlarge.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						 color: #000000;
						} 
						#infoline
						{
						margin: 5px 0 5px 0;
						padding: 10px 0 10px 0;
						text-align: center;
						font-size: 1.2em;
						font-weight: bold;
						background-color: #D41E24;
						color: #FFFFFF;
						}
							
	
		.spaceimg {
		margin: 5px 0 5px 0;
		}
/* Colonne de gauche, incluant les deux colonnes variables - INITIALISATION */
#homeleft {margin-right: 200px; 
			/*  background-color: #FFFFCC */;
			padding: 0px 0px 0px 0px;}
			
#flex_left {width: 49%; float: left; /* background-color:#FF66CC */;border-right: 1px dotted #D41E24;}
#flex_right {width: 49%; float: right; /* background-color:#66CCFF */}	

#flex_right h2 {
		margin: 20px 0px 0px 0px; 
		padding: 0px 0px 6px 0px;
		font-size: 1.2em;
		color:#D41E24;
		font-weight: bold;
		}	

/* Colonne de gauche, incluant les deux colonnes variables - contenu des div */
/* Colonne de gauche */
	#giveblood {
	height: 107px; 
	background-image: url(/images/cani-backgroundleft-xlarge.jpg); 
	background-repeat:no-repeat; 
	background-position: top left; 
	padding: 0px 0px 0px 0px;
	margin-right: 15px;
	}
	#give2  {
	height: 107px;  
	background-image: url(/images/cani-backgroundright-xlarge.jpg); 
	background-repeat:no-repeat; 
	background-position: top right; 
	padding: 10px 0px 0px 7px
	}	
		#giveblood h2, #wheretogive h2 {
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		font-size: 1.2em;
		color: #ffffff;
		font-weight: bold;
		}
		#giveblood a, #wheretogive a {
		text-decoration: underline;
		color: #ffffff;
		}
		#giveblood a:hover, #wheretogive a:hover {
		text-decoration: none;
		color: #ffffff;
		}
	#giveplatelets {
	height: 80px; 
	margin: 0px 15px 0px 0px;
	padding: 2px 0px 0px 10px;
	border-bottom: 1px dotted #D41E24;
	}
		#giveplatelets h2, #bonemarrow h2 {
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		font-size: 1.2em;
		color: #D41E24;
		font-weight: bold;
		}
		#giveplatelets a, #bonemarrow a {
		text-decoration: underline;
		color: #D41E24;
		}
		#giveplatelets a:hover, #bonemarrow a:hover {
		text-decoration: none;
		color: #D41E24;
		}
		
		#giveplateletsleft {
		float: left;
		width: 90%;
		}
		.giveplateletsright {
		float: right;
		width: 9%;
		text-align: right;
		margin-top: 10px;
		}
	#bonemarrow {
	height: 65px; 
	padding: 2px 0px 0px 10px;
	margin: 0px 15px 0px 0px;
	}
	
		#bonemarrowleft {
		float: left;
		width: 90%;
		}
		#bonemarrowright {
		float: right;
		width: 9%;
		text-align: right;
		margin-top: 4px;
		}
	#givingblood {
	height: 235px; 
	background-image: url(/images/giving-blood-xlarge.gif); 
	background-repeat:no-repeat; 
	background-position: top left; 
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	margin-right: 15px;
	}
	#giving2 {
	height: 230px; 
	background-image: url(/images/giving-blood-right-xlarge.gif); 
	background-repeat:no-repeat; 
	background-position: top right; 
	padding: 5px 20px 0px 10px;
	}
		#givingblood h2 {
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		font-size: 1.2em;		
		color:#FFFFFF;
		font-weight: bold;
		}
		.space {
		margin-left: 100px;
		}
	
/* Colonne centrale */
	#wheretogive {
	height: 107px; 
	background-image: url(/images/where-to-give-xlarge.gif); 
	background-repeat: no-repeat; 
	background-position: top left;
	padding: 0px 0px 0px 0px;
	}	
	#where2 {
	height: 107px; 
	background-image: url(/images/where-to-give-right-xlarge.gif); 
	background-repeat: no-repeat; 
	background-position: top right;
	padding: 10px 0px 0px 7px;
	}	

	#calendar {
	padding: 28px 0px 0px 0px;
	font-weight: bold;
	}	
		#calendar h2 {
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 6px 0px;
		font-size: 1.2em;
		color:#D41E24;
		font-weight: bold;
		}
		
		
		
		
		* html #middletable {
		width: 241px;
		margin-top: -20px;
		margin-bottom: 0px;
		padding-left: 20px;
		background-color: #FCF8ED;
		}
		.boldblacktext {
		color:#000000;
		font-size: 1em;
		font-weight: bold;
		}

		* html #bottomtable {
		width: 300px;
		height: 37px;
		margin: 0;
		}
		
		#bottomtable {
		width: 300px;
		height: 37px;
		margin: 0;
		}
				.formcalendar  {
				padding: 15px 0px 0px 0px;
				}	
div.clearer {clear: left; line-height: 0; height: 0;}	
/* ---- END HOME PAGE---- */

/* ---- 3 COLUMNS PAGE ---- */
#centre {
margin-left: 200px;
margin-right: 200px;
margin-bottom: 10px;
}
	#centre p {
	margin: 0 0 15px 0;
	}
	#centre h1 {
	color: #D41E24;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #D41E24;
	margin: 0 0 10px 0;
	}
	#centre h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color:#595959;
	font-size: 1.2em;	
	}
	#centre a {
	color: #0000FF;
	}
	#centre a:hover, #centre a:active, #centre a:focus {
	background-color: #FFFFCD;
	}
		.canigivetab {
		height:275px;
width:486px;
		background-image: url(/images/backgroundcanigive_lrg.gif);
		background-repeat: no-repeat;
		background-position: top;
		}
		.imgcanigive{
		border: 1px solid #CDCDCD;
		}
	

/* ---- 2 COLUMNS PAGE : content + right nav ---- */
#largecentre {
margin-right: 200px;
margin-bottom: 10px;
}
	#largecentre h1 {
	color: #D41E24;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #D41E24;
	margin: 0 0 10px 0;
	}
	#largecentre a {
	color: #0000FF;
	}
	#largecentre a:hover, #centre a:active, #centre a:focus {
	background-color: #FFFFCD;
	}
	#largecentre ul{
	padding: 2px 0 0 0;
	list-style-type: square;
	font-family: arial, Helvetica, sans-serif;
	font-size: 1em;
	}
	#largecentre li {
	list-style: none ;
	padding-left: 22px;
	background-image: url(/images/bullet-arrow.gif);
	background-repeat: no-repeat;
	}

	#largecentre p{
	padding: 7px 0 0 95px;
	}

		#bigcalendar {
		padding: 0px 0px 0px 0px;
		width: 760px;
		background-color: #33CC99;
		}	
		#monthsnav ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: arial, Helvetica, sans-serif;
			font-size: 1em;
			}
			#monthsnav li {
			display: inline;
			}
			#monthsnav a.months 
						{ display: inline;
						 padding: 0px 0px 0px 0px;
						 width: 152px;
						 height: 22px;
						 background-image: url(/images/tab-bk.gif);
						 background-repeat: no-repeat;
						 background-position: right;
						 font-size: 1.1em;
						} 
	
	#bloodsupplyltab {
	font-size: 1.1em;
	font-weight: bold;
	width: 750px;
	margin-bottom: 5px;
	}
	.bloodsupplyleftborder {
	border-left:1px solid #818181;
	}
	.bloodsupplyrightborder {
	border-right: 1px solid #818181;
	}
	.bloodsupplyline {
	border-bottom:1px solid #818181;
	}
	.bloodsupplytitle{
	text-align: left;
	margin: 0 0 0 100px;
	}
	.number {
	margin: 0 0 0 100px;
	vertical-align: middle;
	}
	.bloodchart{
	vertical-align: middle;
	margin-left: 100px;
	}
	.bloodchartdoublenumber{
	vertical-align: middle;
	margin-left: 93px;
	}

/* ---- 2 COLUMNS PAGE : content + left nav ---- */

#largecentreright {
margin-left: 200px;
margin-bottom: 10px;
}
	#largecentreright p {
	margin: 0 0 15px 0;
	}
	#largecentreright h1 {
	color: #D41E24;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #D41E24;
	margin: 0 0 10px 0;
	}
	#largecentreright h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color:#595959;
	font-size: 1.2em;	
	}
	#largecentreright a {
	color: #0000FF;
	}
	#largecentreright a:hover, #centre a:active, #centre a:focus {
	background-color: #FFFFCD;
	}
#largecentreright ul{padding-left:15px;}

/*** Calander Table Large***/
  
#cal td.month {width: 126px; }
#cal td.redline {border-bottom: 2px solid #D41E24;}

a:link.srollover, a:visited.srollover {
   display: block;
   width: 126px;
   height: 27px;
   padding: 10px 0px 0px 0px;
   background: url("/images/caltab.gif") 0 0 no-repeat;
   text-decoration: none;
   font-size: 1.1em;
   color:#333333 }
  
  
a:hover.srollover {
  background-position: 0px -37px; color:#333333}
  
a:link#navon, a:visited#navon{
  background-position: 0px -74px; font-weight:bold; color:#333333}  
#calandersize {width: 99%;}  
#calsurround { padding: 15px 15px 15px 15px; background-color:#fcf8ed; border-bottom: 2px solid #D41E24; border-right: 2px solid #D41E24; border-left: 2px solid #D41E24;} 
#calsurround table { border:1px solid #dedcdd; border-collapse:collapse;  margin:0px 0px 20px 0px}
#calsurround table th {background-color:#ffffff; font-weight:bold; text-align:center; padding: 5px; border:1px solid #dedcdd; border-collapse:collapse; }
#calsurround table td {background-color:#ffffff; text-align:left; padding: 3px 3px 3px 3px; border:1px solid #dedcdd; border-collapse:collapse; }   
#calsurround table td.greyout {color:#cccccc;}
span.num {font-size: 80%; display:block}

/*** Calander Table Small Homepage***/
  
#calsml td.day {width: 60px; }
#calsml td.redline {border-bottom: 2px solid #D41E24;}

a:link.crollover, a:visited.crollover {
   display: block;
   width: 60px;
   height: 25px;
   padding: 5px 0px 0px 0px;
   background: url("/images/caltab_sml.gif") 0 0 no-repeat;
   text-decoration: none;
   color:#333333 }
  
  
a:hover.crollover {
  background-position: 0px -30px; color:#333333}
  
a:link#tabon, a:visited#tabon{
  background-position: 0px -60px; font-weight:bold; color:#333333}  
  
#calsmlsurround {padding: 15px 15px 15px 15px; background-color:#fcf8ed; border-bottom: 2px solid #D41E24; border-right: 2px solid #D41E24; border-left: 2px solid #D41E24;  } 

/* ---- 2 COLUMNS PAGE : Left nav + content ---- */
#centre2colums {
margin-left: 200px;
margin-bottom: 10px;
}
	#centre2colums p {
	margin: 15px 0 0 0;
	}
	#centre2colums h1 {
	color: #D41E24;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #D41E24;
	margin: 0 0 10px 0;
	}
	#centre2colums a {
	color: #0000FF;
	}
	#centre2colums a:hover, #centre2colums a:active, #centre2colums a:focus {
	background-color: #FFFFCD;
	}

	#waysblocks {
	width: 99%;
	}
	#waysblocks1 {
	height: 191px;
	margin-bottom: 20px;	
	}
	#waysblocks2 {
	margin-bottom: 20px;
	height: 191px;
	}
		.wayshelp {
		height: 240px;
		width: 240px;
		padding: 0;
		float: left;
		background-image: url(/images/background-ways-xlarge.gif);
		background-repeat: no-repeat;
		background-position: left;
		}
			#waysblocks h2{
			padding: 8px 0px 0px 8px;
			margin: 0;
			font-size: 1.2em;
			}
			#waysblocks a.title, #waysblocks a.title:hover,#waysblocks a.title:focus, #waysblocks a.title:active {
			text-decoration: underline;
			background: none;
			color: #ffffff;
			font-weight: bold;
			}
			.imgwayshelp {
			padding: 1px 0px 0px 2px;
			}
			.textwayshelp {
			margin: 3px 6px 0px 10px;
			}
		.margeways {
		width: 1%;
		float: left;
		}

#left {
width: 180px; 
float: left; 
margin: 0px 0px 0px 0px;
/* background-color: #FFFFCC; */
padding: 0px 0px 0px 0px;
}	

/* ---- Subnavigation ---- */	
#subnavcontainer { margin:0px; }
		
#subnavcontainer ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: arial, Helvetica, sans-serif;
			font-size: 1em;
			}
		
#subnavcontainer li {margin:0px 0px 4px 0px;  padding:0px;}
		
#subnavcontainer a
		    {display: block;
			 padding: 10px 0px 5px 18px;
			 width: 162px;
			 height: 45px;
			 color: #000000;
			 text-decoration: none;
			 font-weight: bold;
			 background-image: url(/images/backgroundleftnav-large.gif);
			 background-repeat: no-repeat;
			 background-position: left;
			} 
			
#subnavcontainer a:visited{
			color: #000000;
			text-decoration: none;
			font-weight: bold;
			background-image: url(/images/backgroundleftnav-large.gif);
			background-repeat: no-repeat;
			background-position: left;
			}
#subnavcontainer a:hover {
		    color: #D41E24;
			text-decoration: none;
			font-weight: bold;
			background-image: url(/images/backgroundleftnav-red-large.gif);
			background-repeat: no-repeat;
			background-position: left;
			}
#subnavcontainer a:link#currentnav, a:visited#currentnav
		    {
			color: #D41E24;
			text-decoration: none;
			font-weight: bold;
			background-image: url(/images/backgroundleftnav-red-large.gif);
			background-repeat: no-repeat;
			background-position: left;
			}	
		
			
#subnavcontainer ul ul { margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; }					
		
#subnavcontainer ul ul li { 
			list-style: none ;
			padding-left: 18px;
			background-image: url(/images/bullet-arrow.gif);
			background-repeat: no-repeat;
			}
		
#subnavcontainer ul ul a
		    {display: block;
			 padding: 0;
			 height: auto;
		    width: 153px;
			color: #000000;
			text-decoration: none;
			background-color: #ffffff;
			text-decoration: none;
			font-weight:normal;
			margin: 0px 0px 0px 0px;
			font-size: 90%;
			background-image: url(/images/spacer.gif);
            background-repeat: no-repeat; 
            background-position: left top;}

#subnavcontainer ul ul a:visited
            {color: #000000;
			background-color: #ffffff;
			text-decoration: none;
			font-weight:normal;
			background-image: url(/images/spacer.gif);
            background-repeat: no-repeat; 
            background-position: left top;}
		
#subnavcontainer ul ul a:hover, a:link#subcurrent, a:visited#subcurrent
		    {color: #000000;
			background-color: #ffffff;
			text-decoration: underline;
			font-weight:normal;}
			
/* Clinical Services Menu */	

#subnavcontainer-clinicalservices { margin:0px; }
		
#subnavcontainer-clinicalservices ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: arial, Helvetica, sans-serif;
			font-size: 1em;
			}
		
#subnavcontainer-clinicalservices li {margin:0px 0px 4px 0px;  padding:0px;}

#subnavcontainer-clinicalservices a
		    {display: block;
			 padding: 10px 0px 5px 18px;
			 width: 162px;
			 height: 45px;
			 color: #000000;
			 text-decoration: none;
			 font-weight: bold;
			 background-image: url(/images/backgroundleftnav-large.gif);
			 background-repeat: no-repeat;
			 background-position: left;
			} 
			
#subnavcontainer-clinicalservices a:visited{
			color: #000000;
			text-decoration: none;
			font-weight: bold;
			background-image: url(/images/backgroundleftnav-large.gif);
			background-repeat: no-repeat;
			background-position: left;
			}
#subnavcontainer-clinicalservices a:hover {
		    color: #D41E24;
			text-decoration: none;
			font-weight: bold;
			background-image: url(/images/backgroundleftnav-red-large.gif);
			background-repeat: no-repeat;
			background-position: left;
			}
#subnavcontainer-clinicalservices a:link#currentnav, a:visited#currentnav
		    {
			color: #D41E24;
			text-decoration: none;
			font-weight: bold;
			background-image: url(/images/backgroundleftnav-red-large.gif);
			background-repeat: no-repeat;
			background-position: left;
			}	
			
#subnavcontainer-clinicalservices ul ul { margin: 0px 0px 12px 20px; padding: 0px 0px 0px 0px; }					
		
#subnavcontainer-clinicalservices ul ul li { 
			list-style: none ;
			padding-left: 22px;
			background-image: url(/images/bullet-arrow.gif);
			background-repeat: no-repeat;
			}
		
#subnavcontainer-clinicalservices ul ul a
		    {display: block;
			padding: 0;
			height: auto;
		    width: 153px;
			color: #000000;
			text-decoration: none;
			background-color: #ffffff;
			text-decoration: none;
			font-weight:normal;
			margin: 0px 0px 0px 0px;
			font-size: 95%;
			background-image: url(/images/spacer.gif);
            background-repeat: no-repeat; 
            background-position: left top;}

#subnavcontainer-clinicalservices ul ul a:visited
            {color: #000000;
			background-color: #ffffff;
			text-decoration: none;
			font-weight:normal;
			background-image: url(/images/spacer.gif);
            background-repeat: no-repeat; 
            background-position: left top;}
		
#subnavcontainer-clinicalservices ul ul a:hover, a:link#subcurrent, a:visited#subcurrent
		    {color: #000000;
			background-color: #ffffff;
			text-decoration: underline;
			font-weight:normal;}

/* END - Clinical Services Menu */	
			
/* ---- FOOTER ---- */
#pied {
clear:both;
/* background-color: #99CC99; */ 
padding: 0;
margin: 0;
font-size: 0.9em;
}
	#pied p {
	padding: 8px 0 0 0;
	text-align: center;
	font-weight: bold;
	}
	.piedimage { vertical-align:text-bottom; }
	
#bas {
padding: 0;
margin: 0;
height: 31px;
background-image: url(/images/footerbar-middle.gif);
background-repeat: repeat-x;  
text-align:center;
}	
	#basrightcorner {
	height: 31px;
	background-image: url(/images/footerbar-right.gif);
	background-repeat: no-repeat;
	background-position: right;
	}
	#basleftcorner {
	height: 31px;
	background-image: url(/images/footerbar-left.gif);
	background-repeat: no-repeat;
	background-position: left;
	}

/* ---- MENUS ---- */
/* ---- Menu haut ---- */
/*#menuhaut {
list-style-type: none;
margin: 0;
padding: 8px 0 0 10px;
font-weight: bold;
font-size: 1.0em;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
padding: 0 10px 0 10px;
color: #ffffff;
text-decoration: none;
border-left: 1px solid #ffffff;
}
#menuhaut a:hover, #menuhaut a:active, #menuhaut a:focus {
text-decoration: underline;
}

	#menuhaut a.first {
	padding: 0 10px 0 10px;
	color: #ffffff;
	text-decoration: none;
	border-left: 0px;
	}
	#menuhaut a.first:hover, #menuhaut a.first:active, #menuhaut a.first:focus {
	text-decoration: underline;
	}

	#profile a {
	padding-left: 20px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-image: url(/images/drop.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-left: 0px;
	}
	#profile a:hover, #profile a:active, #profile a:focus {
	text-decoration: underline;
	}*/

/* ---- Menu Giving Blood // colonne gauche ---- */
#givingblood ul {
margin-top: 20px;
}
#givingblood li {
list-style: none ;
margin-top: 9px;
padding-left: 22px;
background-image: url(/images/bullet-arrow.gif);
background-repeat: no-repeat;
}
#givingblood a {
color: #0000E1;
text-decoration: underline;
}
#givingblood a:hover, #givingblood a:active, #givingblood a:focus {
text-decoration: underline;
background-color: #FFFFCD;
}

/* ---- Menu Calendrier ---- */
#calsurround ul {
margin-top: 5px;
}
#calsurround li {
list-style: none ;
margin-top: 6px;

}
#calsurround a {
color: #0000E1;
text-decoration: underline;
font-weight: normal;
}
#calsurround a:hover {
text-decoration: underline;
}
	#calsurround a.normal {
	color: #000000;
	text-decoration: none;
	}
	#calsurround a.normal:hover {
	text-decoration: underline;
	}


/* ---- Menu des options ---- */
#menuoptions {
list-style-type: none;
margin: 0;
padding: 0;
}
#menuoptions li {
display: inline;
}
#menuoptions a {
margin: 10px 20px 0 0;
text-decoration: underline;
background: none;
}
#menuoptions a:hover, #menuoptions a:active, #menuoptions a:focus {
text-decoration: underline;
background-color: #FFFFCD;
}

/* ---- Menu bas de page ---- */
#menubas {
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
font-weight: bold;
font-size: 0.9em;
}
#menubas li {
display: inline;
}
#menubas a {
padding: 0 1px 0 1px;
color: #ffffff;
text-decoration: none;
border-left: 1px solid #ffffff;
}
#menubas a:hover, #menubas a:active, #menubas a:focus {
text-decoration: underline;
}
	#menubas a.first {
	padding: 0 5px 0 5px;
	color: #ffffff;
	text-decoration: none;
	border-left: 0px;
	}
	#menubas a.first:hover, #menubas a.first:active, #menubas a.first:focus {
	text-decoration: underline;
	}

#ClinicVenues
{
	position:absolute; top:520px; left:610px; 
}

.ClinicsLayout
{
	display:block;
}

.ClinicsType
{
	margin:8px 0px 5px 0px;
}


.calView
{
	padding-bottom:10px;
	width:230px;
	float:left;
	
}

.calClinics
{
	
	width:260px;
	text-align:left;
    font-weight:bold;
	 margin-bottom:-25px;
	float:left;
}

.calView select
{
	margin-left:137px;
	margin-top:0px;
	float:left;
	
	
}

.calOptions 
{
	padding-left:20px;
	width:400px;
	float:left;
}

#HelpHints {
background-color:#FCF8ED;
border:2px solid #D41E24;
padding:15px;
}

#give2 .bnrleft a img{float:left; }
#where2 .bnrleft a img{float:left; }
#textsize a.sizes {background-color:#fff; padding:0px; text-decoration:none;}
#textsize .sizes a:hover {background-color:#fff; text-decoration:none;}

#centre li,#largecentreright li,largecentre li{margin-left:20px;}