/* CSS Document */







/* Volunteering page */

.volunteeringcontent {

	font-family: Arial;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}

.volunteeringheader {

	font-family: Arial;

	font-size: 20px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.volunteeringcontentbold {

	font-family: Arial;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.volunteeringsubheader {

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



/* links page */

#spotlight{

filter:light

}

.linkscontent {

	font-family: Arial;

	font-size: 12px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}

.linkscontentbold {

	font-family: Arial;

	font-size: 12px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



.linksheader {

	font-family: Arial;

	font-size: 20px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.linkssubheader {

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}











#Layer1 {

	position:absolute;

	left:30px;

	top:15px;

	width:0px;

	height:11px;

	z-index:1;

}



/* Drop-ins page*/

.dropinsheader {

	font-family: Arial;

	font-size: 20px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.dropinscontent {

	font-family: Arial;

	font-size: 13px;

	font-style: normal;

	line-height: 15pt;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}

.dropinssubheader {

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.dropinscontentbold {

	font-family: Arial;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



#logospace {

	position:absolute;

	left:19px;

	top:1px;

	width:278px;

	height:108px;

	z-index:2;

}





#header {

	position:absolute;

	left:19px;

	top:112px;

	width:772px;

	height:150px;

	z-index:3;

}

#home {

	position:absolute;

	left:19px;

	top:265px;

	width:167px;

	height:25px;

	z-index:4;

	background-color: #0099FF;

}

#panelcolor {

	position:absolute;

	left:19px;

	top:293px;

	width:10px;

	height:25px;

	z-index:5;

	background-color: #339933;

}

#nav1 {

	position:absolute;

	left:31px;

	top:293px;

	width:155px;

	height:25px;

	z-index:6;

}

#panelcolor2 {

	position:absolute;

	left:19px;

	top:320px;

	width:10px;

	height:25px;

	z-index:7;

	background-color: #66CC33;

}

#nav2 {

	position:absolute;

	left:31px;

	top:320px;

	width:155px;

	height:25px;

	z-index:8;

}

#panelcolor3 {

	position:absolute;

	left:19px;

	top:347px;

	width:10px;

	height:25px;

	z-index:9;

	background-color: #FFCC00;

}

#nav3 {

	position:absolute;

	left:31px;

	top:347px;

	width:155px;

	height:25px;

	z-index:10;

}

#panelcolor4 {

	position:absolute;

	left:19px;

	top:374px;

	width:10px;

	height:25px;

	z-index:11;

	background-color: #FFCC33;

}

#Layer3 {

	position:absolute;

	left:31px;

	top:374px;

	width:155px;

	height:25px;

	z-index:12;

}

#panelcolor5 {

	position:absolute;

	left:19px;

	top:401px;

	width:10px;

	height:25px;

	z-index:13;

	background-color: #CC3333;

}

#nav5 {

	position:absolute;

	left:31px;

	top:401px;

	width:155px;

	height:25px;

	z-index:14;

}

#panelcolor6 {

	position:absolute;

	left:19px;

	top:428px;

	width:10px;

	height:25px;

	z-index:15;

	background-color: #003399;

}

#nav6 {

	position:absolute;

	left:31px;

	top:428px;

	width:155px;

	height:25px;

	z-index:16;

}

#panelcolor7 {

	position:absolute;

	left:19px;

	top:455px;

	width:10px;

	height:25px;

	z-index:17;

	background-color: #0099FF;

}

#nav7 {

	position:absolute;

	left:31px;

	top:455px;

	width:155px;

	height:25px;

	z-index:18;

}

#crisis {

	position:absolute;

	left:19px;

	top:483px;

	width:167px;

	height:77px;

	z-index:19;

}

#contactus {

	position:absolute;

	left:19px;

	top:562px;

	width:167px;

	height:25px;

	z-index:20;

	background-color: #0099FF;

}

#addressbox {

	position:absolute;

	left:19px;

	top:590px;

	width:167px;

	height:177px;

	z-index:21;

	background-color: #99CCFF;

}

#welcomenav {

	position:absolute;

	left:192px;

	top:265px;

	width:430px;

	height:25px;

	z-index:22;

	background-color: #0099FF;

}

#Layer4 {

	position:absolute;

	left:192px;

	top:295px;

	width:430px;

	height:470px;

	z-index:23;

}

#newsnav {

	position:absolute;

	left:626px;

	top:265px;

	width:165px;

	height:25px;

	z-index:24;

	background-color: #0099FF;

}

#news {

	position:absolute;

	left:626px;

	top:293px;

	width:165px;

	height:241px;

	z-index:25;

	background-color: #99CCFF;

}

#links {

	position:absolute;

	left:626px;

	top:537px;

	width:165px;

	height:229px;

	z-index:26;

	background-color: #0099FF;

}

#Layer2 {

	position:absolute;

	left:675px;

	top:24px;

	width:108px;

	height:78px;

	z-index:27;

}

#slogan {

	position:absolute;

	left:302px;

	top:1px;

	width:367px;

	height:auto;

	z-index:28;

}

#footer {

	position:absolute;

	left:19px;

	top:771px;

	width:772px;

	height:25px;

	z-index:29;

	background-color: #0099FF;

}

body {

	background-repeat: no-repeat;

}

.header {

	font-family: Arial;

	font-size: 18px;

	font-style: normal;

	font-weight: bold;

	color: #003399;

	text-decoration: none;

}

.subheader {

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	color: #00CCFF;

	text-decoration: none;

}

.content {

	font-family: Arial;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}

a:link {

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	font-weight: normal;

	color: #003399;

	text-decoration: none;

}

a:hover {

	font-family: Arial;

	font-size: 14px;

	font-style: italic;

	font-weight: normal;

	color: #003399;

	text-decoration: blink;

	line-height: normal;

}

#slogan {

	position:absolute;

	left:302px;

	top:0px;

	width:367px;

	height:108px;

	z-index:28;

}

h1,h2,h3,h4,h5,h6 {

	font-family: Arial;

}

h1 {

	font-size: 24px;

	color: #003399;

}

h2 {

	font-size: 16px;

	color: #0099FF;

}

h3 {

	font-size: 16px;

	color: #FFFFFF;

}

.style10 {font-size: 12px;

	font-weight: bold;

	color: #333333;

}

.style11 {font-size: 14px;

	font-weight: bold;

}



/* Advice Team page */

.adviceheader {

	font-family: Arial;

	font-size: 20px;

	font-style: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.advicesubheader {

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



.advicecontent {

	font-family: Arial;

	font-size: 16px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	line-height: normal;

}







.advicecontentbold {

	font-family: Arial;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



.style9 {font-size: 14px;

	font-weight: bold;

	color: #000000;

}





.style1 {

	color: #FFFFFF;

	font-weight: bold;

}

/* Counselling page */

.counsellingheader {

	font-family: Arial;

	font-size: 20px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.counsellingsubheader {

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.counsellingcontentbold {

	font-family: Arial;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.counsellingcontent {

	font-family: Arial;

	font-size: 13px;

	font-style: normal;

	line-height: 15pt;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}



/* Index page */

.indexcontentbold {

	font-family: Arial;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.indexsubheader {

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.indexheader {

	font-family: Arial;

	font-size: 20px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.indexcontent {

	font-family: Arial;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}



/* About Us Page */

.aboutussubheader {

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}

.aboutuscontent {

	font-family: Arial;

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	color: #000000;

	text-decoration: none;

}

.aboutusheader {

	font-family: Arial;

	font-size: 20px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}