body {
	/***background:			#E5DECC;*/
	font-family:		Verdana, Helvetica, sans-serif;
	font-size:			90%;
	color:				#606060;
	margin-top:			0;
	line-height:		1.2em;
}
img {
	border-style:		none;
}
form {
	margin:				0;
	padding:			0;
}
a {
	text-decoration:	none;
	color:				#696050;
}
a:hover{
	color:				#C25E03;
}
a:focus {
	outline-style:		none;
}

a.url {
	border-bottom:		dotted 1px #666666;
	color:				inherit;
/*	white-space:		nowrap; */
}
a.url:after {
	content:			url('/img/url_icon_sm_gray.gif');
}

a.url:hover:after {
	content:			url('/img/url_icon_sm.gif');
}
a.url:hover {
	color:				#C95D00;
	border-color:		#C95D00;
}

h1, h2, h3, h4, h5, h6, p {
	margin:				0.6em 0;
}

h1 {
	color:				#C25E03;
	font-size:			110%;
	white-space:		nowrap;
}

.brown {
	color:				#C25E03;
}

h2 {
	font-size:			110%;
}
h1, h2, h3, h4 {
	color:				#C25E03;
	font-weight:		normal;
}
h3 {
	white-space:		nowrap;
	font-size:			110%;
}

p {
	/* font-size:			0.9em; */
}

p .darker {
	color:				#696050;
}

#body {
	width:				900px;
	padding:			0 20px;
	position:			absolute;
	left:				50%;
	margin-left:		-470px;
	background-color:	#FFFFFF;
	/* border:				#E3E3E3 solid 1px; */
	border-width:		0 1px 1px 1px;
}
#header {
	text-align:			center;
}
#footer {
	padding-bottom:		16px;
	text-align:			center;
	clear:				both;
}
#footer div.credits {
	font-size:			0.7em;
}

#header .logo-1stview {
	padding-top:		16px;
}
#header .logo-1stview-med {
	padding-top:		12px;
	width:				310px;
}

#TopLinks {
	text-align:			right;
	padding-top:		4px;
	font-size:			75%;
	color:				#C25E04;
}
#TopLinks a {
	color:				#C25E04;
}
#TopLinks a:hover {
	color:				#801A00;
}

/*** Main Navigation Links ***/

.navlinks {
	text-align:			center;
	list-style:			none;
	padding:			0;
}
.navlinks li {
	display:			inline;
	margin:				0 1px;
}
.navlinks li a {
	padding:			1px 1em;
	font-size:			78%;
}
.navlinks {
	margin-bottom:		0px;
}
#footer .navlinks {
	border-top:			dotted 1px #8B8072;
	padding-top:		8px;
}
#footer .navlinks li a:hover {
	color:				#C25E03;
}

div#LocationMap {
	position:			absolute;
	top:				170px;
	right:				20px;
	background-image:	url('/img/basemap-vancouver-island.png');
	background-repeat:	no-repeat;
	width:				430px;
	height:				345px;
	z-index:			0;
}

div#LocationMap .bubble-small {
	display:			block;
	position:			relative;
	top:				50px;
	left:				235px;
	width:				100px;
	height:				109px;
	background-image:	url('/img/bubbles/bubble_sm.gif');
	background-repeat:	no-repeat;
	font-size:			0.7em;
	text-align:			center;
	padding:			11px 0 0 4px;
	line-height:		0.95em;
}
div#LocationMap .bubble-medium {
	display:			block;
	position:			relative;
	top:				50px;
	left:				235px;
	width:				118px;
	height:				100px;
	background-image:	url('/img/bubbles/bubble_med.gif');
	background-repeat:	no-repeat;
	font-size:			0.7em;
	text-align:			center;
	padding:			16px 1px 10px 8px;
	line-height:		1.5em;
}

div#LocationMap .bubble-large {
	display:			block;
	position:			relative;
	top:				50px;
	left:				235px;
	width:				120px;
	height:				109px;
	background-image:	url('/img/bubbles/bubble_lg.gif');
	background-repeat:	no-repeat;
	font-size:			0.7em;
	text-align:			center;
	padding:			10px 0 0 7px;
	line-height:		0.95em;
}

div#LocationMap h2,
div#LocationMap h3 {
	color:				#666666;
	margin-top:			3px;
	line-height:		1.2em;
	font-size:			1em;
}

/*** Featured Showcase ***/

.featured-showcase {
	/* background-color:	#BEB3A5; */
	margin:				10px 140px 20px 140px;
	text-align:			center;
	height:				195px;
}
.featured-showcase img {
	margin:				0px;
	padding:			8px;
	border:				solid 1.5px #BEB3A5; /* #C25E03; */
	background-color:	#FFFFFF;
	width:				602px;
	height:				177px;
}

/*** Search Box/Map ***/

#SearchWithMap {
	width:				900px;
	height:				469px;
	margin-top:			4px;
	border:				#BEB3A5 solid 1px;
}
#SearchMap {
	width:				668px;
	height:				100%;
	float:				left;
}
#SearchMap iframe {
	width:				100%;
	height:				100%;
	margin:				0;
	padding:			0;
	border-width:		0;
}
#MapSwapControl {
	position:			relative;
	top:				-410px;
	left:				390px;
	padding:			2px 8px;
	text-align:			center;
	background-color:	#FFFFFF;
}
#SearchForm {
	background-color:		#CFC3B5;
	width:					191px;
	float:					left;
	border:					#000000 solid 1px;
	padding:				0 20px;
}
#SearchWithMap #SearchForm {
	border-width:			0 0 0 1px;
	height:					100%;
}

#SearchSummary {
	background-image:		url('/img/search-summary-bg.png');
	background-repeat:		no-repeat;
	background-position:	top center;
	text-align:				center;
	font-size:				13px;
	font-weight:			bold;
	margin:					0;
	padding:				4px;
	color:					#FFFFFF;
}
#SearchSummary a {
	color:					#FFFFFF;
}

/*** Google Map styles ***/

.btnViewGoogleMap {
	position:				relative;
	top:					-58px;
	left:					1px;
}

.btnViewGoogleMap a {
	display:				block;
	height:					54px;
	width:					224px;
	background-image:		url('/img/btnViewGoogleMap.png');
	background-repeat:		no-repeat;
	background-position:	-8px -8px;
}
.btnViewGoogleMap a:active {
	background-position:	-8px -71px;
}

/* hide link text */
.btnViewGoogleMap span {
	display:				none;
}

/*** ColorBox styles ***/

#cboxTitle {
	font-size:				85%;
	font-weight:			normal;
	padding-top:			2px;
	height:					36px;
	color:					#555555;
	background-color:		#FFFFFF;
}
#cboxCurrent {
	font-weight:			normal;
	font-size:				75%;
	color:					#999999;
	bottom:					0px;
	font-variant:			small-caps;
}

.whitepapers-box {
	margin:					6px 0;
	border:					solid 2px #557088;
	padding:				6px;
	background-color:		#DDFFFF;
}
.whitepapers-box h4, div#ProjectDetails .sidebar .whitepapers-box h4 {
	color:					#7791AA;
	font-weight:			bold;
	font-size:				90%;
	margin:					2px 0 4px;
}
.whitepapers-box a, div#ProjectDetails .sidebar .whitepapers-box a {
	display:				block;
	font-size:				90%;
	color:					#557088;
}

.gmap-infoWindow {
	text-align:				center;
}
.gmap-infoWindow h2, .gmap-infoWindow p {
	margin:					4px;
	text-align:				center;
}

ul.tag-cloud {
	list-style-type:	none;
}
ul.tag-cloud li {
	display:			inline;
	margin:				2px 10px;
}
ul.tag-cloud li a {
	color:				#CCCCCC;
	font-size:			80%;
}

/*** Feedback Messages ***/

ul.msgs {
	margin:					2px 100px 8px 100px;
	padding:				4px 8px;
	list-style:				none;
	text-align:				center;
	border:					solid 1px #CCCCCC;
	background-color:		#FFFFCE;
}
ul.msgs li {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size:				75%;
	margin:					4px 16px;
}
ul.msgs li.success {
	color:					#219537;
}
ul.msgs li.warning {
	color:					#DD6600;
}
ul.msgs li.failure {
	color:					#EE0000;
}
ul.msgs li.failure:before {
	content:				"Alert! ";
}