/********************************************************************/
/* Created by: Lola saadi                                           */
/* Created on: December 12, 2008                                    */
/* Reason: To import the Visitor section redesign css file          */
/********************************************************************/
@import url("visitors.css"); 

/********************************************************************/
/* Created by: Lola saadi                                           */
/* Created on: December 12, 2008                                    */
/* Reason: To import the health section redesign css file          */
/********************************************************************/
@import url("health.css"); 


/********************************************************************/
/* Created by: Logan                                       */
/* Created on: May 26, 2009                                 */
/* Reason: To import the icons css file          */
/********************************************************************/
@import url("icons.css"); 


/********************************************************************/
/* Created by: Logan                                       */
/* Created on: June 5, 2009                                 */
/* Reason: To import photo gallery css         */
/********************************************************************/
@import url("gallery.css"); 




/*****************/
/*  GENERAL      */
/*****************/

body {
	background: #fff;
	padding: 0px;  
	margin: 0px;
	color: #000;	
	font:100.01% Arial;
}

div.floatright {
	float: right;
	width: 18%;
	border: 1px solid #000000; 
	background-color: #f7f7f7;
	padding: .5em; 
	margin: 0 0 .5em .5em;
}



#navright {
display:none;
	float: right;
	position: absolute;
top:15em;
	right: 1em;
	width: 18%;
	border: 1px solid #000000; 
	background-color: #f7f7f7;
	padding: .5em; 
	margin: 0 0 .5em .5em;
	clear: both;
}

img.floatleft {
	float: left;
	padding-right: 5px;
}
	
img.floatright {
	float: right;
	margin: 0 0 .5em .5em;
}
	
h2.hidden {
	display: none;
}
 

/*****************/
/*  WRAPPER      */
/*****************/

#wrapper {
	text-align: left;
	margin:0;
	padding: 0px;
	border:0;
	width: 100%;
	min-width: 700px;
	max-width: 1300px;
}


/*****************/
/*  HEADER       */
/*****************/


#header {
	margin: 0;
	background:  url("/images/header/service_level.jpg") top left no-repeat #fff;
	text-align: left;
	width:100%;
	height: 160px; /*includes height of nav*/
	clear:both;
	border-bottom: 1px solid #fff;
	
}


#headerHome {
	margin: 0;
	background:  url("/images/header/home.jpg") top left no-repeat #fff;
	text-align: left;
	width:100%;
	height: 160px; /*includes height of nav*/
	clear:both;
	border-bottom: 1px solid #fff;
	
}

#headerResidents {
	margin: 0;
	background:  url("/images/header/residents.jpg") top left no-repeat #fff;
	text-align: left;
	width:100%;
	height: 160px; /*includes height of nav*/
	clear:both;
	border-bottom: 1px solid #fff;
	
}

#headerVisitors {
	margin: 0;
	background:  url("/images/header/visitors.jpg") top left no-repeat #fff;
	text-align: left;
	width:100%;
	height: 160px; /*includes height of nav*/
	clear:both;
	border-bottom: 1px solid #fff;
	
}

#headerCityHall {
	margin: 0;
	background:  url("/images/header/city_hall.jpg") top left no-repeat #fff;
	text-align: left;
	width:100%;
	height: 160px; /*includes height of nav*/
	clear:both;
	border-bottom: 1px solid #fff;
	
}

#headerBusiness {
	margin: 0;
	background:  url("/images/header/business.jpg") top left no-repeat #fff;
	text-align: left;
	width:100%;
	height: 160px; /*includes height of nav*/
	clear:both;
	border-bottom: 1px solid #fff;
	
}

#headerOnlineServices {
	margin: 0;
	background:  url("/images/header/online_services.jpg") top left no-repeat #fff;
	text-align: left;
	width:100%;
	height: 160px; /*includes height of nav*/
	clear:both;
	border-bottom: 1px solid #fff;
	
}


#header h1, #headerHome h1, #headerResidents h1, #headerVisitors h1, #headerCityHall h1, #headerBusiness h1, #headerOnlineServices h1 {
	display: none;
}

#header img {border: none;}

/*****************/
/* UPPER NAVBAR  */
/*****************/



ul#topNav {
	position: absolute; 
	top: 0px; 
	right: 0px; 
	width: auto;
	height: 2em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	list-style: none;
	display: inline;
}

#topNav li {
	display: inline;
}

#topNav a {
	float: left;
	margin-top: 0;
	padding: .5em 1.5em .5em 1.5em;
	border-left: 1px solid #f7f7f7;
	text-transform: none;
	text-decoration: none;
	background-color: #fff;
	color: #000;
	font:  .75em Verdana;
}

#topNav a:hover  {
	background-color: #000;
	color: #fff;
	margin-top: 0;
	padding: .5em 1.5em .5em 1.5em;
	overflow: hidden;
	
}

 #topNav a.leftEnd {
	border-left: 0;
	background: transparent url("/images/topNav_endCurve.png") no-repeat bottom left ;
	color: #000;
	margin-top: 0;
	padding: .5em 1.5em .5em 2.5em;
	text-align: right;
}

 #topNav a.leftEnd:hover {
	border-left: 0;
	background: transparent url("/images/topNav_endCurve_black.png") no-repeat bottom left ;
	color: #fff;
	margin-top: 0;
	padding: .5em 1.5em .5em 2.5em;
	text-align: right;
}



/***************************/
/*  MAIN (GATEWAY) NAVBAR  */
/***************************/


#gatewayNav {
	position: absolute; 
	top: 126px; 
	left: 0px; 
	width: auto;
	height: 2em;
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
	font-weight: normal;
	z-index: 5;
	background: #369 url("/images/right_end.gif") no-repeat bottom right;
}


#gatewayNav ul {
	margin: 0;
	padding:0;
	list-style: none;
}

#gatewayNav li {
	display: inline;
}


#gatewayNav a {
	float: left;
	margin-top: .5em;
	padding: 0 1em;
	border-left: 1px solid #f7f7f7;
	text-transform: none;
	text-decoration: none;
	color: #fff;
	font:  .925em Verdana;
}

#gatewayNav a:hover  {
	background-color: #fff;
	color: #000;
	margin-top: 0;
	padding: .5em 1em .5em 1em;
	overflow: hidden;
	
}


#gatewayNav .active a {
	background-color: #fff;
	color: #000;
}

#gatewayNav .end a {
	border-left: 0;
}


/*** French Navbar - reduces padding to allow for extended text ***/

#gatewayNav a.fr {
	float: left;
	margin-top: .5em;
	padding: 0 .5em;
	border-left: 1px solid #f7f7f7;
	text-transform: none;
	text-decoration: none;
	color: #fff;
	font:  .925em Verdana;
}

#gatewayNav a.fr:hover  {
	background-color: #fff;
	color: #000;
	margin-top: 0;
	padding: .5em .5em .5em .5em;
	overflow: hidden;
	
}


#gatewayNav .active a.fr {
	background-color: #fff;
	color: #000;
}

#gatewayNav .end a.fr {
	border-left: 0;
}



/*****************/
/*  SEARCH       */
/*****************/


#search {
	position: absolute; 
	top: 126px; 
	right: 0px; 
	width: auto;
	margin: 0px;
	height: auto;
	background: #fff ;
	text-align: right;
	z-index: 1;
	font:  .925em Verdana;
}

#search.french {
	width: auto;
}

form.search {
padding:0;
margin:0;
height: 1.5em;
}

form.search label, form.search input {
height: 1.5em;
line-height:1.5em;
vertical-align: text-bottom;
padding-bottom: .1em;
}



/*****************/
/*  BREADCRUMB   */
/*****************/

#breadcrumb {
	margin: .75em .25em 1.25em .25em;
}


/* existing breadcrumb styles updated */

#breadcrumb A.breadcrumb { 
	font-family : Arial, Helvetica, sans-serif;
	font-size : .90em; 
	color : #339; 
	text-decoration: underline;
}

#breadcrumb A.breadcrumb:visited { 
	color : #339;
}

#breadcrumb A.breadcrumb:hover { 
	color : #369; 
}

#breadcrumb A.breadcrumb:active { 
	color : #339;}
	


#breadcrumb span.breadcrumb { 
	font-family : Arial, Helvetica, sans-serif;
	font-size : .90em; 
	margin-left: 1px;
}
	
#breadcrumb span.breadcrumbcurrent { 
	font-family : Arial, Helvetica, sans-serif;
	font-size : .90em; 
	color: #000;
	font-weight: normal;
	margin-left: 1px;
}



/*****************/
/*  MAIN SECTION */
/*****************/


#container { 
	font-size: 1em;
}

.sectLinks ul {
	display: block; 
	margin:0;
	padding: 10px 10px;
	text-align: left;
	background: #f9f9f9;
	border: 0;
list-style-image: url("/images/arrows.png");

}

.sectLinks li {
	margin-bottom: 0px; 
	margin-left: 20px;
	padding: 2px;
	font: .75em Verdana;
}

.sectLinks li a:link {
	color: #000;
	text-decoration:none;
}

.sectLinks li a:visited {
	color: #009781;
	text-decoration:none;
	font-weight:normal;
}

.sectLinks li a:hover {
	color: #369;
	font-weight:normal;
	text-decoration: underline;
}


.sectLinks li a:active {
	color: #000;
}


h1.textBoxHead, h2.textBoxHead, h3.textBoxHead {
	margin:0;
	padding: 2px 0 8px 12px;
	background: #cccccc;
	color: #000;
	text-align: left; 
	font:  .95em Verdana;
	font-weight: bold;
}
 

/*** left column ***/	
	
#leftSideColumn {
	float: left;
	width: 20%;
	background: #fff;
	text-align: left;
	min-width: 135px;
padding-left: 3px;
}

div.news {
	width: 100%;
	background: #F0F0E7;
	margin-bottom: 1em;
	margin-top:1em;
}


#printable {
	height: 34px;
	width: 180px;
	margin-top: 2em;
	border: 1px solid #fff;  
}


#rssFeed {
	height: 34px;
	width: 180px;
	border: 1px solid #fff;  
	margin: 0;
} 

#textSize {
	height: 34px;
	width: 180px;
	border: 1px solid #fff;  
	margin: 0;
} 


.iconLinksTextFR {
	font: .75em Verdana;
	vertical-align: middle;
}


.iconLinksTextFR a {
	color: #000;
	text-decoration: none;
	
}

.iconLinksTextFR a:hover {
	text-decoration: underline;
	
}




#Browsealoud {
	height: 32px;
	width: 180px;
	border: 1px dotted #fff;  
	margin:0;
	vertical-align: middle;
} 



.BrowsealoudText {
	height: 34px;
	font: .75em Verdana;
	margin-top: .20em;
display: block;
	vertical-align: middle;
	
}

.BrowsealoudText a {
	height: 34px;
	color: #000;
	text-decoration: none;
	margin: auto 0;
	
}

.BrowsealoudText a:hover {
	height: 34px;
	text-decoration: underline;
	margin: auto 0;
	
}



/*** right column ***/	

#rightSideColumn {
	float: right;
	width: 20%;
	background: #fff;
	text-align: left;
	min-width: 135px;

}


div.news2 {
	width: 99%;
	background: #F0F0E7;
	margin-bottom: 1em;
	margin-top:1em;

}


.iconLinks {
vertical-align: middle;
	padding: 2px;
	text-align: left;
	border: 0;
	margin: 5px 0 5px 0;
	height: 65px;
}



.iconLinksText {
	font: .75em Verdana;
margin-top: 1.10em;
display: block;
	
}



.iconLinksText a {
	color: #000;
	text-decoration: none;
	
}

.iconLinksText a:hover {
	text-decoration: underline;
	
}

.iconThumb {
	float: left;
	padding-right: 3px;
}


/*** centre column ***/	

#centerColumn { 
	float: left;
	width: 58%;
	background: #fff;
	text-align: center;
	margin-left: 1%;
	min-width: 430px;
}


div.mainBodyArea{
	margin-top:1em;
	width: 99%;
	background: #fff;
	margin-bottom: 10px;
}

#faq {
	background:  url("/images/faq.jpg") top left no-repeat #fff;
	height: 32px;
	text-align: left;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1em;
}

#latestNews {
	background:  url("/images/news.jpg") top left no-repeat #fff;
	height: 32px;
	text-align: left;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


#webcast {
	background:  url("/images/webcast03.jpg") left no-repeat #fff;
	
	text-align: left;
	margin: 0;
	padding: 0;
}



#faq h4, #latestNews h4, #webcast h4   { 
	color: #000;
	font:  .95em Verdana;
	margin: 0;
	padding: 0;
	margin-left: 40px;
}


#faq h4, #latestNews h4 { 
	padding-top: .5em;
}



#faq a {
	text-decoration: none;
	color: #000;
}

#latestNews a {
	text-decoration: none;
	color: #000;
}

#webcast a  {
	text-decoration: none;
	color: #831531;
}

#faq a:hover, #news a:hover, #webcast a:hover, #latestNews a:hover {
	text-decoration: underline;
}



/**************************/
/* SERVICE LEVEL SPECIFIC */
/**************************/

/** left column **/

#serviceLevelLeftColumn {
	float: left;
	width: 18%;
	background: #fff;
	text-align: left;
	margin-top: 0;
	padding: 0 0 0 0;
	border: none;
	border-right: 1px solid #fff;
}




/** main body area **/

#serviceLevelTextArea   {  
margin-left: 18%;
	background: #fff;
	text-align: left;
	border-left: 10px solid white;
	border-right: 2px solid white;
}



#serviceLevelTextArea A {color: #339; text-decoration:underline;}
#serviceLevelTextArea A:visited {color: #099;}
#serviceLevelTextArea A:hover {color: #008b8b;}
#serviceLevelTextArea A:active {color: #36c;}



#mainBodyServiceArea  { 
	font: .80em Arial, Helvetica, sans-serif;
	color : #000;
	margin-bottom: 1em;
}


#mainBodyServiceArea table { 
	font: 1em Arial, Helvetica, sans-serif;
}

#mainBodyServiceArea table A {color: #333399; text-decoration: underline;}
#mainBodyServiceArea table A:visited {color: #009999;}
#mainBodyServiceArea table A:hover {color: #0000ff;}
#mainBodyServiceArea table A:active {color: #333399;}


#mainBodyServiceArea A.list {color: #333399; text-decoration:none; font-weight:bold;}
#mainBodyServiceArea A.list:visited {color: #009999; text-decoration:none;}
#mainBodyServiceArea A.list:hover {color: #0000ff; text-decoration:none;}
#mainBodyServiceArea A.list:active {color: #333399; text-decoration:none;}


#mainBodyServiceArea table.planning A {color: #ffffff; text-decoration:underline;}
#mainBodyServiceArea table.planning A:visited {color: #ffffff;}
#mainBodyServiceArea table.planning A:hover {color: #000000;}


#mainBodyServiceArea table a.childcare {
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
text-decoration:none;
}

#mainBodyServiceArea ul li {
	margin-left: -20px;
	margin-bottom: .35em;
}

#mainBodyServiceArea ol li {
	margin-left: -5px;
	margin-bottom: .35em;
}

/*****************/
/*  CONTENT ID   */
/*****************/

#contentID {
	clear: both;
	margin-top: 0.65em;
	font: 0.65em Verdana;
	width: 100%;
	text-align: right;
	color: #000;
}

/*****************/
/*  FOOTER       */
/*****************/

#footer {
	clear: both;
	background:#fff;
	font: .75em Verdana ;
	color: #000;
	width:100%;
	border-top:1px solid #ccc;
	margin-top: .75em;
	text-align: right;
	z-index: 10;
}

#footerLeft {
	margin: 0;
	padding: 5px 0px 5px 5px;
	position: absolute;
	left: 0;
	border: 0;
	z-index: 2;
}

#footer ul {
	margin: 0;
	padding: 5px 0px 5px 5px;
	list-style: none;
}

#footer li {
	display: inline;
}

#footer a {
	padding: 0 10px;
	border-right: 1px solid #ccc;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	color: #000;
}

#footer a:hover  {
	color: #369;
	text-decoration: underline;
}

#footer .end a {
	border-right: 0;
	margin-right: 0;
	padding-right: 4px;
}




/*****************/
/*  NIFTY CORNERS */
/*****************/

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}




/**************************/
/*  NEW LEFT NAV STYLING  */
/**************************/

#leftNav { 
	width: 100%; 
	border-right: 1px solid #fff;
	text-align: left;
	max-width: 190px;
	min-width: 135px;
}

#leftNav ul {
	margin: .25em 0;
	padding-left: 0;
	list-style-type: none;
	border: none;
}

#leftNav table tr td p {
	font: .75em Arial, Helvetica, sans-serif;
}


#leftNav a {
	font: .75em Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #69c;
	display: block;
	padding: .50em 0 .50em 3px;
	width: 100%;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

#navlist a:visited {
	color: #fff;
	text-decoration: none;
}

#leftNav a:hover {
	background-color: #999;
	color: #fff;
}

#leftNav a:active {
	background-color: #000;
	color: #fff;
}

#leftNav a.navHead {
	font: .85em Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #369;
	font-weight: normal;
	padding: .50em 0 .50em 3px;
	width: 100%;
	border-bottom: 2px solid #fff;
}


#leftNav a.navHead:visited  {
	background-color: #369;
}

#leftNav a.navHead:hover  {
	background-color: #999;
}

#leftNav a.nav2NEW {
	background-color: #5B86B1;
}

#leftAds, #disclaimer  { 
	width: 100%;
	background-color: #fff;
	color: white;
	font-weight: bold;
	max-width: 190px;
	min-width: 135px;
}

#disclaimerBylawHead { 
	width: 100%;
	background-color: #999;
	color: #fff;
	font: .85em Arial, Helvetica, sans-serif;
	padding: .25em 0;
	border-bottom: 1px solid white;
	padding: 2px;
}

#disclaimerBylaw { 
	width: 100%;
	background-color: #d3d3d3;
	color: #000;
	font: .75em Arial, Helvetica, sans-serif;
	padding: 2px;
}


/****************************************/
/**** RELATED LINKS  ********************/
/****************************************/
#relatedLinks { 
	width: 100%;
	background-color: #d3d3d3;
	margin-top: 2em;
	border: none;
	max-width: 188px;
	font: .75em Arial, Helvetica, sans-serif;
}



#relatedLinks strong {
	font: 1.15em Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	padding-left: 3px;
	background-color: #999;
	display: block;
	padding: .25em;
}


#relatedLinks a { 
	color: #000;
	text-decoration: none;
}

#relatedLinks a:visited { 
	color: #339;
}

#relatedLinks a:hover { 
	color: #369;
	text-decoration: underline;
}


#relatedLinks p {
	margin:  0;
	padding: .25em; 
	border-top: 1px solid #fff;
	color: #000;
}


#relatedLinks br {
	border-top: 1px solid #fff;
}

#relatedLinks u {
	text-decoration: none;
}

/*




#relatedLinks p a {
	font-size: 1em;
}

#relatedLinks br { 
	margin: .50em 0;
	border-top: 1px solid #fff;
}

#relatedLinks table {
width: 100%;
padding: 0;
margin: 0;
}

#relatedLinks table td {
width: 100%;
margin: 0;
padding-top: 3px;
padding-bottom: 3px;
	border-bottom: 1px solid white;
}


*/






/**************************************/
/*****  EXISTING CSS STILL NEEDED *****/
/**************************************/


P { 
	text-indent : 0em; 
	margin-top: 1em;	/* new to eliminate default spacing at top of page */
	margin-bottom: 0; /*new to add spacing for next paragraph*/
	
}


P.title, P.restitle, p.gentitle {
	font-family : "Arial", sans-serif;
	color : #000000;
	font-size : 1.8em;
	font-weight : bold;
	margin: 0;
}



P.h1, P.subtitle {
font-family : "Arial",  sans-serif;
color : #000000;
font-size : 1.5em;
font-weight : bold;
margin: .50em 0 .25em 0;
}

P.h2 {
font-family : "Arial",  sans-serif;
color : #000000;
font-size : 1.3em;
font-weight : bold;
margin: .50em 0 .25em 0;
}

P.h3, p.smsubtitle {
font-family : "Arial",  sans-serif;
color : #000000;
font-size : 1.1em;
font-weight : bold;
margin: .50em 0 .25em 0;
}


.small {
font-family : Arial,  sans-serif;
font-size : 8pt;
}


.white {
	color : #fff;
}

.guides, .guides1, .guides2 {
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : .9em;
}

.guides1 {text-align: left;}
.guides2 {text-align: center;}



TD.menuhdr, td.menuhdr4  {
font-family : Arial,Helvetica,sans-serif;
font-weight : bold;
color : #ffffff;
text-align: left;
}


TD.menuhdr2 {
font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight : bold;
color : #338;
background-color : #bac5d1;
text-align : center;
}

TD.menuhdr3 {
font-family : Arial,Helvetica,sans-serif;
color : #ffffff;
}



th.whiteleft {
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
font-weight : bold;
text-align: left;
}




/********************************/
/******  nav styles revisited  **/
/********************************/



A.nav {
	font: .75em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #339;
	width: 100%;
}

A.nav:visited {color: #339;}

A.nav:hover {
	color: #f7f7f7; 
	background-color: #999;
	width: 100%;
}
	
A.nav:active {
	background-color: #000;
	color: #fff;
}


A.nav2lv {
	font: .75em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #fff;
}
A.nav2lv:visited {color: #fff;}
A.nav2lv:hover {color: #fff; text-decoration:underline;}
A.nav2lv:active {
	background-color: #000;
	color: #fff;
}



A.nav3lv, A.navr {
	font: .75em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #006;
}
A.nav3lv:visited, A.navr:visited  {color: #006;}
A.nav3lv:hover, A.navr:hover  {color: #006; text-decoration: underline;}
A.nav3lv:active, A.navr:active  {
	background-color: #000;
	color: #fff;
}



A.navh {
	font: .85em Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	padding: .50em 0 .50em 3px;
	width: 100%;
	text-decoration: none;
}
A.navh:visited {color: #ffffff;}
A.navh:hover {color: #ffcc66;}
A.navh:active{
	background-color: #000;
	color: #fff;
}



A.navh, A.navhdr {
	font: .85em Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	padding: .50em 0 .50em 3px;
	width: 100%;
	text-decoration: none;
} 
A.navhdr:visited {color: #fff;}
A.navhdr:hover {color: #fc6;}
A.navhdr:active {
	background-color: #000;
	color: #fff;
}
 

/**************************/
/**	Immigration - styles **/
/**************************/

	
table.immigration {
	margin: 0;
	padding: 0;
	width: 580px;
	
	font: 100.01% arial,verdana,sans-serif;
	}
	
	table.immigration td {
		vertical-align: top;
		
		font-size: 0.9em;
		}
		
		table.immigration td img {
			border: 0;
			}
	
	table.immigration td.column-gutter {
		border-right: 1px solid #ccc;
		}
		
	table.immigration td.column-right {
		font-size: 0.9em;
		text-align: center;
		}
		
		table.immigration td.column-right p,
		table.immigration td.column-right strong {
			text-align: left;
			}
			
		table.immigration td.column-right p.sidebar-heading {
			margin: 0;
			
			color: #71a710;
			font-size: 1.1em;
			}
	
		table.immigration td h1.welcomeMessage {
			margin: 0 0 1em 0;
			padding: 0;
			
			color: #71a710;
			font-size: 1.1em;
			font-weight: bold;
			}
	
	table.immigration th h1 {
		margin: 0;
		padding: 0;
		}
		
	table.immigration td p {
		margin: 0 0 1em 0;
		padding: 0;
		}
	
	table.immigration td div.callout-blue,
	table.immigration td div.callout-orange {
		margin: 0 0 1.5em 0;
		padding: 6px 6px 15px 6px;
		
		text-align: left;
		}
		
		table.immigration td div.callout-blue {
			background: #d1e0f0 url("/residents/immigration/images/callout_blue_bottom.gif") bottom left no-repeat;
			}
			
		table.immigration td div.callout-orange {
			background: #fae1c7 url("/residents/immigration/images/callout_orange_bottom.gif") bottom left no-repeat;
			}	
		
	table.immigration td div.callout-blue strong,
	table.immigration td div.callout-orange strong {
		display: block;
		margin: -6px -6px 0.2em -6px;
		padding: 8px 6px 1px 6px;

		font-size: 1.1em;
		font-style: italic;
		font-weight: bold;
		}
	
	
		table.immigration td div.callout-blue strong {	
			background: transparent url("/residents/immigration/images/callout_blue_top.gif") top left no-repeat;
		
			color: #369;
			}
			
		table.immigration td div.callout-orange strong {	
			background: transparent url("/residents/immigration/images/callout_orange_top.gif") top left no-repeat;

			color: #f96;
			}
			
	table.immigration td img.weather_en {
		margin: 0 0 1.5em 0;
		}
	
		
	table.immigration td ul.sections {
		margin: 0 0 1em 0;
		padding: 0;
		
		list-style-type: none;
		}
		
		table.immigration td ul.sections li {
			display: block;
			margin: -10px 0 0 25px;
			float: left;
			width: 185px;
			}
			
			table.immigration td ul.sections li a:link,
			table.immigration td ul.sections li a:visited {
				display: block;
				margin: -10px 0 0 25px;
				min-height: 30px;
				padding: 22px 0 10px 44px;
				
				background-color: transparent;
				background-position: center left;
				background-repeat: no-repeat;
				
				color: #369;
				font-size: 1.0em;
				text-decoration: none;
				}
				
			table.immigration td ul.sections li a:focus,
			table.immigration td ul.sections li a:hover,
			table.immigration td ul.sections li a:active {
			/*
				background-position: center right;
				*/
				color: #71a710;
				}
				
		table.immigration td ul.sections li.whychoose a {
			background-image: url("/residents/immigration/images/icon_whychoose_en.gif");
			}
			
		table.immigration td ul.sections li.firstdays a {
			background-image: url("/residents/immigration/images/icon_firstdays_en.gif");
			}
			
		table.immigration td ul.sections li.employment a {
			background-image: url("/residents/immigration/images/icon_employment_en.gif");
			}
			
		table.immigration td ul.sections li.living a {
			background-image: url("/residents/immigration/images/icon_living_en.gif");
			}

		table.immigration td ul.sections li.welcomeguide a {
			background-image: url("/residents/immigration/images/icon_welcomeguide_en.gif");
			}
			
		table.immigration td ul.sections li.whatsnew a {
			background-image: url("/residents/immigration/images/icon_whatsnew_en.gif");
			}
			
		table.immigration td ul.sections li.faq a {
			background-image: url("/residents/immigration/images/icon_faq_en.gif");
			}
		table.immigration td ul.sections li.myottawa a {
			background-image: url("/residents/immigration/images/icon_myottawa_en.gif");
			}
			
	table.immigration td img.sidebar-graphic {
		margin-bottom: 1em;
		}
		
		table.immigration td ul.sections li a:link,
table.immigration td ul.sections li a:visited {
	height: 63px;
	}
	
p.myottawa {
font-size: 1em;
font-style: italic;
font-weight: bold;
color: #369;
}	

/**************************/
/**	parks and rec banner - styles **/
/**************************/


h2.bannerTitleHidden {
	display: none;
}



/***********************************/
/**  Generic Styles **/
/***********************************/


td.chart {
text-align: center;
} 


.border {border: 1px solid #999999;}

tr.grey {background-color: #cecece;}
tr.white {background-color: #ffffff; color: #000;}



/*** new style added by Logan on May 26 2008 ***/

ul.extraLineSpace li {
	margin-bottom: .25em;
}
 
 /*** end new style ***/


/*******************************/
/**	ORG CHART SPECIFIC STYLES **/
/*******************************/

.chartnew {border: 1px solid #000000; text-align:center; background-color: #f2f2f2; padding:3px;
font-family : Arial, Helvetica, sans-serif;  font-size : 9pt; }

A.namenew {color: #360; font-size:9pt; font-weight:bold; font-style:italic;}
A.namenew:hover {color:#ff0000;}
A.namenew:visited {color:#000000;}

span.updated {background:#ffffcc; padding:3px; border: 1px solid #000000; font-size: 9pt;}

/*******	end OF ORG CHART SPECIFIC STYLES *******/




/***************************************/
/*****	NEW STYLES FOR V2 template *****/
/***************************************/

/*****^^^^^^^^^^^^^^^^^^^^^^^^^^*****/
/***** New styling for Headings *****/
/** NOTE - these are copied from p.title, p. subtitle, etc. BUT...need to be specific to the mainBodyServiceArea Div **/

#mainBodyServiceArea h1 {
	font-family : "Arial", sans-serif;
	color : #000000;
	font-size : 1.8em;
	font-weight : bold;
	margin: 0;
}

#mainBodyServiceArea h2 { 
font-family : "Arial",  sans-serif;
color : #000000;
font-size : 1.5em;
font-weight : bold;
margin-bottom: 0;
padding: 0;
}
 
#mainBodyServiceArea h3 { 
font-family : "Arial",  sans-serif;
color : #000000;
font-size : 1.3em;
font-weight : bold;
margin-bottom: 0;
padding: 0;
}

#mainBodyServiceArea h4 { 
font-family : "Arial",  sans-serif;
color : #000000;
font-size : 1.1em;
font-weight : bold;
margin-bottom: 0;
padding: 0;
}

#mainBodyServiceArea h5 { 
font-family : "Arial",  sans-serif;
color : #000000;
font-size : 1.1em;
font-weight : bold;
font-style: italic;
margin-bottom: 0;
padding: 0;
}

/***** END New styling for Headings *****/
/*****^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*****/


/*****^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*****/
/*****  New styling for Text-Boxes *****/
/**  NOTE - this is based on the existing div.floatright definition **/

#textBoxRight {
	float: right;
	width: 18%;
	border: 1px solid #000000; 
	background-color: #f7f7f7;
	padding: .5em; 
	margin: .25em 0 .5em .5em;
}

#mainBodyServiceArea > div#textBoxRight > p:first-child
{
	margin: 0;
}

#mainBodyServiceArea > div#textBoxRight > p > strong:first-child, #mainBodyServiceArea > div#textBoxRightt > p > b:first-child
{
color: white;
background-color: black;
display: block;
padding: .25em;
margin-bottom: .25em; 
} 

#textBoxRight p {
	margin-top: 0;
	margin-bottom: .5em;
}

#textBoxLeft {
	float: left;
	width: 18%;
	border: 1px solid #000000; 
	background-color: #f7f7f7;
	padding: .5em; 
	margin: .25em .5em .25em 0 ;
}

#textBoxLeft p {
	margin-top: 0;
	margin-bottom: .5em;
}

#textBoxCenter {
	display: block;
	width: 80%;
	border: 1px solid #000000; 
	background-color: #f7f7f7;
	padding: .5em; 
	margin-top: 1em;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 1em;
}

/*****  END New styling for Text-Boxes *****/
/*****^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*****/


/*****^^^^^^^^^^^^^^^^^^^^^^^^^*****/
/*****  New styling for images *****/
/**  NOTE - these are based on existing img.floatright, img.floatleft styles **/

#graphicRight {
	float: right;
	margin: .5em 0 .5em .5em;
	text-align: center;
}

#graphicLeft {
	float: left;
	margin: .5em .5em .5em 0;
	text-align: left;
}

#graphicCenter {
	display: block;
	text-align: center;
	margin-top: .5em;
	margin-bottom: .5em;
}
 
/*****  END New styling for images *****/
/*****^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*****/

/*****^^^^^^^^^^^^^^^^^^^^^^*****/
/***** New paragraph styles *****/

#mainBodyServiceArea p.textCenter {
	text-align: center;
}

#mainBodyServiceArea p.textRight {
	text-align: right;
}

div.quote {
margin: 1em 50px 1em 50px;
	font-style: italic;
}

/***** END New paragraph styles *****/
/*****^^^^^^^^^^^^^^^^^^^^^^^^^^*****/




/*****^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*****/
/***** new styles for Right Hand Links Div *****/

#rightHandLinks {
	float: right;
	width: 200px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0 0 1em 1em;
	padding: 0;
	/*
	background-color: #E8E8E8;
	*/
	background-color: #e0e0e0;
	z-index: 1;
	font-size: 1em;
}
 
#rightHandLinks h1, #rightHandLinks h2, #rightHandLinks h3, #rightHandLinks h4, #rightHandLinks h5 {
	color: #fff;
	display: block;
	padding: .1em .25em;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}

#rightHandLinks h1, #rightHandLinks h2 {
	background-color: #2E2E2E;
	font-size: 1.2em;
}

#rightHandLinks h1 a, #rightHandLinks h2 a, #rightHandLinks h3 a, #rightHandLinks h4 a, #rightHandLinks h5 a {
	color: #fff;
}

#rightHandLinks h1 a:visited, #rightHandLinks h2 a:visited, #rightHandLinks h3 a:visited, #rightHandLinks h4 a:visited, #rightHandLinks h5 a:visited {
	color: #fff;
}

#rightHandLinks h1 a:hover, #rightHandLinks h2 a:hover, #rightHandLinks h3 a:hover, #rightHandLinks h4 a:hover, #rightHandLinks h5 a:hover {
	color: #fff;
}

#rightHandLinks h1 a:active, #rightHandLinks h2 a:active, #rightHandLinks h3 a:active, #rightHandLinks h4 a:active, #rightHandLinks h5 a:active {
	color: #fff;
}

#rightHandLinks h3, #rightHandLinks h4, #rightHandLinks h5  {
	background-color: #747474;
	font-size: 1.1em;
	margin-top: .5em;
}


#rightHandLinks p {
	color: #000;
	display: block;
	font-size: .9em;
	margin: 0;
	padding: .25em;
}

#rightHandLinks p a, #rightHandLinks p a:visited {
	color: #00c;
	text-decoration: underline;
}

#rightHandLinks p a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}


#rightHandLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-bottom: .25em;
}

#rightHandLinks ul li {
	display: block;
	color: #000;
	padding: .25em;
	border-top: 1px solid white;
	margin-left: 0;
}
 
#rightHandLinks ul li a {
	text-decoration: none;
	display: block;
	padding-left: 10px;
	color: #000;
}

#rightHandLinks ul li a:visited {
	color: #000;
}

#rightHandLinks ul li a:hover {
	color: #fff;
	background-color: #000;
}



#rightHandLinks ul ul li {
	display: list-item;
	list-style: disc;
	margin: 0 0 0 25px;
	padding: 0;
	padding-bottom: .5em;
	border: none;
}

#rightHandLinks ul ul li a {
	color: #00c;
	text-decoration: underline;
	display: inline;
	margin: 0;
	padding: 0;
}

 
#rightHandLinks ul ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}

#rightHandLinks table {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: .9em;
} 
 

#rightHandLinks table tr {
	width: 100%;
	margin: 0;
	padding: 0;
} 

#rightHandLinks table tr td {
	width: 100%;
	padding: 0 .25em;
} 

#rightHandLinks table tr td h1, #rightHandLinks table tr td h2, #rightHandLinks table tr td h3, #rightHandLinks table tr td h4, #rightHandLinks table tr td h5 {
	display: block;
	margin: 0 -.25em;
} 


#rightHandLinks table ul  {
	margin-top: 0;
	margin-bottom: 0;
	background-color: #e0e0e0;
	list-style-type: disc;
	border: none;
} 

#rightHandLinks table li {
margin: 0 0 0 20px;
	display: list-item;
	background-color: #e0e0e0;
	border-bottom: 1px solid #E8E8E8;
	padding: 0;
} 

#rightHandLinks table li li {
margin: 0 0 0 15px;
	list-style-type: circle;
} 
 
#rightHandLinks table li li li {
margin: 0 0 0 15px;
	list-style-type: square;
} 

#rightHandLinks table li a { 
	display: inline;
	margin: 0;
	padding: 0;
	color: #00c;
	text-decoration: underline;
} 


#rightHandLinks table a, #rightHandLinks table li a, #rightHandLinks table a:visited, #rightHandLinks table li a:visited {
	display: inline;
	color: #00c;
	text-decoration: underline;
}

#rightHandLinks table a:hover, #rightHandLinks table li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}



#rightHandLinks img {
	display: block;
	text-align: center;
	margin: auto;
} 
  
 

/***** end new styles for Right Hand Links *****/
/*****^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*****/





/*******************************************/
/*****	END NEW STYLES FOR V2 template *****/
/*******************************************/




/******************************************************************/
/*  style created to handle image layout in new Visitor's channel */
/******************************************************************/




div.clearBoth, div.clearLeft, div.clearRight {
display: block;
border-bottom: 1px solid #dcdcf5; 
height: 10px;
margin-bottom: 15px;
}

div.clearBoth {
clear: both;
}

div.clearLeft {
clear: left;
}

div.clearRight {
clear: right;
} 

div.clearBoth hr, div.clearLeft hr, div.clearRight hr {
display: none;
}

/*************************************/




/*** created by Logan on May 25/09 in order to handle multiple right hand icons **/

div#rightHandIcons {
   display: block;
} 

div#rightHandIcons ul {
    margin:0;
    padding:0;
    list-style-type: none;
}

div#rightHandIcons ul li {
	display: block;
   margin: 5px 0;
	vertical-align: middle;
	border: 1px solid #ccc;
	padding: 5px 0 0 10px;
}


div#rightHandIcons ul li a, div#rightHandIcons ul li a:visited  {
    display: block;
    text-decoration: none;
	color: #000;
	height: 68px;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 72px;
}

div#rightHandIcons ul li a:hover  {
    text-decoration: underline;
}