#content a, #content a:hover, #content a:visited {

	color: #006643;

	}

	

#sidemenu a, #sidemenu a:visited, #sidemenu a:hover, #sc a, #sc a:visited, #sc a:hover { color: #000; }



/* headings */



h2, h3, h4 {

	color:#555;

	margin-bottom: 0.5em;

	}



h1 {

	font-size: 1.8em;

	margin-bottom: 1em;

	}



h2 { font-size: 1.5em; }



	caption h2 { line-height: 1.3em; }



h3 { font-size: 1.2em; }



h3, p, li {
	line-height: 1.3em;
}



/*  general classes  */



.back-to-top { text-align: right; }



.banner1 h2

{

font-size:1.3em; 

color:#004010;

text-indent: 110px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner1

{

background: url("../images/youth_jobs_banner.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.banner2 h2

{

font-size:1.3em; 

color:#004010;

text-indent: 130px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner2

{

background: url("../images/mpz_banner.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.banner3 h2

{

font-size:1.3em; 

color:#004010;

text-indent: 120px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner3

{

background: url("../images/healthy_child_banner.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.banner4 h2

{

font-size:1.3em; 

color:#004010;

text-indent: 90px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner4

{

background: url("../images/recreation_banner.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.banner5 h2

{

font-size:1.3em; 

color:#004010;

text-indent: 140px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner5

{

background: url("../images/crime_prevention_banner.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.banner1fr h2

{

font-size:1.3em; 

color:#004010;

text-indent: 40px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner1fr

{

background: url("../images/youth_jobs_banner.fr.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.banner2fr h2

{

font-size:1.3em; 

color:#004010;

text-indent: 90px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner2fr

{

background: url("../images/mpz_banner.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.banner3fr h2

{

font-size:1.3em; 

color:#004010;

text-indent: 90px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner3fr

{

background: url("../images/healthy_child_banner.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.banner4fr h2

{

font-size:1.3em; 

color:#004010;

text-indent: 80px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner4fr

{

background: url("../images/recreation_banner.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.banner5fr h2

{

font-size:1.3em; 

color:#004010;

text-indent: 100px;

padding: 10px 0px 0px px;

letter-spacing:0.45px;

font-family:Arial, Helvetica, sans-serif;

}



.banner5fr

{

background: url("../images/crime_prevention_banner.png") no-repeat;

height: 80px;

padding: 20px 0px 0px 20px;

}



.bold { font-weight: bold; }



.center {

	margin: 0 auto;

	text-align: center;

	}



.clear-both { clear: both; }



.clear-left { clear: left; }



.clear-right { clear: right; }



.divider { margin: 20px auto; }



.faux-link { 

	color: #006643;

	text-decoration: underline;

	}



#left ul li.faux-collapse a { /* make a menu item look like a subsidiary */

	background: none repeat scroll 0 0 #fff;

	border-bottom: 2px solid #ddd;

	border-left: 1px solid #ededed;

	border-right: 1px solid #ededed;

	}

	

	#left ul li.faux-collapse a:hover { background: #c8c8c8; }

	

.font-normal {

	font-style: normal;

	font-weight: normal;

	}



.font-small { font-size: 0.8em; }



.hidden-fully, .hidden-fully a { display: none; visibility: hidden; } /* not visible, not read by most screen readers */



.indent { margin-left: 20px; }

	

.indent-right { margin-right: 20px; }



.inline { display: inline; }



.inline-li li {

	display: inline;

	margin-left: 5px;

	list-style-type: none;

	}



.left {

	float: left;

	margin-right: 5px;

	}



.li-space li {

	margin-top: 10px;

	margin-bottom: 10px;

	}



.new {

	color: #A12F06;

	font-family: "Gill Sans", Futura, sans-serif;

	font-size: 0.8em;

	letter-spacing: 0.09em;

	padding-left: 5px;

	text-shadow: 1px 3px 4px #C6C7C5;

	}



.no-bullet { 

	list-style-type: none; 

	padding-left: 0px;

	}



.padding-bottom { padding-bottom: 20px; }



.padding-left { padding-left: 20px; }



.padding-bottom { padding-right: 20px; }



.padding-top { padding-top: 20px; }



.right {

	float: right;

	margin-left: 5px;

	}



.space-bottom { margin-bottom: 20px; }



.space-left { margin-left: 30px; }



	.space-left2 { margin-left: 60px; }



	.space-left3 {margin-left: 190px; }

	

.space-right { margin-right: 30px; }

	

.space-top { margin-top: 20px; }



.table-empty { empty-cells: show; } /* use when a table has empty cells */



.text-center { text-align: center; }



.text-left { text-align: left; }

	

.text-right { text-align: right; }



.two-column 

 {

	float: left;

	width: 170px;

	margin-top: 0px;

	margin-right: 40px;

	margin-bottom: 15px;

	margin-left: 10px;

	padding: 0px;

 }



.ul-col-2 { padding-left: 15px; } /* puts a list into 2 columns */

	.ul-col-2 li {

		display: inline-block;

		float: left;

		width: 300px;

		}

	.ul-col-2 li:nth-child(odd) { margin-left: 15px; }

	.ul-col-2 li:nth-child(even) { margin-left: 20px; }



.ul-col-3 { padding-left: 15px; } /* puts a list into 3 columns */

	.ul-col-3 li {

		display: inline-block;

		float: left;

		width: 200px;

		}

	.ul-col-3 li:nth-child(3n+2), .ul-col-3 li:nth-child(3n+3) { margin-left: 20px; }



.ul-no-space-bottom, .no-space-bottom { margin-bottom: 0px; } /* to remove the gap between a paragraph and a list */



.ul-no-space-top, .no-space-top { margin-top: 0px; } /* to remove the gap between a paragraph and a list */



.visually-hidden { /* hides content visually, but still read by screen readers */

	position: absolute;

	left: -10000px;

	top: auto;

	width: 1px;

	height: 1px;

	overflow: hidden;

	}



/* colours */





.black { color: #000; }



.green, .green a { color: #006643; }



.green-dark { color: #085e08; }



.grey-dark { color: #555; }



.red { color: #D90000; }





/* widths */





.w48 { width: 48%; }



.w60 { width: 60%; }



.w75 { width: 75%; }



.w80 { width: 80%; }





/* divs */



#header_image { margin: 0px 0px 30px 0px; }



#widecenter_full { background: #fff; }



/* when a list item contains a header */

li h3, li h4, li h5, .li-p p {

	margin: 0;

	padding: 0;

	}



/* add padding to top of "share this" widget */

.addthis_toolbox { margin-top: 70px; }



/* #breadcrumb formmating */

.crumbs {

	margin: 0px 0px 0px -10px;

	position: relative;

	left: -30px;

	}



	.crumbs li {

		display: inline;

		margin-left: 5px;

		list-style-type: none;

		}

	

		.crumbs li:first-of-type {

			margin-left: 0px;

			}



/* table widths for reports and expenses */



.table-travel-expenses { 

	margin: 5px auto;

	vertical-align: top;

	width: 100%;

	}

	

	.tbl-col-cost { width: 20%; }

		

		.tbl-col-cost td { text-align: right; }



	.tbl-col-date { width: 30%; }

	

	.tbl-col-detail-1 { width: 30%; }

	

	.tbl-col-detail-2 { width: 70%; }



	.tbl-col-item { width: 10%; }



	.tbl-col-trip { width: 40%; display: inline; }

		

		.tbl-col-trip td {

			vertical-align: top;

			}

	



.three-column

 {

 float: left;

 width: 200px;

 margin: 0 15px 15px 0;

 padding: 0px;

 }



 

.quote {

	font-style: italic;

	float: right;

	height: 100px;

	width: 250px;

	border: thin none #900;

	color: #900;

	font-weight: bold;

	text-decoration: none;

	text-align: center;

	background-color: #E4E4E4;

	padding-top: 20px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	margin: 5px;

}

.toprightmenu {

	text-align: left;

	float: right;

	border: thin none #060;

	font-weight: bold;

	background-color: #EEE;

	padding: 0px;

	width: 250px;

	margin-top: 30px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	

}

	

.red-bullet li {

	background: url(../images/red_bullet.png) left center no-repeat;

	padding-left: 15px;

	margin-bottom: 10px;

	

	}