/* Immigration Peel - CSS */

@media screen {

html, body { min-height: 100%; background-color: #f2f2f2; } 

body { font: small normal normal Helvetica, Arial, sans-serif; color: #000; margin: 0; padding: 0; }
	
p, td, ul, ol, li { font: small normal normal Helvetica, Arial, sans-serif; } /* Netscape 4 */

h1 { color: #0a2574; font-size: medium; margin-top: 40px; } /* welcome */	
/* h1 { color: #f00; font-size: x-large; margin-top: 40px; font-weight: normal; }  welcome */
h2 { color: #f00; font-size: x-large; padding: 87px 0 0 0; margin-left: 20px;  font-weight: normal; } /* section title */
h3 { color: #0a2574; font-size: medium; } /* page title */
h4 { color: #0a2574; font-size: 0.9em; text-align: center; color: #fff; } /* box title */
h5 { color: #0a2574; font-size: 1.1em; } /* page subtitle */
h6 { font-size: 0; } /* empty header box */

#wrapper { width: 760px; min-height: 100%; margin: 0 auto; position: relative; border: 1px solid #069; background: #fff url(/art/blue-bkg.gif) repeat-y top left; }


/* Start Main Nav */

#mainNav { width: 150px; float: left; background: #0a2574 url(/art/can-flag.jpg) no-repeat top center; margin: 0; }
	
.linkPos { text-align: center; }

#nav, #nav ul { padding: 0; margin: 113px 0 0 0; list-style: none; line-height: 1;  z-index: 99; }

#nav a { display: block; width: 141px; text-decoration: none; color: #fff; padding: 4px 2px 4px 0.5em; }

#nav a:hover { width: 141px; background: #0089ce url(/art/lnk-hover.gif) no-repeat right; }

#nav li { /* all list items */ 
	float: left; width: 150px; text-decoration: none; background-color: #0a2574; font-family: Verdana, Arial, Helvetica, sans-serif; }

#nav li ul { /* second-level lists */ 
	position: absolute; color: #000; text-decoration: none; width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -1.9em 0 0 150px; }
	
#nav li ul li	{ border-bottom: 1px solid #0a2574; border-left: 1px solid #0a2574; border-right: 1px solid #0a2574; background-color: #EFEFEF; padding-right: 2px; }

#nav li ul li a { color: #000; padding-right: 2px; }

#mainNav ul#nav li.alternate ul li, #mainNav ul#nav li ul li { width: 300px; } /* extended length 2nd level list */
#mainNav ul#nav li.alternate ul a, #mainNav ul#nav li ul a { width: 290px; }

#nav li ul li a:hover { background-color: #DFDFDF;  background-image: none; padding-right: 2px; }

#nav li:hover ul ul, #nav li.sfhover ul ul { /*left: -999em;*/ }
	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

#nav li.alternate { background: #00508a url(/art/lnk-off.gif) no-repeat right; }

#nav li.bordered { background: #00508a url(/art/lnk-off.gif) no-repeat right; border-top: 1px solid #999; border-bottom: 1px solid #999; }

#nav li.emp { background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#nav li.emp a:hover { width: 141px; background: #575757 url(/art/lnk-emp-hover.gif) no-repeat right; }

#nav li.emp ul li a:hover { background-color: #DFDFDF;  background-image: none; padding-right: 2px; }


#nav li.top { border-top: 1px solid #0a2574; }

#nav li:hover { position: static; } /* IE7 freeze fix */

/* End Main Nav */


/* Main Section */

#temperatures { background: #fff  url(/art/top-bkg.gif) repeat-x top right; height: 26px; text-align: center; }
#temperatures p { margin: 0; padding-top: 5px;  font-size: 0.85em; }

#content { margin: -55px 20px 10px 168px; }

#content ul li { color: #0a2574; list-style-type: disc; padding-bottom: 4px; }
#content ol li { padding-bottom: 4px; }



#checklist ul li { list-style: none; padding-bottom: 8px; margin-left: -20px; }

#checklist input { margin: 0 10px auto 0; float: left; }



.logo { margin: 0 20px 10px 168px; text-align: center; border-top: 1px solid #ccc; padding-top: 10px; }

.logoPos { margin-right: 50px; vertical-align: baseline; }

.photoPos { float: right; margin-left: 10px; margin-bottom: 10px; border: 1px solid #069; }
.photoPos2 { border: 1px solid #069; margin-left: 24px; }

.footer { margin: 0 20px 10px 168px; } 
.footer p { border-bottom: 1px solid #ccc; padding: 4px 20px;  font-style: italic; text-align: center; font-size: 0.9em; }

#helpful { margin: 30px 20px 15px 168px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0px 0px 5px 0px; } 
#helpful p { padding: 4px 20px; text-align: center; /*font-size: 0.9em;*/ }

#btmNav { background: url(/art/btm-bkg.gif) repeat-x bottom center; height: 30px; text-align: center; margin-left: 150px; }


/* #home { position:absolute; left:580px; top:65px; width:200px; height:28px; z-index:1; } NO SEARCH */

#home { position:absolute; left:480px; top:65px; width:400px; height:28px; z-index:1; } 

/* Search Box */

.SearchString { padding: 2px; width: 80px; border: 1px solid #0a2574; font-size: .9em; height: 1.2em; }
		
.go { font-size: .9em; border: 1px solid #0a2574; padding: 1px; }

#topHome { background: url(/art/banners/home.jpg) no-repeat top right; height: 135px; text-align: right; padding: 20px 10px 10px 10px; margin: 10px 0 0 0; }

#topAbout, #topCheck, #topStarted, #topJobs, #topHousing, #topLang, #topEduc, #topLife, #topHealth, #topMoney, #topTransport, #topFamily, #topRecreation, #topFaith, #topPhotos, #topStories, #topEmployers, #topContact, #topSearch { height: 122px; margin: 13px 0 60px 150px; }

#topAbout { background: url(/art/banners/about.jpg) no-repeat top right; }
#topCheck { background: url(/art/banners/checklist.jpg) no-repeat top right; }
#topStarted { background: url(/art/banners/started.jpg) no-repeat top right; }
#topJobs { background: url(/art/banners/jobs.jpg) no-repeat top right; }
#topHousing { background: url(/art/banners/housing.jpg) no-repeat top right; }
#topLang { background: url(/art/banners/language.jpg) no-repeat top right; }
#topEduc { background: url(/art/banners/education.jpg) no-repeat top right; }
#topLife { background: url(/art/banners/life.jpg) no-repeat top right; }
#topHealth { background: url(/art/banners/health.jpg) no-repeat top right; }
#topMoney { background: url(/art/banners/money.jpg) no-repeat top right; }
#topTransport { background: url(/art/banners/transport.jpg) no-repeat top right; }
#topFamily { background: url(/art/banners/family.jpg) no-repeat top right; }
#topRecreation { background: url(/art/banners/recreation.jpg) no-repeat top right; }
#topFaith { background: url(/art/banners/faith.jpg) no-repeat top right; }
#topPhotos { background: url(/art/banners/photos.jpg) no-repeat top right; }
#topStories { background: url(/art/banners/stories.jpg) no-repeat top right; }
#topEmployers { background: url(/art/banners/employers.jpg) no-repeat top right; }
#topContact { background: url(/art/banners/contact.jpg) no-repeat top right; }
#topSearch { background: url(/art/banners/contact.jpg) no-repeat top right; }


/* Button Links */

a.btnLnk:link, a.btnLnk:visited, a.btnLnk:hover, a.btnLnk:active { color: #0a2574; font-weight: bold; font-size: 0.85em; text-decoration: none; margin-right: 15px; }

a.btnLnk:hover, a.btnLnk:active { color: #006699; }

/* Previous - Top - Next */

a.gotop:link, a.gotop:visited, a.gotop:hover, a.gotop:active { color: #0a2574; font-weight: bold; font-size: 0.85em; text-decoration: none; padding-right: 14px; background: url(/art/arrow-top-off.gif) no-repeat right; margin-right: 30px; }
a.gotop:hover, a.gotop:active { color: #006699; background: url(/art/arrow-top-on.gif) no-repeat right; padding-right: 14px; margin-right: 30px; }

a.gonext:link, a.gonext:visited, a.gonext:hover, a.gonext:active { color: #0a2574; font-weight: bold; font-size: 0.85em; text-decoration: none; padding-right: 14px; background: url(/art/arrow-next-off.gif) no-repeat right; }
a.gonext:hover, a.gonext:active { color: #006699; background: url(/art/arrow-next-on.gif) no-repeat right; padding-right: 14px; }

a.goback:link, a.goback:visited, a.goback:hover, a.goback:active { color: #0a2574; font-weight: bold; font-size: 0.85em; text-decoration: none; padding-left: 14px; background: url(/art/arrow-back-off.gif) no-repeat left; margin-right: 30px; }
a.goback:hover, a.goback:active { color: #006699; background: url(/art/arrow-back-on.gif) no-repeat left; padding-left: 14px; margin-right: 30px; }

/* Start Side Box */

.boxContainer { float: right; width: 160px; }	
.boxContainer2 { float: right; width: 260px; }

#boxBody ul li { list-style: none; }
	
.box, .boxBody, .boxHead, .boxHead h4 {
    background: transparent url(/art/box.png) no-repeat bottom right; 
} 

.boxEmpty, .boxEmpty2, .boxBodyEmpty, .boxHeadEmpty, .boxHeadEmpty h6 {
    background: transparent url(/art/box-nofill.png) no-repeat bottom right; 
} 

.box, .boxEmpty { 
    width: 160px !important; /* intended total box width - padding-right(next) */
    width: 145px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: auto;  /* use to position the box */ 
} 

.boxEmpty2 { 
    width: 260px !important; /* intended total box width - padding-right(next) */
    width: 245px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: auto;  /* use to position the box */ 
} 

/* set the top-right image */ 
.boxHead, .boxHeadEmpty { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 25px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.boxHead h4, .boxHeadEmpty h6 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /*  */ 
    padding: 13px 0 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE */ 
} 

/* set the lower-left corner image */ 
.boxBody, .boxBodyEmpty { 
    background-position: bottom left; 
    margin-right: 10px; /* interior-padding right */ 
    padding: 1px 0 10px 25px; /* mirror .boxHead right/left */ 
} 

.boxBody ul { margin-left: 0; margin-top: 10px; padding-left: 0;  }
.boxBody ul li { list-style: none; }

.boxBodyEmpty ul { margin-left: 15px; margin-top: 10px; padding-left: 0;  }

.boxBodyEmpty p { margin-top: 0; margin-bottom: 10px; }
		
/* End Side Box */

#printHeader { display: none; }


.bold { font-weight: bold; }


table.sitemap li { color: #B3B3FF; list-style-type: disc; }

table.sitemap ul { padding-left: 20px; margin-left: 0; }

.breadcrumbs { font-size: 0.8em; }
.breadcrumbs a { text-decoration: none; } 

.txtSmall { text-align: center; margin: 10px 0 30px 150px; font-size: 0.85em;  }
.txtSource { font-size: 0.85em;  }

.highlight { color: #0a2574; font-size: small; font-weight: bold; }

.italic { font-style: italic; }



/* table styles */

.enclosure table { border: none; padding: 6px; border-collapse: collapse; }
.enclosure table td, .enclosure table th { border-bottom: 1px dotted  #999; padding: 6px; }
.enclosure table th { color: #0a2574; }

.tabloid table { border: 1px solid #999; padding: 3px; border-collapse: collapse; }
.tabloid table td, .tabloid table th { border: 1px solid  #999; padding: 3px; }
.tabloid table th { background-color: #f2f2f2; color: #0a2574; }

.mapDist table { border: 1px solid #999; padding: 3px; border-collapse: collapse; text-align: center; background-color: #fff; }
.mapDist table td { border: 1px solid  #999; padding: 3px; font-size: 0.8em; }
.mapDist table th { border: 1px solid  #999; padding: 3px; background-color: #f2f2f2; color: #0a2574; text-align: left; font-weight: normal; text-transform: uppercase; font-size: 0.7em; }

.emptyCell { background-color: #999; }

/* */

.lang {text-align: center; padding-bottom: 20px;}

#translation ul li { list-style: none; list-style-image: none; }	
#translation a { text-decoration: none; }

#translation2 { 
	float: right; width: 170px; margin-left: 20px; margin-bottom: 20px;
	border: 1px solid #069; padding: 0; 
	/* font: normal normal .95em; */
	background-color: #09569f; }

#translation2 ul {
	/* margin-left: -41px !important; margin: 0; */
	margin: 0;
	padding: 0;
	background-color:#fff;
	width: 170px;
	}	

#translation2 ul li { 
	 list-style: none; list-style-image: none;
	 border-top: 1px solid #069;
	 /* border-left: 1px solid #0a2574 !important; border-left: 0; */
	 margin: 0; padding: 0;
	 }
	 
#translation2 ul li.last { border-bottom: 1px solid #069; }
	 
#translation2 a { text-decoration: none; }

#translation2 p {
	text-align: center; margin: 3px;
	font-weight: bold;
	font-size: 0.9em; text-align: center; color: #fff;
	}	


.indent { margin-left: 4px; }
.indent2 { margin-left: 120px; }
	


/* */


/* Photo Contest */

.contestLnkPos { padding-top: 10px; text-align: center; }


/* GIS Maps */

#legend { float: left; width: 190px; margin-top: 0; }

#mapHolder { float: right; width: 350px; padding: 0;  margin-top: 0; }

.mapImg { border: 1px solid #069; }

/* Contextual Menu */

#pagehome a#linkhome:link, #pagehome a#linkhome:visited, #pagehome a#linkhome:hover, #pagehome a#linkhome:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }
	
#pageabout a#linkabout:link, #pageabout a#linkabout:visited, #pageabout a#linkabout:hover, #pageabout a#linkabout:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }
	
#pagebef a#linkbef:link, #pagebef a#linkbef:visited, #pagebef a#linkbef:hover, #pagebef a#linkbef:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagehere a#linkhere:link, #pagehere a#linkhere:visited, #pagehere a#linkhere:hover, #pagehere a#linkhere:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagejob a#linkjob:link, #pagejob a#linkjob:visited, #pagejob a#linkjob:hover, #pagejob a#linkjob:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pageliv a#linkliv:link, #pageliv a#linkliv:visited, #pageliv a#linkliv:hover, #pageliv a#linkliv:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pageeng a#linkeng:link, #pageeng a#linkeng:visited, #pageeng a#linkeng:hover, #pageeng a#linkeng:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pageedu a#linkedu:link, #pageedu a#linkedu:visited, #pageedu a#linkedu:hover, #pageedu a#linkedu:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagelife a#linklife:link, #pagelife a#linklife:visited, #pagelife a#linklife:hover, #pagelife a#linklife:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagehea a#linkhea:link, #pagehea a#linkhea:visited, #pagehea a#linkhea:hover, #pagehea a#linkhea:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagemon a#linkmon:link, #pagemon a#linkmon:visited, #pagemon a#linkmon:hover, #pagemon a#linkmon:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagetra a#linktra:link, #pagetra a#linktra:visited, #pagetra a#linktra:hover, #pagetra a#linktra:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagefam a#linkfam:link, #pagefam a#linkfam:visited, #pagefam a#linkfam:hover, #pagefam a#linkfam:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagespo a#linkspo:link, #pagespo a#linkspo:visited, #pagespo a#linkspo:hover, #pagespo a#linkspo:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagefai a#linkfai:link, #pagefai a#linkfai:visited, #pagefai a#linkfai:hover, #pagefai a#linkfai:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagepho a#linkpho:link, #pagepho a#linkpho:visited, #pagepho a#linkpho:hover, #pagepho a#linkpho:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pagesto a#linksto:link, #pagesto a#linksto:visited, #pagesto a#linksto:hover, #pagesto a#linksto:active {
	background: #00508a url(/art/lnk-emp-off.gif) no-repeat right; }

#pageem a#linkem:link, #pageem a#linkem:visited, #pageem a#linkem:hover, #pageem a#linkem:active {
	background: #575757 url(/art/lnk-emp-hover.gif) no-repeat right; }

/* */

}

/* .............................. END MEDIA SCREEN ..................................... */




@media print {

body { font: normal normal .8em Arial, Helvetica, sans-serif; color: #000; text-align: left; background-color: #fff; }

h1 { font-size: 1.8em; }

h4, h5 { font-size: 13px; }
	
#mainNav, #temperatures, #home, #topHome, #btmNav, #helpful, .breadcrumbs, .photoPos, .lang, #bluemap, .left, .right { display: none; }
	
#boxContainer { float: right; margin-left: 20px; margin-bottom: 20px; border: 1px solid #999; padding: 4px 10px; } 
	
#printHeader { display: block; height: 51px; width: 100%; }

#legend { float: left; }
#map { float: right; text-align: center; width: 370px; }

#checklist ul li { list-style: none; }

.mapDist table { border-collapse: collapse; }
.mapDist table td, .mapDist table th { font-size: 0.8em; border: 1px solid #000; }
.mapDist table td { text-align: center; }
}

/* ............................... END MEDIA PRINT ........................................ */


@media handheld {

body { font-family: sans-serif; }
	
#content { float: none; padding: 2%; width: auto; max-width: 591px; }

table, tbody, tr, td, th { display: block; }
	
h1, h2, h3, h4, h5, h6	{ line-height: 1em; margin-top: 1.3em; }
		
pre { white-space: pre-wrap; }	
	
img	{ max-width: 100%; }	
		
img.as-text { content: attr(alt); } /* use the image's alt text */
	
input, textarea, select { max-width: 100%; }
		
}
		
/* ................................. END MEDIA HANDHELD .................................... */