/*
	--------------------------------------------------
	PRINT STYLES
	--------------------------------------------------
	Client: Port Hope
	Author:	Ryan Whillier
	Date:	March 2010
		
*/


/* =========================================================================== DIVS AND CLASSES THAT WILL NOT BE PRINTED OUT */

 #search, #topNav, #mainNav, #actionsContainer, #subNav, #logo, #followUs, #signUp, #footerNav, #footerLogoBar, #tagline {
	display: none;
}


/* =========================================================================== STANDARD STYLES */

body {
	color: #333;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 16px;
}

img { border: 0px; }

p { margin: 15px 0px; }


/* =========================================================================== DIVS RESTYLED FOR PRINT VERSION */


/* STRUCTURE STYLES */

body {
	background-color: #FFF;
}

#uber {
	margin: 15px;
}

#header {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px gray;
}

#footer {
	clear:both;
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid 1px gray;
}

#footerNav, #esol { padding-top: 10px; }

.horizNavSeparator { padding: 0px 7px 0px 7px; }



/* CONTENT STYLES */


/* Text Size and Leading Classes */

p 						{ font-size: 12px; line-height: 16px; color:#003A65; }
blockquote 				{ font-size: 12px; line-height: 16px; }
li 						{ font-size: 12px; line-height: 16px; }
td 						{ font-size: 12px; line-height: 16px; }

#printArea 				{ font-size: 12px; line-height: 20px; }
#printArea .welcomeHeader 	{ font-size: 18px; line-height: 22px; }
#printArea .welcomeSubhead 	{ font-size: 17px; line-height: 22px; }
#printArea .homehead 	{ font-size: 18px; line-height: 22px; }
#printArea .head		{ font-size: 26px; line-height: 22px; }
#printArea .subhead1 	{ font-size: 14px; line-height: 18px; }
#printArea .subhead2 	{ font-size: 12px; line-height: 16px; }
#printArea .intro 		{ font-size: 14px; line-height: 22px; }
#printArea .caption 	{ font-size: 11px; line-height: 15px; }
#printArea .none 		{ font-size: 12px; line-height: 16px; }


/* Additional Text Styling */

#printArea .welcomeHeader 	{ font-weight:bold; margin:0px; padding:0px; }
#printArea .welcomeSubhead 	{ margin:0px 0px 15px 0px; padding:0px; }
#printArea .homehead 	{ font-weight: bold; color:#5f5f5f; margin-bottom:13px; }
#printArea .head		{ font-weight: bold; color:#003a65; }
#printArea .subhead1 	{ font-weight: bold; }
#printArea .subhead2 	{ font-weight: bold; }
#printArea .intro 		{ font-weight: normal; }
#printArea .caption 	{ font-style: italic; }
blockquote 	 	 	 	{ color:#003a65; }

/* Link Colors */

a, a:link, a:visited 	{ color: #61ac24; text-decoration: underline; }
a:hover, a:active 		{ color: #61ac24; text-decoration: none; }


/* Ensuring content-related lists display properly in content areas */

#contentLeft ul, #printArea ul { margin: 15px 0px 30px 30px; }
#contentLeft ol, #printArea ol { margin: 15px 0px 30px 30px; }
#contentLeft li, #printArea li { margin: 10px 0px 10px 0px; }


/* Image Placement */

.imageleft {
	float: left;
	border: 1px solid #7bcee4;
	padding: 5px;
	margin: 0px 20px 20px 0px;
}

.imageright {
	float: right;
	border: 1px solid #7bcee4;
	padding: 5px;
	margin: 0px 0px 20px 20px;
}


/* Tabular Data Table */

.datatable {
	margin: 0px 0px 15px 0px;
	padding: 0;
	border: 1px solid #B6B4B4;
}

.datatable td { padding: 7px 10px; }

.datatable .titlerow {
	background: #D3DAE1;
	text-align: left;
	font-weight: bold;
	color: #294762;
}

.datatable .row { background: #F3F3F3; }

.datatable .altrow { background: #ECECEC; }

#footerLogoBar{
	width:100%;
	border-top: solid 1px gray;
}

	#portHopeLogo{
		width:40px;
		height:61px;
		float:left;
		padding:5px 20px 5px 0px;
	}
		#portHopeLogo a{
			width:40px;
			height:61px;
			overflow:hidden;
			float:left;
			font-size:1%;
			text-indent:-9999px;
			background: url(/en/images/structure/logo-port-hope.png) top left no-repeat;
		}
	#northumberland{
		width:164px;
		height:37px;
		float:left;
		padding:15px 20px 5px 20px;
	}
		#northumberland a{
			width:164px;
			height:37px;
			overflow:hidden;
			float:left;
			font-size:1%;
			text-indent:-9999px;
			background: url(/en/images/structure/logo-northumberland.png) top left no-repeat;
		}
	#eap{
		width:300px;
		height:57px;
		float:left;
		padding:5px 20px 5px 20px;
	}
		#eap a{
			width:300px;
			height:57px;
			overflow:hidden;
			float:left;
			font-size:1%;
			text-indent:-9999px;
			background: url(/en/images/structure/logo-economic-action-plan.png) top left no-repeat;
		}


.itemList{
}
	.itemList ul{
		margin:0px !important;
		padding:0px !important;
		list-style-type: none;
	}
	.itemList li{
		color:#003a65;
		margin: 0px 0px 8px 0px !important;
		padding: 0px 0px 5px 0px !important;
		border-bottom: 1px solid #dbe3e9;
	}
	.itemList a{
		color:#003a65 !important;
		text-decoration:none !important;
	}
		.itemList a:hover{
			text-decoration:underline!important;
		}
	.date{
		color: #3c3c3c;
		font-weight:bold;
		line-height:14px;
		margin-bottom:0px;
	}
	.lastItem{
		border-bottom:none !important;
	}




/* ----- END OF TEMPLATE ----- */