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


/* ===================================================================================== STYLES FOR ALL PAGES */

/* Font Families */

body { font-family: Arial, Helvetica, sans-serif; }


/* Text Colors */

body { color: #333; }


/* Text Size and Leading Classes */

#printArea 				    { font-size: 13px; line-height: 17px; }
#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: 30px; }
#printArea .subhead1 	    { font-size: 15px; line-height: 19px; }
#printArea .subhead2 	    { font-size: 13px; line-height: 17px; }
#printArea .intro 		    { font-size: 15px; line-height: 23px; }
#printArea .caption 	    { font-size: 11px; line-height: 15px; }
#printArea .none 		    { font-size: 13px; line-height: 17px; }


/* 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; color:#003a65; }


/* 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, .datatable .titlerow_even, .datatable .titlerow_odd {
	background: #cbd7e0;
	text-align: left;
	font-weight: bold;
	color: #294762;
}

.datatable .row { background: #F3F3F3; }

.datatable .altrow { background: #ECECEC; }




/* ===================================================================================== STYLES HOME PAGE */




/* ===================================================================================== STYLES FOR CONTENT PAGES */





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