/*****************/
/* App Styles    */ 
/*****************/

/* */

#app-main{
	width: 78%;
	margin-right: 3%;
	min-width: 430px;
}

#app-java{
	width: 78%;
	background: #fff;
	/* margin-left: 22%; */
	min-width: 430px;
}

#app-with-nav{
	width: 70%;
	background: #fff;
	margin-left: 220px; /* compensate for navbar */ 
	min-width: 430px;
}




/*****************/
/*  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("//ottawa.ca/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("//ottawa.ca/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("//ottawa.ca/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("//ottawa.ca/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("//ottawa.ca/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("//ottawa.ca/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("//ottawa.ca/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;
}

/*****************/
/* 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("//ottawa.ca/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("//ottawa.ca/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("//ottawa.ca/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;
}

#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: none;
}

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

#breadcrumb A.breadcrumb:hover { 
	color : #369; 
	text-decoration:underline;
}

#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("//ottawa.ca/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;  
}



#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("//ottawa.ca/images/faq.jpg") top left no-repeat #fff;
	height: 32px;
	text-align: left;
	margin-bottom: 1em;
}

#faq h4 { 
	color: #000;
	font:  .95em Verdana;
	margin-left: 40px;
	padding-top: 8px;
	
}

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

#faq  a:hover {
	text-decoration: underline;
}


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

/** left column **/

#serviceLevelLeftColumn {
	float: left;
	width: 18%;
	background: #fff;
	text-align: left;
	max-width: 200px;
	min-width: 135px;
	margin-top: 0;
	padding: 0 0 0 0;
	border: none;
	clear: both;
}





/** main body area **/

#serviceLevelTextArea   { 
	float: left;
	width: 78%;
	background: #fff;
	text-align: left;
	margin-left: 1%;
	min-width: 430px;
	border-left: 10px solid #fff;
}


#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: #333399;}
#mainBodyServiceArea table A:hover {color: #009999;}
#mainBodyServiceArea table A:active {color: #333399;}


#mainBodyServiceArea A.list {color: #333399; text-decoration:none; font-weight:bold;}
#mainBodyServiceArea A.list:active {color: #333399; text-decoration:none;}
#mainBodyServiceArea A.list:visited {color: #333399; text-decoration:none;}
#mainBodyServiceArea A.list:hover {color: #009999; 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;
}


/*****************/
/*  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;
}



#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  ********************/
/****  NOTE - separate styling for IE ***/
/****************************************/


#relatedLinks { 
	width: 100%;
	background-color: #d3d3d3;
	margin-top: 2em;
	border: none;
	max-width: 190px;
	min-width: 135px;
}



#relatedLinks strong {
	font: .85em Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	padding-left: 3px;
}


#relatedLinks u {
	text-decoration: none;
}


#relatedLinks a { 
	font: .75em Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

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

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

#relatedLinks p {
	font: .75em Arial, Helvetica, sans-serif;
	font-weight: normal;
padding-left: 3px;
	margin:0;
}

#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 : center;
}


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;
}


/***************************/
/***  Org Charts **/
/***************************/


.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:336600; font-size:9pt; text-decoration: italic; font-weight:bold; font-style:italic;}
A.namenew:visited {color:#000000;}
A.namenew:hover {color:#ff0000;}

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

/**** old chart styles updated to match new  ***/



td.chart {
text-align: center;
}

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

A.name {color:336600; font-size:9pt; text-decoration: italic; font-weight:bold; font-style:italic;}
A.name:visited  {color:#000000;}
A.name:hover {color:#ff0000;}


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



/**************************/
/**	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("//ottawa.ca/residents/immigration/images/callout_blue_bottom.gif") bottom left no-repeat;
			}
			
		table.immigration td div.callout-orange {
			background: #fae1c7 url("//ottawa.ca/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("//ottawa.ca/residents/immigration/images/callout_blue_top.gif") top left no-repeat;
		
			color: #369;
			}
			
		table.immigration td div.callout-orange strong {	
			background: transparent url("//ottawa.ca/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;
			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 0;
				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("//ottawa.ca/residents/immigration/images/icon_whychoose_en.gif");
			}
			
		table.immigration td ul.sections li.firstdays a {
			background-image: url("//ottawa.ca/residents/immigration/images/icon_firstdays_en.gif");
			}
			
		table.immigration td ul.sections li.employment a {
			background-image: url("//ottawa.ca/residents/immigration/images/icon_employment_en.gif");
			}
			
		table.immigration td ul.sections li.living a {
			background-image: url("//ottawa.ca/residents/immigration/images/icon_living_en.gif");
			}

		table.immigration td ul.sections li.welcomeguide a {
			background-image: url("//ottawa.ca/residents/immigration/images/icon_welcomeguide_en.gif");
			}
			
		table.immigration td ul.sections li.whatsnew a {
			background-image: url("//ottawa.ca/residents/immigration/images/icon_whatsnew_en.gif");
			}
			
		table.immigration td ul.sections li.faq a {
			background-image: url("//ottawa.ca/residents/immigration/images/icon_faq_en.gif");
			}
		table.immigration td ul.sections li.myottawa a {
			background-image: url("//ottawa.ca/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;
}