/* 

Author: Stephen Saugestad
Development by : Nine Mile Studio
Last updated: 6/1/05

*/

/* defaults attributes *********************************************************************/

html, body {
	margin: 0;
	padding: 0;
} 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#home {
	font-size:11px;
}

body a:link, body a:visited, body a:active {
	color: #666;
	text-decoration: underline;
}

body a:hover {
	text-decoration: none;
	color: #FF9900;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

h1 { 
	font-size:12px; 
}

h2 {
	color: #000;
	font: 14px "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
}

h3 {
	font-weight: normal;
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
}

h4 {
	color: #FF9900;
	font: 13px "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h5 {
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
}

ul, li {
	margin: 0;
	padding: 0;
} 

li {
	list-style-type: none;
} 

/* hacks */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* hide from NS/Mozz \*/
* html .clearfix {height: 1%;}

/* hide from IE-mac */

html>body #testElement {
   }
  
/* tables inherit font sizes */

table {
	font-size: 1em;
}

/* class attributes *********************************************************************/

.break {
	height: 1px;
	border-bottom: 1px solid #E4E3E6;
}

p.break {
	margin:0px;
	padding:0px;
}

.pdf {
	background: url(../images/pdf.jpg) no-repeat 6px 5px;
}

.pdfLink {
	background: url(../images/pdf_sm.jpg) no-repeat 0px 2px;
	padding-left:26px;
	padding-bottom:4px;
}

.c {
    text-align:center;
    display:block;
}

/* general */

#home {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}

#interior {
	background-image: url(../images/bg_inside.jpg);
	background-repeat: repeat-x;
}

#wrap {
	width: 780px;
}

#header {
	background: url(../images/bg_top_home.jpg) no-repeat;
	width: 780px;
	height: 127px;
}

#headerInt {
	background: url(../images/bg_top_interior.jpg) no-repeat;
	width: 780px;
	height: 107px;
}

/* nav *********************************************************************/

#navigation {
	width: 520px;
	position: relative;
	left: 260px;
	top: 106px;
}

#navInt {
	width: 520px;
	position: relative;
	left: 220px;
	top: 86px;
}

#navigation li, #navInt li {
	display: inline;
}

#navigation a, #navInt a {
	padding-left: 9px;
	padding-right: 9px;
	font: 11px Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
}

#navigation a:hover, #navInt a:hover {
	color: #ccc;
} 

/* fir */

#slogan {
	margin-left: 268px;
	margin-top: 16px;
	background: url(../images/text_opening_doors.gif) no-repeat;
	text-indent: -10000em;
	width: 272px;
	height: 16px;
}

h1.swap, h2.swap {
  height:15px;
  background-repeat:no-repeat;
}

h1.swap span, h2.swap span {
	display:none;
}

/* page headings *********************************************************************/

h2#h-news {
	background-image:url("../images/h_news.gif");
}

h2#h-events {
	background-image:url("../images/h_events.gif");
}

h2#h-opportunities {
	background-image:url("../images/h_opportunities.gif");
}

h2#h-aboutPlea {
	background-image:url("../images/h_about_plea.gif");
}

h2#h-volunteer {
	background-image:url("../images/h_volunteer.gif");
}

h2#h-becomeSponsorDonor {
	background-image:url("../images/h_sponsorships_donations.gif");
}

h2#h-familyCaregiving {
	background-image:url("../images/h_family_caregiving.gif");
}

h2#h-memberships {
	background-image:url("../images/h_memberships.gif");
}

h2#h-kidstart {
	background-image:url("../images/h_kidstart.gif");
}

h2#h-kidstartVideo {
	background-image:url("../images/h_kidstart_video.gif");
}

h2#h-youthDetox {
	background-image:url("../images/h_youth_detox_services.gif");
}

h2#h-folkstone {
	background-image:url("../images/h_folkstone.gif");
}

h2#h-programPolicies {
	background-image:url("../images/h_program_policies.gif");
}

h2#h-pleaPrograms {
	background-image:url("../images/h_plea_programs.gif");
}

h2#h-ourBoard {
	background-image:url("../images/h_our_board.gif");
}

h2#h-contactUs {
	background-image:url("../images/h_contact_us.gif");
}

h2#h-communityOffices {
	background-image:url("../images/h_community_offices.gif");
}

h2#h-ourPartners {
	background-image:url("../images/h_our_partners.gif");
}

h2#h-vancouverCoastal {
	background-image:url("../images/h_vancouver_coastal.gif");
}

h2#h-triCities {
	background-image:url("../images/h_tri_cities.gif");
}

h2#h-ridgeMeadows {
	background-image:url("../images/h_ridge_meadows.gif");
}

h2#h-addictionsTreatment {
	background-image:url("../images/h_addictions_treatment.gif");
}

h2#h-waypoint {
	background-image:url("../images/h_waypoint.gif");
}

h2#h-daughtersSisters {
	background-image:url("../images/h_daughters_sisters.gif");
}

h2#h-northwestTerritories {
	background-image:url("../images/h_northwest_territories.gif");
}

h2#h-opportunities {
	background-image:url("../images/h_opportunities.gif");
}

h2#h-events {
	background-image:url("../images/h_events.gif");
}

h2#h-donations {
	background-image:url("../images/h_donation.gif");
}

h2#h-makeDonation {
	background-image:url("../images/h_make_donation.gif");
}

h2#h-donorRecognition {
	background-image:url("../images/h_donor_recognition.gif");
}

h2#h-donate {
	background-image:url("../images/h_donate.gif");
}

h2#h-sitemap {
	background-image:url("../images/h_sitemap.gif");
}

/* home page content *********************************************************************/

#pageSections {
	width:540px;
	float:left;
	margin-top: 20px;
	padding-bottom: 20px;
}

#sec1 {
	background: url(../images/i_want_help.jpg) no-repeat 0px 0px;
	width: 540px;
	height: 136px;
}

#sec2 {
	background: url(../images/i_need_help.jpg) no-repeat 0px 0px;
	width: 540px;
	height: 136px;
}

#sec3 {
	background: url(../images/community_services_professional.jpg) no-repeat 0px 0px;
	width: 540px;
	padding-bottom: 20px;
}

#sec1 ul, h1 {
	margin-left:310px;
}

#sec2 ul, h1 {
	margin-left:310px;
}

#sec3 ul, h1 {
	margin-left:310px;
}

#sec1 h1, #sec2 h1, #sec3 h1 {
	display: none;
}

#sec1 a, #sec2 a, #sec3 a {
	text-decoration:none;
	display:block;
	width:190px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	border-bottom: solid 1px #e0e0e0;
}

#sec1 a:hover, #sec2 a:hover, #sec3 a:hover {
	background-color: #f4f4f4;
}

#features {
	background: url(../images/bg_features.jpg) no-repeat 0px 0px;
	width: 176px;
	float:right;
	margin:0;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 9px;
}

#features strong {
	color:#666;
}

#featuresInt {
	background: url(../images/bg_features_interior.jpg) no-repeat 0px 0px;
	width: 140px;
	float:right;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 16px;
	font-size: 9px;
	color: #666;
	padding-bottom: 40px;
}

#features a:link, #features a:visited, #features a:active {
	text-decoration:underline;
	color:#FF3300;
	font-size: 10px;
}

#features a:hover {
	text-decoration:none;
	color: #FF9900;
}

/* content div on interior pages *********************************************************************/

#contentInt {
	float: left;
	width: 370px;
	padding-left:30px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:40px;
}

#contentInt p {
	line-height:16px;
}

#contentInt a {
	color: #000;
	text-decoration: underline;
}

#contentInt a:hover {
	text-decoration: none;
	color: #999;
}

#contentInt li {
	background: url(../images/bullet.gif) no-repeat 3px 3px;
	padding-bottom: 10px;
	padding-left: 16px;	
}

/* sub navigation on interior pages *********************************************************************/

#subNav {
	width:150px;
	padding-left:20px;
	padding-right:20px;
	float: left;
	padding-top: 30px;
	text-align: right;
}

#subNav a {
	text-decoration:none;
	display:block;
	width:140px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	border-bottom: solid 1px #e0e0e0;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}

#subNav a:hover {
	color: #dd0000;
	background-color: #f4f4f4;
}

/* footer *********************************************************************/

#footer, #footerInt {
	clear: both;
	height: 20px;
	border-top: solid 1px #dbdbdb;
	padding-top: 6px;
	font-size: 10px;
	color: #999999;
	margin-top: 30px;
	text-align:right;
}

#footerInt {
	padding-left:-10px;
}

/* questions for FAQ sections *********************************************************************/

.q {
	font-style: italic;
	color: #D50000;
}

/* line break *********************************************************************/

.br {
	padding: 0;
	width: 70%;
	margin: 10px;
	border-top: 1px dotted #ccc;
}

/* logo on home page *********************************************************************/

#coa {
	background: url(../images/logo_coa.jpg) no-repeat;
	height: 80px;
	width: 219px;
	text-indent: -1000em;
	margin-left:22px;
	margin-top:-70px;
	float:left;
	padding:0;
}

#vanCity h1 {
	width:176px;
	height:56px;
	text-indent:-9999px;
	font-size:1px;
	color:#fff;
	background: url(../images/promo_vancity.gif) no-repeat 0px 0px;
}

/* sitemap *********************************************************************/

#map1 {
	margin-top:10px;
	float:left;
	width:180px;
	border-right:dotted 1px #ccc;
}

#map1 li {
	background-image:none;
	margin-left:-16px;
}

#map2 {
	margin-top:10px;
	float:right;
	width:170px;
	margin-left:10px;
}

#map2 li {
	background-image:none;
	margin-left:-16px;
}

/* kidstart video page *********************************************************************/

#videos li {
	background-image:none;
	background:none;
	margin-left:0;
	padding-left:0;
	padding-bottom:6px;
}