/* PEEL REGION MAIN CSS */


@media screen {
	
	BODY { 
		font: small Arial, Helvetica, sans-serif; 
		color: #000; 
		margin: 0; 
		background-color: #999999; 
		text-align: center; 
		}

	P { font-size: small; }
	H1 { font-size: 1.6em; }
	H2 { font-size: 1.2em; }
	H3 { font-size: 1.1em; }
	A {	color: #369; text-decoration: underline; }
	A:visited { color: #003366; text-decoration: underline; }
	A:hover { color: #69C; text-decoration: underline; }
	
	.b_bg { background-color: #999; }
	.bar_bg { background-color: #666; }

	DIV { text-align: left; vertical-align: top; margin: 0; }
	
	#print_header {display: none;}

	#arrows UL {	
		margin-left: -15px !important; margin-left: 20px;
		list-style-image: url(http://peelregion.ca/art/ul-arrow.gif);
		margin-top: .2em;
		}

	#arrows UL LI {
		margin-bottom: .3em;
		}

	#screen {
		position: relative;
		/* left: 0; right: 0; */
		margin: auto;
		background-color: #336699;
		width: 870px;
		z-index: 5;
		height: 65px;
		}

	#SearchString {
		padding: 2px 0px 2px 24px;
		width: 80px;
		background: url(http://peelregion.ca/art/search-magnifying.gif) #FFF no-repeat center left;
		border: 0;
		font-size: .9em;
		height: 1.2em;
		color: #369;
		}
	
	#ProgramServices {
		border: 1px;
		font-size: .9em;
		height: 1.3em;
		}
	
	
	#breadcrumbs_new { font-size: 0.8em; }
	
	#breadcrumbs_new A, #revised_new A { color: #000; text-decoration: none; }
	
	.revised_txt_old { float: right; margin-right: 10px; font-size:0.8em; margin-bottom: -35px !important; margin-bottom: 3px; }
	
	.main_url { float: left; font-size:0.8em; margin-left: 10px; letter-spacing: 0.1em; margin-bottom: 0;}
	
	.revised_txt { float: right; margin-right: 10px; font-size:0.8em; margin-bottom: 4px;}
	
	.bold { font-weight: bold; }
	
	.pos_img { border: 0; margin-right: 1.2em; margin-bottom: 3em; }

	
	/* New CSS Page */
		
	#inner_page {
		position: absolute;
		top: 65px;
		left: 0; right: 0;
		min-width: 754px;
		margin: auto;
		background-color: #369;
		border-left: 3px solid #666;
		border-right: 3px solid #666;
		}
		
	#content_wrapper {
		float: right;
		min-width:: 591px;
		height: 100%;
		margin: 0;
		background-color: #fff;
		width: 700px;
		}	
		
	#page_content { margin: 10px 20px; float:left !important; }

	#page_banner {
		padding: 20px 1px 0 1px;
		margin-bottom: 0 !important; margin-bottom: -5px;
		}
			
	#left_nav_new {
		position: absolute;
		width: 163px;
		background-color: #369;
		border-left: 3px solid #666;
		}
		
	/* End New CSS Page */
	
	#left_nav {
		position: absolute;
		width: 163px;
		background-color: #369;
		height: 100%;
		}
	
	#top_nav {
		position: relative;
		background-color: #369;
		width: 760px;
		z-index: 5;
		height: 70px;
		border-left: 3px solid #666; 
		border-right: 3px solid #666; 
		}
	
	#top_textsize {
		position: absolute; 
		top: 25px; 
		left: 170px; 
		width: 120px;
		color: #fff;	
		}
	
	#top_right { 
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 600px; 
		text-align: right; 
		color: #fff; 
		padding: 2px 5px 0 0;
		font-size: .8em;
		}
	
	#top_right P { margin: 0 0 5px 0; }
	
	#top_bar {
		background: #9C6;
		width: 755px;
		height: 15px;
		position: absolute;
		top: 50px;
		left: 0;
		vertical-align: top;
		padding: 2px 0 2px 5px;
		border-top: 1px solid #AAA;
		border-bottom: 1px solid #AAA;
		}
	
	#top_bar A, #top_bar A:visited {
		font: normal normal .9em arial, helvetica, sans serif;
		color: #000;
		text-decoration: none;
		}

	#top_menu {
		width: 750px;
		position: absolute;
		top: 55px;
		right: 0;
		text-align: right;
		}
	
	#top_menu DIV {
		border: 1px solid #fff;
		border-right: 0;
		background-color: #009;
		display: block;
		float: right;
		position: relative;
		}

	#top_menu A:link, #top_menu A:visited {
		color: #fff;
		padding: 5px 8px 5px 7px;
		display: block;
		text-decoration: none;
		font-size: .9em;
		}
	
	#top_menu A:hover, #top_menu A:active {
		color: #FF9;
		background: #369;
		}
	
	#top_menu P {
		background-color: #369;
		display: none;
		height: inherit;
		margin: 0px;
		padding: 0px 0px 2px 0px;
		text-align: left;
		color: #FFF;
		border-bottom: 1px solid #fff;
		}	
	
	#top_menu P A:link, #top_menu P A:visited {
		padding: 1px 0 1px 5px;
		background-color: #369;
		display: block;
		margin: 0;
		border-top: 1px solid #AAA;
		}
	
	#top_menu P A:hover, #top_menu P A:active {
		padding: 1px 0 1px 5px;
		color: #FF9;
		background-color: #009;
		}

/* */

	.w_housing, .w_ss, .w_pw, .w_hs, .w_gov, .w_news {
		position: absolute;
		right: 0;
		}
	
	#top_menu p.w_housing A, #top_menu p.w_housing A:visited, #top_menu p.w_housing A:hover { width: 98px; }
	#top_menu p.w_ss A, #top_menu p.w_ss A:visited, #top_menu p.w_ss A:hover { width: 93px; }
	#top_menu p.w_pw A, #top_menu p.w_pw A:visited, #top_menu p.w_pw A:hover { width: 81px; }
	#top_menu p.w_hs A, #top_menu p.w_hs A:visited, #top_menu p.w_hs A:hover { width: 94px; }
	#top_menu p.w_gov A, #top_menu p.w_gov A:visited, #top_menu p.w_gov A:hover { width: 129px; }
	#top_menu p.w_news A, #top_menu p.w_news A:visited, #top_menu p.w_news A:hover { width: 87px; }
	
/* */	

	#top_right A, #top_right A:visited {
		text-decoration: none;
		color: #fff;
		}

	#top_right A:hover {
		text-decoration: none;
		color: #FF9;
		}

	#bottom_nav {
		margin: 0 5px;
		text-align: center;
		border-top: 1px solid #666;
		}
	
	#bottom_nav_new {
		margin-top: -2px !important; margin-top: -20px;
		margin-left: 5px;
		margin-right: 5px;
		text-align: center;
		border-top: 1px solid #666;
		}
	
	#bottom_nav p {
		margin: 10px 0;
		}
		

	#screen A.rop_logo { 
		position: absolute; 
		background: url(http://peelregion.ca/images/global/region_peel.gif) no-repeat;
		top: 0; 
		left: 0; 
		width: 155px;
		height: 51px;
		}
		
	#screen A.rop_logo EM { display: none; }
		
	#top_right A.logo B, #top_right A.font_u EM, #top_right A.font_d EM {
		display: none;
		}
	
	#top_right A.font_d, #top_right A.font_d:visited {
		background: url(http://peelregion.cahttp://peelregion.ca/art/arrow-box-down.gif) no-repeat 0 2px;	
		width: 11px;
		height: 11px;
		text-decoration: none;
		}

	#top_right A.font_u, #top_right A.font_u:visited {
		background: url(http://peelregion.cahttp://peelregion.ca/art/arrow-box-up.gif) no-repeat 0 2px;	
		width: 11px;
		height: 11px;
		text-decoration: none;
		}

	#top_right A.font_d:hover {
		background: url(http://peelregion.ca/art/arrow-box-down-on.gif) no-repeat 0 2px;	
		}

	#top_right A.font_u:hover {
		background: url(http://peelregion.ca/art/arrow-box-up-on.gif) no-repeat 0 2px;	
		}

	A.pdf-link, A.pdf-link:visited, A.pdf-link:hover { 
		background: url(http://peelregion.ca/art/adobe-pdf-icon.gif) no-repeat; 
		padding-left: 35px;
		}

	#glblnv IMG {
		border-bottom: 2px solid #999; 
		margin: .4em 0 0 0;
		}
		
	#glblnv H1 {
		margin: -.2em 0 0 0; 
		padding: 4px 0 3px 4px; 
		background-color: #008; 
		font: normal bold 1.05em Arial, Helvetica, sans-serif;
		}
		
	#glblnv H1 A, #glblnv H1 A:visited {
		color: #CCC;
		text-decoration:none;	
		}

	#glblnv H1 A:hover {
		color: #FFF;
		text-decoration: underline;	
		}

	#glblnv H2 {
		margin: 0; 
		padding: 4px 0 4px 4px; 
		background-color: #6BD;
		font: normal bold 1em Arial, Helvetica, sans-serif;
		}
	
	#glblnv H2 A, #glblnv H2 A:visited {
		background: url(http://peelregion.ca/art/h1-leftnav.gif) #6BD no-repeat left center ;
		padding-left: 17px;
		color: #008;
		text-decoration:none;	
		}
	
	#glblnv H2 A:hover {
		color: #FFF;
		text-decoration:underline;
		}

	#glblnv UL A, #glblnv UL A:visited { 
		font: normal normal 0.9em Arial, Helvetica, sans-serif; 
		color: #FFF; 
		text-decoration: none; 
		padding: 0;
		}	
		
	#glblnv UL A:hover { 
		color: #FF9; 
		text-decoration: underline; 
		}
	
	#glblnv UL { list-style: none; padding-left: 0px; margin: 10px 5px 0 8px; background: #336699; }
	#glblnv UL LI { display: block;  margin: 0 0 .3em 0; }
	#glblnv UL UL { margin-top: .2em; padding-left: .1em; background: #369; }
	#glblnv UL UL LI { margin: 0 0 .3em 0; }
	
	/* connect to peel box */
	.c2p { text-align: center; border-top: 3px double #c90; border-bottom: 3px double #c90; padding-top: 10px; padding-bottom: 10px;}

	#c2p A, #c2p A:visited {
		font: normal normal 0.9em Arial, Helvetica, sans-serif; 
		color: #FFF; 
		text-decoration: none;
		}
	
/* News, Health, Housing - Landing Pages */

	#col_left { float: left; width: 310px; }
		
	#col_right { float: right; width: 221px; }	
		
/* */	

/* Start CSS Box */

	/* Show only to IE PC \*/
	* html .boxhead h3 {height: 1%;} /* For IE 5 PC */

	.sidebox {
		margin: 0 0 20px 0;
		width: 220px;
		border: 1px solid #666;
		background-color: #EAF4FF;
		}
	
	.boxhead { margin: 0; padding: 0; }
		
	
	.boxhead H3 {
		font-size: 1em;
		background: url(http://peelregion.ca/art/h3-leftnav.gif) #E8E8E8 no-repeat left center;
		padding: 2px 0 2px 30px;
		margin: 0;
		border-bottom: 2px solid #666;
			}
	
	.boxbody { margin: 0; padding: 5px; }
	
/* End CSS Box */
	
/* Start Bottom Subnav - bottom navigation template for individual sites */

	#bottom_subnav { text-align: center; margin: 20px 0; }
	
	#bottom_subnav li { display:inline; list-style: none; }

/* End Bottom Subnav */

	#jobs blockquote { 
		color:#FFF; 
	}
	
	#jobs a:link { 
		text-decoration:none; 
	}
	
	#job_apply_link-LTD { 
	}
	
	#job_apply_link-RTD a { 
		color:#FFF; 
		text-decoration:none; 
	}
	#job_apply_link-RTD {
		text-align:right; 
		padding-right:20px;
		background: url("http://works.workopolis.com/customers/peel/images/apply.png") no-repeat scroll 250px 0 transparent;
	
}

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


@media print {

	BODY {
		font: normal normal .8em Arial, Helvetica, sans-serif; 
		color: #000; 
		text-align: left;
		background-color: #FFF; 
		}
	
	#top_nav, #glblnv, #do_not_print, #top_right, #top_menu, #top_bar, #c2p, #bottom_nav, #popular_topics, #home_page_images, #left_no_print, #services, #no_img, #page_banner { display: none; }
	
	#print_header {
		position: absolute;
		display: block;
		height: 50px;
		width: 100%;
		border-bottom: 1px solid #000;
		top: 0;
		}
		
	#inner_page, #home_page { margin-top: 70px; }
	
	#left_nav_new { display: none; }
	
	#disappear { display: none; }
	
	#search_job_posting { display:none; }
	
}

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


@media handheld {

	body { font-family: sans-serif; }
	
	#page_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%; }
	
	#page_banner { display: none; }
	
	#search_job_posting { display:none; }
	
	}
		
/* ................................. END MEDIA HANDHELD .................................... */


/* END PEEL REGION MAIN CSS */	

/* -------------------------------WORKOPOLIS CSS -----------------------------------*/