div.project-listing {
	margin-top:		16px;
	clear:			both;
}
div.project-listing .heading {
	color:			#C25E03;
	border-bottom:	#C25E03 dotted 1px;
	margin:			10px 0 4px 0;
	padding-bottom:	2px;
}

div.project-listing .heading span.meta {
	float:			right;
	color:			#7CBDDB;
	font-size:		85%;
	clear:			right;
}
div.project-listing .heading span.meta a {
	color:			#7CBDDB;
}
div.project-listing h2.subheading {
	font-weight:		bold;
	color:				#666666;
	font-size:			0.85em;
	margin:				2px 0;
}

div.project-listing div.photo {
	float:			left;
	width:			154px;
	clear:			left;
	text-align:		center;
	font-size:		80%;
}

div.project-listing div.details {
	margin:			2px 240px 2px 170px;
}
div.project-listing div.details h5 {
	margin:			4px 0 2px 0;
}
div.project-listing div.details p {
	font-size:		75%;
	line-height:	1.25em;
}
div.project-listing div.links {
	text-align:		center;
	padding:		2px;
	font-size:		70%;
}

div.project-listing div.fact-box {
	width:			230px;
	float:			right;
	border-left:	#C25E03 dotted 1px;
}
div.project-listing div.fact-box h5 {
	color:			#7CBDDB;
	text-align:		center;
	margin:			3px 0;
}
div.project-listing div.fact-box dl {
	font-size:		76%;
	margin:			4px;
}
div.project-listing div.fact-box dt {
	float:			left;
	clear:			left;
	width:			80px;
	margin:			0 6px;
	color:			#C25E03;
	text-align:		right;
}

div#PhotoGallery {
	clear:			both;
	padding-top:	20px;
}
div.scroller {
	overflow:		auto;
	white-space:	nowrap;
	margin:			4px 0;
	width:			900px;
}
div.scroller a {
	margin-right:	5px;
}
div.scroller img {
	border:			solid 1px #333333;
}

div#Showcase {
	position:		relative;
	margin:			20px 0;
}
div#Showcase h2 {
	margin-bottom:	16px;
	font-size:		120%;
	color:			#AAAAAA;
	font-weight:	bold;
	width:			450px;
}
div#Showcase h2 img {
	margin-right:	8px;
}
div#Showcase img.showcase {
	
}
div#ProjectDetails {
	
}

div#ProjectDetails h1, div#ProjectDetails h2, div#ProjectDetails h3, div#ProjectDetails h4, div#ProjectDetails h5 {
	margin:			12px 284px 6px 284px;
	white-space:	normal;
}

div#ProjectDetails h2.heading, div#ProjectDetails p a {
	color:				rgb(194,94,3);
}

div#ProjectDetails div.sidebar a {
	color:				#666666;
}

div#ProjectDetails h1.subheading,
div#ProjectDetails h2.subheading {
	font-weight:		bold;
	color:				#666666;
	font-size:			0.85em;
	margin:				2px 284px 2px 284px;
}

div#ProjectDetails p {
	margin:			5px 284px;
	font-size:		86%;
	text-align:		justify;
}

div#ProjectDetails ul {
	margin:			4px 284px;
	padding:		0 0 0 24px;
	font-size:		86%;
	text-align:		left;
}
div#ProjectDetails ol {
	margin:			4px 284px;
	padding:		0 0 0 36px;
	font-size:		86%;
	text-align:		left;
}

div#ProjectDetails .sidebar {
	width:			270px;
}

div#ProjectDetails .sidebar img {
	margin:			4px 0;
	border:			#333333 1px solid;
}

div#ProjectDetails .sidebar .linkbox img {
	margin:			0;
	border:			none;
}

div#ProjectDetails .sidebar h4, div#ProjectDetails .sidebar p {
	margin:			8px 0;
}

div#ProjectDetails div.linkbox {
	width:				270px;
	background-repeat:	no-repeat;
	border:				solid 1px black;
	padding:			0 1px 2px 1px;
	margin-bottom:		10px;
	margin-top:			4px;
}
div#ProjectDetails div.linkbox p {
	text-align:			right;
	padding-right:		10px;
}
div#ProjectDetails div.linkbox p.AddThisButton {
	padding-top:			6px;
}

div#ProjectDetails div.linkbox img.arrow {
	border:				0;
	position:			relative;
	top:				2px;
	margin-right:		6px;
}

div#ProjectDetails .email-icon, #ProjectDetails .sidebar .email-icon,
div#ProjectDetails .comment-icon {
	border:				none;
}

.WebsiteJumpButton {
	display:				block;
	width:					254px;
	height:					46px;
	background-image:		url('/img/btn-VisitProjectWebsite.png');
	background-repeat:		no-repeat;
	background-position:	-6px -6px;
	position:				relative;
	left:					8px;
}
.WebsiteJumpButton:active {
	background-position:	-6px -61px;
}
.WebsiteJumpButton:focus {
	outline-style:			none;
}
.WebsiteJumpButton span {
	display:				none;
}

/*** temporary: ***/

#formTable {
	font-size:		84%;
}

/*** jCarousel ***/

.project-photoCarousel .jCarouselLite {
	border: 1px solid black;
	float: left;
	background-color: #dfdfdf;
	
	/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}
	.project-photoCarousel ul {
		margin: 0;
	}
	.project-photoCarousel li img, 
	.project-photoCarousel li p {
		background-color: #fff;
		width: 150px;
		height: 118px;
		margin: 10px;
	}
	
	.widget img {
		cursor: pointer;
	}
		.mid {
			margin-left: 80px;
			width: 400px;
			height: 300px;
		}
		.vertical {
			margin-left: 170px;
		}
			.vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
				width: 170px;
			}
		.imageSlider li img, 
		.imageSlider li p, 
		.imageSliderExt li img , 
		.imageSliderExt li p {
			width: 400px;
			height: 300px;
		}
		
/*** View Search Console ***/

#slider {
  width: 900px;
  margin: 0 auto;
  position: relative;
}

#slider .navigation {
	padding:				0 0 0 8px;
}
#slider .navigation li {
	display:				inline;
}
#slider .navigation li a {
	display:				block;
	float:					left;
	margin-right:			6px;
	font-size:				1.3em;
	background-image:		url('/img/view_search-nav-sprite.png');
	background-repeat:		no-repeat;
	width:					165px;
	height:					30px;
}
#slider .navigation li a:focus {
	outline-style:			none;
}
#slider .navigation li a span {
	display:				none;
}

#btn-Rmap a:active, #btn-Rmap a.active {
	background-position:	0 -45px;
}

#btn-Gmap a {
	background-position:	-172px 0;
}
#btn-Gmap a:active, #btn-Gmap a.active {
	background-position:	-172px -45px;
}

#btn-Search, #btn-FindACommunity {
	float:					right;
}
#btn-Search a {
	background-position:	-344px 0;
}
#btn-Search a:active, #btn-Search a.active {
	background-position:	-344px -45px;
}

#btn-FindACommunity a {
	background-position:	-515px 0;
}
#btn-FindACommunity a:active, #btn-FindACommunity a.active {
	background-position:	-515px -45px;
}

#Rmap {
	background-image:		url('/img/Regional-Map.png');
	background-repeat:		no-repeat;
	background-position:	center center;
}

#Gmap {
	background-image:		url('/img/Google-Map.png');
	background-repeat:		no-repeat;
	background-position:	center center;
}

#FindACommunity {
	background-image:		url('/img/maps/vancouver-island/vancouver-island-watermark.png');
	background-repeat:		no-repeat;
	background-position:	center right;
}

#Search {
	background-image:		url('/img/1stView.ca-watermark.png');
	background-repeat:		no-repeat;
	background-position:	center center;
}

.scroll {
  height:		500px;
  overflow:		auto;
  position:		relative; /* fix for IE to respect overflow */
  clear:		left;
  border:		solid 1px #AAAAAA;
}

.scrollContainer div.panel {
  height:		500px;
  width:		900px;
}

.scrollButtons {
  position:		absolute;
  top:			150px;
  cursor:		pointer;
}

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

.scrollButtons.right {
  right:		-20px;
}

/* format google search */

#GoogleSearch .gsc-control {
	margin:				20px 40px;
	width:				820px;
}
#GoogleSearch input.gsc-input {
	padding:			4px 1px 4px 5px;
	border:				solid 1px #DC7400;
	font-size:			1.3em;
	background-color:	#FFFFEE;
}
#GoogleSearch input.gsc-input:focus {
	/* background-color:	#FFFFFF; */
}
#GoogleSearch .gsc-results {
	background-color:	#FFFFFF;
	height:				400px;
}

#GoogleSearch .gs-webResult div.gs-visibleUrl-short {
	display:			none;
}

#GoogleSearch .gs-webResult div.gs-visibleUrl-long {
	display:			block;
}
#Quick-Search {
	position:			absolute;
	bottom:				0px;
	padding-bottom:		8px;
	left:				2px;
	z-index:			1000;
}
#Quick-Search h3 {
	margin:				0px;
	padding-bottom:		4px;
	padding-left:		6px;
	text-align:			left;
	border-bottom:		dotted 1px #AAAAAA;
	text-transform:		uppercase;
	font-size:			11px;
	font-weight:		bold;
	color:				#AAAAAA;
}
#Quick-Search h4 {
	margin:				8px 4px 2px 6px;
	font-size:			0.8em;
}
#Quick-Search ul {
	margin:				0px;
	padding:			2px 4px 2px 16px;
	list-style-type:	none;
}
#Quick-Search li {
	font-size:			0.75em;
	line-height:		0.9em;
	margin:				0px;
	padding:			0px;
}
#Quick-Search input {
	font-size:			0.8em;
}
#Quick-Search ul *:hover {
	cursor:				pointer;
}