body, html {
	background:url('http://www.popdata.bc.ca/sites/all/themes/pdbc/_img/bg.gif') repeat-x #BCBDBF;	
}

#wrapper {
	width:901px;
	background-color:#FFF;	
	margin:0 auto;
}

#header { position: relative; width: 901px; }

#headerImage {
	height:104px;
	overflow:hidden;
}


#logo-div {
	margin-top:46px;
	margin-left:11px;
	margin-bottom:14px;
}

#logo-div a {
	outline:none;
}

#logo-div a img {
	outline:none;
	border:none;
}

#main-content { width: 600px; float:left; margin-left: 38px; overflow:hidden;}

div.sidebar-left {
	float:left;	
}

#left-nav-wrapper {
	margin-top:17px;
}

#leftNav {
/*	margin-left:11px;
	height:150px;
	width:235px;
	background-color:#E6E6E6;*/
}

div#left-content { float: left; width: 230px; background-color: #FFF; margin: 20px 0px 10px 10px; padding: 0px 0 20px 0; text-align:left; }

div#left-content div.block { background-color: #E6E6E6; margin-bottom: 10px; }
                          

table#content-table { margin-left: -5px;}


/** Search Block **/
div#block-search-0 { width: 230px; padding: 0px; margin: 0px; display: block; height: 60px; vertical-align:top; }
div#block-search-0 div.content { margin: 0px; padding: 10px; vertical-align:top;}
div#block-search-0 div.content form { margin: 0px; vertical-align:top;}
div#block-search-0 div.content form div { margin: 0px; vertical-align:top;}
div#block-search-0 div.content form div div.container-inline { vertical-align:top; }

div#block-search-0 div.content form div div div.form-item {vertical-align:top; }

div#block-search-0 div.content form div div div.form-item label { font-size: 12px; display: block; padding-bottom: 6px; vertical-align:top; color: #454545; font-weight:normal;}

div#block-search-0 div.content form div div div.form-item input { width: 165px; height: 20px; line-height: 20px; padding: 0px 4px; font-size: 12px; background-color: #CCC; border-color: #999; vertical-align:top; }

div#block-search-0 div.content form div div div.form-item input:focus { background-color: #FFF; }

div#block-search-0 div.content form input.form-submit { width: 30px; height: 22px; text-align: center; font-size: 12px; text-transform: uppercase; background-color: #CCC;  margin-top: 0px; border-color: #999; color: #545454;}

div#block-search-0 div.content form input.form-submit:hover,
div#block-search-0 div.content form input.form-submit:focus { background-color: #666; color: #FFF; }
      
#data-table {
	border: thin solid #999;
}

#data-table tr {
	padding-top: 5px;
	border: thin solid #999;  
}

#data-table td {
	border: thin solid #999;  
}


/*
#leftNav h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#4D4D4D;
	margin-left:15px;
	margin-right:15px;
	padding-top:18px;
	border-bottom:1px solid #4D4D4D; 
	font-weight:normal;
}

#leftNav ul {
	list-style-type:none;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;	
}

#leftNav ul li {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#4D4D4D;
	padding-bottom:5px;
}

#leftNav ul li a, 
#leftNav ul li a:link, 
#leftNav ul li a:visited 
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#4D4D4D;
	text-decoration:none;
	outline:none;
	letter-spacing:.1em
	
}

#leftNav ul li a:hover
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#8DC63F;
}*/

/*#news div.content {
	margin:0px;
	padding:0px;	
}

#news {
	margin-left:11px;
	margin-top:5px;
	min-height:345px;
	height:100%;
	width:235px;
	padding-bottom:20px;
	background-color:#E6E6E6;
}

#news h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#8DC63F;
	padding-top:10px;
	margin-bottom:5px;
	line-height: 130%;
}

#news h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;	
}

#news p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin-left:15px;
	margin-right:15px;
	margin-top:7px;	
	line-height:16px;
}
*/
/*#news div.round-content-button {
	margin-left:15px;
	margin-right:15px;
	margin-top:30px;		
}

div.round-content-button a,
div.round-content-button a:link,
div.round-content-button a:visited
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	outline:none;
}

div.round-content-button a:hover
{
	color:#4D4D4D;
}*/

a.rounded, 
a.rounded:link,
a.rounded:visited
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#FFF !important;
	text-decoration:none;
	outline:none;
	background:#8DC63F; 
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #8DC63F;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 20px;
	width: auto;
	margin: 0px 0px 5px 0px;
	display: inline-block;
	line-height: 25px; 
	height: 25px;
	vertical-align:center;
}

a.rounded:hover
{
	color:#8DC63F !important;
	background-color: #FFF;
}

a.rounded-smaller, 
a.rounded-smaller:link,
a.rounded-smaller:visited,
div.content a.rounded-smaller, 
div.content a.rounded-smaller:link,
div.content a.rounded-smaller:visited
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#FFF !important;
	text-decoration:none;
	outline:none;
	background:#8DC63F; 
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #8DC63F;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 5px;
	width: auto;
	margin: 0px 0px 5px 0px;
	display: inline-block;
	line-height: 13px; 
	height: 13px;
	vertical-align:middle;
}

a.rounded-smaller:hover,
div.content a.rounded-smaller:hover
{
	color:#8DC63F !important;
	background-color: #FFF;
}

#right-box {
	margin-left:24px;
	/*width:144px;*/
	text-align:left;
	border-left:1px solid #E6E6E6;
}

#right-box p {
/*	font-size:11px;
*/	margin-left: 5px;
	margin-right: 3px;
/*	line-height: 14px;*/
}

#right-box p img {
	margin-left:-5px;
}

#right-box h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#4D4D4D;
	padding-top:18px;
	font-weight:normal;
	margin-bottom:20px;
	line-height: 16px; 
}

div.content {
	margin-top:-8px;
	margin-left:30px;
	float:left;	
}

tbody {
	border:none;
}

#content-table {
	/*width:610px;*/
	/*border:1px solid #930;*/
}

td.main-text-two-column {
	/*width:435px;*/
	vertical-align:top;
	padding-top:22px;	
}

td.main-text {
	/*width:600px;*/
	padding-top:20px;	
}

td.right-side {
/*	width:175px;*/
	vertical-align:top;
	padding-top:25px;	
}

div.content h1 {
	color:#8DC63F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	margin-bottom:8px;
}

div.content p,
div.content span.paragraph {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:20px;
	margin-bottom:15px;
}

#footer {
	border-top:1px solid #999;
	padding:10px 0;
	margin-top:10px;
/*	height:30px;
*/	background-color:#FFF;
	display: block; float:left;
	width: 100%;
}

#footer p {
	display:inline;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:.1em;
}

#footer p.left {
	float:left;
	margin-left:11px;
}


#footer p.right {
	float:right;
	margin-right:11px;
}

#footer a,
#footer a:link, 
#footer a:visited
{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	text-decoration:none;
	outline:none;
}

#footer a:hover
{
	color:#8DC63F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
}

div.round-content-box  {background:#E6E6E6; width:100%; height:100%; position:relative;}

div.corner {position:absolute; background-repeat:no-repeat; width:16px; height:16px; }

div.cTopLeft {top:0px; left:0px; background-image: url("http://www.popdata.bc.ca/sites/all/themes/pdbc/_img/tl.png");}

div.cTopRight {top:0px; right:0px; background-image: url("http://www.popdata.bc.ca/sites/all/themes/pdbc/_img/tr.png");}

div.cBottomLeft {bottom:0px; left:0px; background-image: url("http://www.popdata.bc.ca/sites/all/themes/pdbc/_img/bl.png");}

div.cBottomRight {bottom:0px; right:0px; background-image: url("http://www.popdata.bc.ca/sites/all/themes/pdbc/_img/br.png");}

/* -------------button -------------------- */



/*div.round-content-button {background:#8DC63F; width:60%; height:18px; text-align:center; padding-top:9px;} USED FOR A DIV THAT IS ROUNDED */

/*div.round-content-button {background:#8DC63F; width:80%; height:18px; position:relative; text-align:center; padding-top:9px;}

div.cornerGrey {position:absolute; background-repeat:no-repeat; width:16px; height:16px; }

div.cTopLeftGrey {top:0px; left:0px; background-image: url(tlGrey.png);}

div.cTopRightGrey {top:0px; right:0px; background-image: url(trGrey.png);}

div.cBottomLeftGrey {bottom:0px; left:0px; background-image: url(blGrey.png);}

div.cBottomRightGrey {bottom:0px; right:0px; background-image: url(brGrey.png);}*/


/*---------- EVENTS -----------------*/

/*#news-div
{
	margin-top:50px;
	margin-left:30px;
	float:left;
}*/


/*table.news-table 
{
	width:590px;
}


table.news-table tr td
{
	border-bottom:1px dotted #4D4D4D;
	padding-top:20px;
}

table.news-table tr td h4 
{
	color:#8DC63F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	margin-bottom:8px;
}


table.news-table tr td h5 
{
	color:#666;
}


table.news-table tr td p
{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:18px;
	margin-bottom:8px;
}
*/
/*-----------EVENTS STYLES -------------*/

div.event-collapse-div {
	height:100px;
	padding-bottom:30px;
}

#events-wrapper-div
{
	width:590px;
	float:left;
	margin-top:13px;
	margin-left:30px;
}

div.event-toggle-div {
	display:none;
}

div.event-div
{
	border-bottom:1px dotted #4D4D4D;
	padding-bottom:20px;
	padding-top:0px;
}

div.event-div p.short-desc
{
	color:#4D4D4D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:18px;
	margin-bottom:8px;
	margin-top:10px;
}


div.event-div h4
{
	color:#8DC63F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	margin-top:5px;
	margin-bottom:8px;
}

div.event-div h5
{
	color:#4D4D4D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
}


div.event-toggle-div p
{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:18px;
}

a.events-more,
a.events-more:link,
a.events-more:visited
{
	color:#8DC63F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:18px;
	margin-bottom:20px;
	text-decoration:none;
	outline:none;
}

a.events-more:hover
{
	color:#4D4D4D;
}

/* ---------- PAGER ----------------*/

div#main-content div.item-list { 
	margin:0px;
	padding:3px 0;
	display: block;
	background-color: #DCDCDC;
	width: 100%;
	float:left;
}

div#main-content div.item-list ul.pager {
	margin:0px;
	padding: 0px 0;
	display: block;
	background-color: #DCDCDC;
	width: 100%;

}

div#main-content div.item-list ul.pager li 
{
	color:#4D4D4D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	padding: 2px; margin: 0px;
}

div#main-content div.item-list ul.pager li a,
div#main-content div.item-list ul.pager li a:link,
div#main-content div.item-list ul.pager li a:visited
{
	color:#4D4D4D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	outline:none;
	padding: 2px; margin: 0px;
}

div#main-content div.item-list ul.pager li a:hover
{
	color:#8DC63F;
}

/*--------- special style for the archive news button --------------*/

#news a.newsRounded {
	color: #FFF;
  margin-left:15px;
  margin-right:15px;
  margin-top:30px;			
}


a.newsRounded, 
a.newsRounded:link,
a.newsRounded:visited,
div.content a.newsRounded, 
div.content a.newsRounded:link,
div.content a.newsRounded:visited
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	outline:none;
	background:#8DC63F; 
	width:50%; 
	height:18px;
	display:block;
	text-align:center;
	padding-top:8px;
}

a.newsRounded:hover,
div.content a.newsRounded:hover
{
	color:#4D4D4D;
}

/* ================= SEARCH FEILD =================== */

/*#edit-search-block-form-1-wrapper {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin-left:15px;
	margin-top:15px;
	float:left;
}

#edit-search-block-form-1-wrapper label {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin-top:15px;
}

#edit-search-block-form-1-wrapper input {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
}

#edit-submit {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin-right:15px;
	float:right;
}*/

/** ** SEARCH RESULTS ** **/



form#search-form { display: none; }
form#search-form div.form-item label { font-size: 12px; color: #4d4d4d; padding-right: 15px; }
form#search-form div.form-item input { height: 18px; font-size: 12px; line-height: 18px; }
form#search-form div.form-item input#edit-submit { height: 20px; font-size: 12px; line-height: 18px; padding: 4px 5px;}

dl.search-results {
	/*border:1px solid #F00;*/
	display: block;
	width: 100%;
	float:left;
	margin: 0px; padding: 0px;
}




dl.search-results dd 
{
	margin:0px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	padding-bottom: 20px;
}

dl.search-results dt a,
dl.search-results dt a:link, 
dl.search-results dt a:visited 
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#8DC63F;
	outline:none;
}

dl.search-results dt.title a {
	display: block; padding-bottom: 5px; 
}

dl.search-results dt a:hover
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
}

div.box {
/*	margin-left:30px;*/
}

/*div.box h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#4D4D4D;
	float:right;
	margin-right:125px;
}*/

/*#search-form #edit-submit {
	float:none;
}*/

div.box div.content {
	margin:0px;
}

div.box ul li {
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#4D4D4D;	
}

ul {
	margin:0px;
	padding:0px;
	/* list-style-type:none; */
}

li.list {
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	padding-top:5px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	list-style-type:none;
}

a.normalGreenLink, 
a.normalGreenLink:link, 
a.normalGreenLink:visited 
{
	text-decoration:none;
	outline:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#8DC63F;
	
}

a.normalGreenLink:hover
{
	text-decoration:none;
	outline:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	
}

div.content .h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;	
}

div.content .paragraph {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin-left:15px;
	margin-right:15px;
	margin-top:7px;	
	line-height:16px;
}

/*div.content .h1 {
	color:#8DC63F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	margin-bottom:8px;
}
*/
/* -=-=-=-=-==-=--=-==-=--==-=--==-=--=-=-=-=-=-=-=-=-==--=-=-=-=-==--=-=-=-==--==-=--=-==--=-=-==-=--=-=-==--==-=- */
/*	March 6 Edits */

div#main-content div.content pre {
	max-width: 600px;
}

div#main-content div.content ul {
	margin-left: 30px;
}
div#main-content div.content ol {
	margin-left: 30px;
}
div#main-content div.content li {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:20px;
}

/*#home-content-table li { margin-left: 30px; }
*/

/** links **/
div#main-content a,
div#main-content a:link,
div#main-content a:visited, 
div#main-content div.event-toggle-div a,
div#main-content div.event-toggle-div a:link,
div#main-content div.event-toggle-div a:visited,
div#main-content div.event-toggle-div p a,
div#main-content div.event-toggle-div p a:link,
div#main-content div.event-toggle-div p a:visited, 
div#main-content div.sidebar-left a,
div#main-content div.sidebar-left a:link,
div#main-content div.sidebar-left a:visited 
{
	color: #3D8BBE;
	text-decoration: none;
	font-weight:bold;
}
div#main-content a:hover,
div#main-content div.event-toggle-div a:hover,
div#main-content div.event-toggle-div p a:hover,
div#left-content a:hover
{
	color: #8DC63F;
	text-decoration: none;
}
/** TEXT **/

div#main-content span, div#main-content strong, div#main-content b, div#main-content em, div#main-content i { font-size: 1em; 
	line-height: 1em; }

div#main-content p,
table#content-table td p,
table#content-table td .copy {
	line-height: 140%;
	padding-bottom: 7px;
	font-size: 12px;
}

div#main-content ul li,
div#main-content ol li,
table#content-table td ul li,
table#content-table td ol li { 
	line-height: 130%;
	font-size: 12px;
}

table#content-table h1,
table#content-table .heading1 {
	color:#8DC63F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	margin-bottom:20px;
	line-height: 130%;
	
}
table#content-table h2,
table#content-table .heading2 {
	color:#8DC63F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:12px;
	margin-bottom:8px;
	line-height: 130%;
	
}


#wrapper div#main-content h3,
#wrapper div#main-content .h3,
#wrapper div#main-content .heading3 {
	font-size: 12px;
	line-height: 15px; 
	text-align: left; 
	margin: 0px; 
	padding: 5px 0px 7px 0px;  
	font-weight:bold;
	color: #8DC63F;
}
#wrapper div#main-content h3 * {
	font-size: 12px;
	line-height: 12px; 
	text-align: left; 
	font-weight:bold;
	color: #8DC63F;
}


#wrapper div#main-content div.box h3 { margin: 20px 0px 20px 0px; }


table#content-table h4,
table#content-table .heading4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	margin-top:10px;
	line-height: 130%;
}
table#content-table h5,
table#content-table .heading5 {

}

div.content h1 a,
div.content h1 a:link,
div.content h1 a:visited,
div.content h2 a,
div.content h2 a:link,
div.content h2 a:visited,
div.content h3 a,
div.content h3 a:link,
div.content h3 a:visited,
div.content h4 a,
div.content h4 a:link,
div.content h4 a:visited,
div.content h5 a,
div.content h5 a:link,
div.content h5 a:visited {
	color: #3D8BBE;
}
div.content h1 a:hover,
div.content h2 a:hover,
div.content h3 a:hover,
div.content h4 a:hover,
div.content h5 a:hover {
	text-decoration: underline;
}

div.content a.rounded, 
div.content a.rounded:link,
div.content a.rounded:visited,
div.content p a.rounded, 
div.content p a.rounded:link,
div.content p a.rounded:visited,
div.event-toggle-div a.rounded,
div.event-toggle-div a.rounded:link,
div.event-toggle-div a.rounded:visited,
div.event-toggle-div p a.rounded,
div.event-toggle-div p a.rounded:link,
div.event-toggle-div p a.rounded:visited 
{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	outline:none;
	background:#8DC63F; 
	width:70%; 
	height:20px;
	display:block;
	text-align:center;
	padding-top:8px;
	text-transform:uppercase;
	
}

div.event-toggle-div a.rounded:hover,
div.event-toggle-div p a.rounded:hover,
div.content a.rounded:hover,
div.content p a.rounded:hover
{
	color:#4D4D4D;
}

div.content ul li p,
div.content ol li p,
li p,
li p.paragraph {
	padding-left: 0px;
	padding-bottom: 0px; 
}
 

table#content-table * strong,
table#content-table strong,
table#content-table b,
table#content-table * b {
	font-weight: bold;
	color: #444;
	font-size: 1em;
	line-height: 140%;
}
table#content-table em,
table#content-table i,
table#content-table * em,
table#content-table * i {
	text-transform: italic;	
	font-size: 1em;
	line-height: 140%;
}
div#main-content table td {
padding-left: 5px;
padding-right: 5px;

}
.resourcelist {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8DC63F;
	margin-bottom: 30px; 
}
.list {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8DC63F;
	margin-bottom: 5px; 
}


div#block-views-random_banner-block_1 { }
div#block-views-random_banner-block_1 div,
div#block-views-random_banner-block_1 div div,
div#block-views-random_banner-block_1 div div div, 
div#block-views-random_banner-block_1 div div div img { margin: 0px; padding: 0px; }



/** News or events Node View **/

div.node div.field-field-post-title div.field-items div.field-item { font-size: 16px; padding-bottom: 5px; font-weight: bold; }
div.node div.field-field-post-date div.field-items div.field-item { font-size: 11px; padding-bottom: 10px; }

div.view-display-id-news_and_events { margin-top: 18px; }

/** HOME PAGE LAYOUT **/

div#home-page-blocks { }
div#hp-tl-block { width: 338px; height: 170px; float:left; background-color: #666; padding: 29px; }
div#hp-bl-block { width: 338px; float:left; background-color: #DDD; margin-top: 4px; padding: 29px; }
div#hp-r-block { float:right; background-color: #FFF; height: 504px; width: 501px;  }

div#hp-tl-block * { color: #FFF;}
div#hp-tl-block h2 { font-size: 14px; font-weight: bold; }
div#hp-tl-block p, div#hp-tl-block li { font-size: 11.5px; line-height: 130%; }

div#hp-bl-block div { margin: 0px; padding: 0px; }
div#hp-bl-block h2 { font-size: 14px; color: #4D4D4D; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; }
div#hp-bl-block div.views-field-field-post-title-value span a { font-size: 12px; color: #4D4D4D; font-weight: bold; margin-top: 8px; display: block;}
div#hp-bl-block h1, div#hp-bl-block h2, div#hp-bl-block h3, div#hp-bl-block h4, div#hp-bl-block p, div#hp-bl-block span { color: #4D4D4D; }

div#hp-bl-block {min-height: 162px; height: 214px;}

div#hp-bl-block p, div#hp-bl-block span { font-size: 11px; line-height: 13px; }

div#hp-bl-block a.hp-readmore { display: block; float: left; width: 100px; margin-top: -13px; color: #8DC63F; }

div#hp-bl-block div.views-row:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} div#hp-bl-block div.views-row {display: inline-block;} html[xmlns] div#hp-bl-block div.views-row {display: block;} * html div#hp-bl-block div.views-row {height: 1%;}

div#hp-tl-block ul, div#hp-tl-block ol { margin-left: 15px; }



/** highlights box **/

div#hp-r-block { position: relative; }
div#hp-r-block div { margin: 0px; padding: 0px; }

/*div#hp-r-block div#views_slideshow_singleframe_main_1, 
div#hp-r-block .views_slideshow_singleframe_main, 
div#hp-r-block .views_slideshow_main, */
/*div#hp-r-block div.views_slideshow_singleframe_main.views_slideshow_main, 
div#hp-r-block div#views_slideshow_singleframe_teaser_section_1, 
div#hp-r-block div.views_slideshow_singleframe_teaser_section, 
div#hp-r-block div#views_slideshow_singleframe_div_1_0, 
div#hp-r-block .views_slideshow_singleframe_slide, */
/*div#hp-r-block .views_slideshow_slide,
div#hp-r-block div.views-field-field-hphb-bg-img-fid, */
/*div#hp-r-block span.field-content, 
*/
/*div#hp-r-block .imagecache, 
div#hp-r-block .imagecache-501_px_wide, 
div#hp-r-block .imagecache-default, 
div#hp-r-block .imagecache-501_px_wide_default, 
div#hp-r-block img.imagecache.imagecache-501_px_wide.imagecache-default.imagecache-501_px_wide_default { 
	position: absolute; top: 0px; left: 0px;
	z-index: 100; 
	height: 504px; 
	width: 501px; 
	overflow: visible; 
}*/

/*div#hp-r-block div.views-field-field-hphb-bg-img-fid { position: absolute; top: 0px; left: 0px; z-index: 500; }
div#hp-r-block div.views-field-body { position: relative; top: 20px; left: 20px;  width: 460px; z-index: 1000; }
div#hp-r-block div.views-field-body div.field-content { position: relative; width: 460px; }*/

div#hp-r-block,
div#hp-r-block div.views-field-body { background: transparent;}

div#hp-r-block div.views-field-body { position: absolute; top: 0px; left: 10px; width: 481px;}

div#hp-r-block div.views-field-body div.field-content h1,
div#hp-r-block div.views-field-body div.field-content h2,
div#hp-r-block div.views-field-body div.field-content h3,
div#hp-r-block div.views-field-body div.field-content h4,
div#hp-r-block div.views-field-body div.field-content h5,
div#hp-r-block div.views-field-body div.field-content p {
	color: #FFF;
}


div#hp-r-block div.views-field-body div.field-content h1 { font-size: 28px; font-weight: lighter; }

div#hp-r-block div.views-field-body div.field-content a,
div#hp-r-block div.views-field-body div.field-content a:link,
div#hp-r-block div.views-field-body div.field-content a:visited { color: #8DC63F; }

div#hp-r-block div.views-slideshow-controls-bottom { position: absolute; bottom: 10px; right: 10px; z-index: 100; background-color: transparent; height: 25px; width: 500px; text-align: right;}

div#hp-r-block div.views-slideshow-controls-bottom div { height: 15px; line-height: 15px; vertical-align: middle;  }

div#hp-r-block div.views-slideshow-controls-bottom a,
div#hp-r-block div.views-slideshow-controls-bottom a:link,
div#hp-r-block div.views-slideshow-controls-bottom a:visited { 
	font-size: 11px; 
	color: #FFF; 
	height: 15px; width: 20px; 
	display: inline-block; text-align:center; 
	background-color: rgba(20,20,20,0.4); 
}

div#hp-r-block div.views-slideshow-controls-bottom a:hover {
	background-color: rgba(20,20,20,1);
}

div#hp-r-block div.views-slideshow-controls-bottom a.activeSlide { color: #8DC63F;   }
/**/



/** LISTS ******************************************** **/

div#main-content ul,
div#main-content ol { margin-left: 30px; padding-bottom: 7px;}

div#main-content ol li,
div#main-content ul li { padding-bottom: 2px;}

div#main-content ol li p,
div#main-content ul li p {
	padding: 0px; 
}


div#left-content div#block-block-3 { float:left; height: 30px; margin: 0px; padding: 0px; width: 230px; text-align:left;}

div#left-content div#block-block-3 p { margin: 15px 0 0 0; padding: 0px; line-height: 16px; font-size: 11px; text-align:left; float:left; margin-left: -15px;}


b, strong, i, em, span { font-size: 1em;}


div#main-content hr { height: 1px; line-height: 1px; width: 100%; margin: 10px 0px; border-bottom:1px dotted #8DC63F;}

div#main-content img {
	border-top-width: 1px;
	border-right-width: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8DC63F;
	border-right-color: #8DC63F;
	border-bottom-color: #8DC63F;
	border-left-color: #8DC63F;
}

div#main-content img.no-green-border {
	border:none !important;
}

div#block-block-4 {   margin-top: 20px; padding: 10px 0px; }

/* Webform CSS */

body.node-type-webform input.form-text {
	font-size:12px;
		
}

body.node-type-webform .form-item label {
	font-size:12px;
	padding-bottom: 10px;
	padding-top: 3px;
	line-height: 15px;
	
	
}
body.node-type-webform .form-submit {
	background-color:#8DC63F;
	font-weight:bold;
	font-size:12px;
	color:#FFF
	
}
body.node-type-webform h1 {
	font-weight:bold;
	font-size:16px;
	margin-bottom: 20px;
	color:#8DC63F;
	line-height:18px;
	
}
body.node-type-webform h3 {
	font-weight:bold;
	font-size:14px;
	margin-bottom: 5px;
	color:#8DC63F;	
	
}
body.node-type-webform #edit-comment-draggable-wrapper textarea.form-textarea {
	font-size:12px;
}

body.node-type-webform legend {
	font-size:12px;
	border: none;
	font-weight: bold;
	margin-bottom: 5px;
}

body.node-type-webform .description {
	font-size:12px;
	font-style: italic;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 14px;
}

/* Contact us CSS */

div#contact {
	margin-top: 20px;	
}

div#contact p {
	padding-left: 3px;
	padding-right: 3px;
}

div#contact h1 {
	color: #FFF;
	background-color: #8DC63F;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
div#contact h2 {
	color: #FFF;
	background-color: #8DC63F;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
div#contact h3 {
	color: #FFF;
	background-color: #900;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
div#contact h4 {
	color: #FFF;
	background-color: #699;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
div#contact h5 {
	color: #FFF;
	background-color: #969;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
div#contact h6 {
	color: #FFF;
	background-color: #C90;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
div#contact h7 {
	color: #FFF;
	background-color: #639;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
div#contact h8 {
	color: #FFF;
	background-color: #900;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
div#col1 {
	float: left;
	width: 183px;
}
div#col2 {
	float: left;
	width: 183px;
	margin-right: 10px;
	margin-left: 10px;
}
div#col3 {
	float: left;
	width: 183px;
}
div#box {
	border: 1px solid #E9E9E9;
	margin-bottom: 20px;
	background-color: #FCFCFC;
}

.projectshead {
	font-weight: bold;
	color: #FFF;
	background-color: #CCC;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8DC63F;
	text-indent: 5px;
	font-size: 11px;
	padding-top: 5px;
	height: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
div#riabox {
	border: 1px solid #E9E9E9;
	background-color: #999;
	width: 167px;
	color: #FFF;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	margin-left: 5px;
	background-image: url(http://www.popdata.bc.ca/sites/all/themes/pdbc/_img/dollar.png);
	background-repeat: repeat-x;
}