body {
background: #ffffff;
behavior: url(csshover.htc);
}

img {
border: none;
}

.clearcols
{
	clear:both; 
	height:0px;
}


table {
float: left;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#636466;
padding: 5px; 
}

h1 {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
margin-top: 35px;
margin-bottom: 0px;
color:#0078c1;
}

h2 {
float: left;
width: 600px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin-top: 15px;
margin-bottom: 7px;
color:#0078c1;
}

h3 {
float: left;
width: 200px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin-top: 15px;
margin-bottom: 7px;
color:#0078c1;
}

h4 {
float: left;
width: 600px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin-top: 10px;
margin-bottom: 0px;
color:#0078c1;
}

h5 {
float: left;
width: 440px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin-top: 5px;
margin-bottom: 5px;
color:#0078c1;
}

p {
width: 600px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
word-spacing: 3px;
color:#636466;
}

.clearcols
{
clear:both; 
height:0px;
}


#body {
	width:975px;
	height:554px;
	font-size: 12px;
	margin:0px auto;
	background: #ffffff;
}

#main_head {
display: block;
width: 624px;
padding-left: 30px;
margin:0px;

}

#main_head2 {
display: block;
width: 670px;
padding-left: 30px;
margin:0px;
}

#main_head3 {
display: block;
width: 624px;
padding-left: 30px;
margin:0px;

}


#main_txt {
width: 604px;
display: block;
padding-left: 50px;
padding-top: 7px;
margin:0px;

}

#main_txt2 {
width: 630px;
display: block;
padding-left: 50px;
padding-top: 7px;
margin:0px;

}



#main_txt a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
word-spacing: 3px;
margin-top: 5px;
color:#0078c1;
}

#main_txt a:hover {
text-decoration: underline;
color:#a7d59d;
}

#main_txt li {
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
word-spacing: 3px;
margin-bottom: 10px;
color:#636466;
}

#main_txt2 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
word-spacing: 3px;
margin-top: 5px;
color:#0078c1;
}

#main_txt2 a:hover {
text-decoration: underline;
color:#a7d59d;
}

#main_txt3 {
width: 604px;
display: block;
padding-left: 50px;
padding-top: 7px;
margin:0px;
}

#main_txt3 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
word-spacing: 3px;
margin-top: 5px;
color:#0078c1;
}

#main_txt3 a:hover {
text-decoration: underline;
color:#a7d59d;
}

.indent {
width: 500px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
word-spacing: 3px;
margin-left: 25px;
color:#0078c1;
}

.line {
float: left;
font-size: 1px;
height: 1px;
    width:475px;
    background:url(images/line.gif) repeat left bottom; 
	margin-top: 58px;
	margin-bottom: 0px;
   }
   
.lines {
float: left;
	margin-top: 58px;
	margin-bottom: 0px;
   }
   
.lines img {
float: left;
	margin-bottom: 0px;
   }
   
#bottom_line {
display: block;
font-size: 1px;
height: 1px;
width:685px;
background:url(images/line.gif) repeat left bottom; 
margin-top: 30px;
margin-left: 5px;
margin-bottom: 0px;
   }
   
   #staffbottom_line {
display: block;
font-size: 1px;
height: 1px;
width:685px;
background:url(images/line.gif) repeat left bottom; 
margin-top: 0px;
margin-left: 5px;
margin-bottom: 0px;
   }

#top_left {
float: left;
display: block;
	width:588px;
	height:115px;
	padding:0px;
margin:0px;
background:url(images/1.jpg) no-repeat left top;
}

#top_left a {
background:url(images/1.jpg) no-repeat left top;
display: block;
	width:588px;
	height:115px;
}


#top_right {
float: left;
display: block;
	width:380px;
	height:115px;
	background:url(images/2.gif) no-repeat right top;
}

#blue_line {
float: left;
display: block;
font-size: 9px;
	width:975px;
	height:9px;
	margin:0px;
	padding: 0px;
	background: #0078c1;
}


#left_col {
float: left;
display: block;
	width:709px;
	text-align: left;
	background: #ffffff;
}

#image {
float: left;

	width:709px;
	height:199px;
}


#content {
float: left;
display: block;
	width:576px;
}

#right_col {
float: left;
	width:255px;
	height: 525px;
	margin-left: 10px;
	background: #f0f5fb;
}



#right_coll {
float: left;
	width:255px;
	min-height: 400px;
	margin-left: 10px;
	background: #ffffff;
}

#right_col_top {
float: left;
	width:255px;
	height:33px;
	background:url(images/right_col_header.jpg) no-repeat left top; 
}

#right_coll_top {
float: left;
	width:255px;
	height:33px;
	background:url(images/right_col_conten_header.jpg) no-repeat left top; 
}

#right_col_top h1 {
float: left;
	font:13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0078c1;
	margin: 0px;
	letter-spacing:0.05em;
	padding-left: 20px;
	padding-top: 8px;
}

#right_col_top h1 a {
	color: #0078c1;
	text-decoration:none;
}

#right_col_top h1 a:hover {
	color: #0078c1;
	text-decoration:underline;
}

#right_col_bot {
float: left;
	width:204px;
	
}

#right_col_bot a.more {
float: right;
	font:10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0078c1;
	padding: 0 0 0 20px;
	margin: 0px;
	text-decoration: underline;
	
}

#right_col_bot img {
float: left;
padding: 25px;
}

#right_coll_bot {
float: left;
padding-left: 20px;
padding-top: 15px;
margin: 0px;
	width:204px;
}

#right_coll_footer {
float: left;
	width:255px;
	height: 33px;
	margin: 0px;
	padding: 0px;
	background:url(images/right_col_conten_header.jpg) no-repeat left top; 
}

#staff_footer {
float: left;
	width:255px;
	height: 1px;
	margin: 0px;
	padding: 0px;
	background:#ffffff; 
}


#staff_col {
float: left;
	width:255px;
	height: 500px;
	margin-left: 10px;
	background: #f0f5fb;
}

.arrow {
margin: 0;
padding: 0 0 0 20px;
}

.arrow p {
float: left;
width: 225px;
height: 40px;
font:11px Arial, Helvetica, sans-serif;
background: url(images/bullet.gif) no-repeat center left;
padding: 0px;
margin-bottom: 10px;
margin-top: 0px;
}

.arrow p a {
float: left;
font:13px Arial, Helvetica, sans-serif;
letter-spacing:0.04em;
color: #0078c1;
font-weight: bold;
text-decoration:none;
padding-top: 12px;
padding-left: 15px;
}

.arrow p a:hover {
color: #0078c1;
text-decoration:underline;
}

.line_container {
margin-left: 10px;
}

.line_white {
float: left;
font-size: 1px;
height: 1px;
width:235px;
background:url(images/white_line.gif) repeat left center; 
	}

#donate {
float: left;
width: 255px;
text-align: center;
background: #f0f5fb;
padding: 0 0 25px;
}

#donate img {
border: none;
padding-top: 15px;
}

#giving {
width: 255px;
text-align: center;
background: #ffffff;
}

#giving img {
border: none;
padding-top: 50px;
}

#giving1 {
width: 255px;
text-align: center;
background: #ffffff;
z-index: 1;
}

#giving1 img {
border: none;
padding-top: 0px;
}

#footer {
display: block;
background: #ffffff;
}

#line_left {
float: left;
display: block;
	width:709px;
	height:27px;
}

#line_right {
float: left;
display: block;
	width:255px;
	height:27px;
	margin-left: 10px;
}

#staffline_left {
float: left;
display: block;
	width:709px;
	height:1px;
}

#staffline_right {
float: left;
display: block;
	width:255px;
	height:1px;
	margin-left: 10px;
}

#bottom_left {
float: left;
display: block;
	width:709px;
	height:27px;
	background: #ffffff;
}

#bottom_right {
float: left;
display: block;
	width:255px;
	height:27px;
	background: #ffffff;
}

#botmenu{
	width:700px;
	height:20px;
	float:left;
	margin:0px;
	padding: 0px;
	background: #ffffff;
}
	
	
#botmenu ul
{
	margin: 0 auto;
	padding-left: 12px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #ffffff;
}

#botmenu li
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	display: inline;
	color:#0078c1;
	list-style-type: none;
}

#botmenu li.spacer
{
display: inline;
font:11px Arial, Helvetica, sans-serif; color:#ffffff;
font-weight: bold;
	color: #bcbec0;
	padding-left: 8px;
	padding-right: 6px;
	}

#botmenu li a
{
	font:11px Arial, Helvetica, sans-serif; color:#ffffff;
	font-weight: bold;
	text-align : center;
	color:#0078c1;
	text-decoration : none;

}

#botmenu li a:hover
{
	color : #a7d59d;
	text-decoration : underline;
}

.copyright {
width: 255px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
word-spacing: 1px;
color:#0078c1;
margin-left: 10px;
margin-top: 0px;
padding-top: 17px;
font-size: 8pt;
voice-family:"\"}\"";
voice-family:inherit;
font-size: 8pt;
background: #ffffff;
}
/*end*/
/*\*/
html*.copyright {
[font-size: 8pt;
font-size: 7pt;
]font-size: 8pt;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html .copyright {
font-size: 8pt;
}
/*end*/

.quote {
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: italic;
font-size: 14pt;
text-align: right;
line-height: 18pt;
margin-top: 0px;
padding-top: 10px;
word-spacing: 1px;
padding-right: 20px;
color:#0078c1;
}

.quote_pic {
width: 225px;
text-align: right;
margin: 0px;
padding-bottom: 105px;
}

.spacer {
display: block;
height: 130px;
}

.sites {
margin: 0px;
padding-bottom: 20px;
width: 225px;
float: left;
display: block;
}



.l_col {
margin-left:20px;
margin-top: 10px;
margin-bottom: 0px;
float: left;
width: 225px;
}


.r_col {
margin-left:30px;
margin-top: 10px;
margin-bottom: 0px;
float: left;
width: 250px;
}

.dayhrs
{
width: 400px;
color:#0078c1;
font-size: 16px;
font-weight: bold;
margin-top: 15px;
float: left;
}

.dayhrs
{
width: 400px;
color:#0078c1;
font-size: 16px;
font-weight: bold;
margin-top: 15px;
float: left;
}

#sutherland
{
width: 200px;
color:#0078c1;
font-size: 16px;
font-weight: bold;
margin-top: 15px;
float: left;
}

#sutherland a
{
font-size: 16px;

}

.t_left {
float: left;
margin-top: 0px;
margin-bottom: 5px;
width: 160px;
}

.t_right {
float: left;
margin-top: 0px;
margin-bottom: 5px;
width: 425px;
}

.senior_left {
float: left;
margin-top: 8px;
margin-bottom: 8px;
width: 180px;
height: 55px;
}

.senior_right {
float: left;
margin-top: 8px;
margin-bottom: 8px;
width: 420px;
height: 55px;
}

.employee {
width: 600px;
display: block;
float: left;
margin-top: 8px;
margin-bottom: 8px;
}

.name {
float: left;
width: 180px;
margin: 0px;
padding: 0px;
}

.name_w {
float: left;
width: 600px;
margin-bottom: 0px;
padding: 0px;
}

.phone {
float: left;
width: 180px;
margin: 0px;
padding: 0px;
}

.email {
float: left;
width: 240px;
margin: 0px;
padding: 0px;
}

#partners ul
{
list-style-type: none;
margin-top: 0px;
padding: 0px;
}

#partners li
{
list-style-type: none;
text-indent: 0px;
margin-left: -40px;
margin-top: 0px;
margin-bottom: 10px;
}

.staff
{
float: left;
width: 660px;
margin-top: 20px;
}

.staff_left {
width: 500px;
margin-top: 0px;
float: left;
}

.staff_right {
width: 150px;
margin-left: 10px;
margin-top: 10px;
float: left;
}

.staff p
{
float: left;
width: 475px;
}

.staff img
{
width: 150px;
vertical-align: top;

}

.contact {
width: 350px;
float: left;
margin-top: 10px;
margin-left: 20px;
}

.contact p {
width: 350px;
text-align: right;
}

.comment {
text-align: right;
font-size: 12px;
}

.group {
float: left;
display: block;
column-span: all;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
color:#0078c1;
}

#north_shore {
float: left;
margin-top: 20px;
margin-bottom: 0px;
}

#top a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
color:#0078c1;
}


#top a:hover {
color:#636466;
}

#table_left {
float: left;
width: 220px;
margin: 0px;
padding: 0px;
}

#table_left p {
width: 220px;
}


#table_center {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

#table_center p {
width: 200px;
}

#table_right {
float: left;
width: 180px;
margin: 0px;
padding: 0px;
}

#table_right p {
width: 180px;
}

#goals li {
color:#636466;
} 

.employee_left {
float: left;
margin-top: 8px;
margin-bottom: 8px;
width: 200px;
height: 55px;
}

.employee_right {
float: left;
margin-top: 8px;
margin-bottom: 8px;
width: 400px;
height: 55px;
}

.apply {
width: 600px;
float: left;
margin-top: 10px;
margin-left: 10px;
}

.apply p {
width: 600px;
text-align: left;
}

.app_left {
float: left;
width: 220px;
height: 120px;
margin-top: 0px;
margin-bottom: 0px;
}

.app_left p {
width: 220px;
margin: 0px;

}

.app_right {
float: left;
width: 380px;
height: 120px;
margin-top: 0px;
margin-bottom: 0px;
}

.app_right p {
width: 380px;
margin: 0px;
}

.app_left2 {
float: left;
width: 220px;
height: 80px;
margin-top: 0px;
margin-bottom: 0px;
}

.app_left2 p {
width: 220px;
margin: 0px;

}

.app_right2 {
float: left;
width: 380px;
height: 80px;
margin-top: 0px;
margin-bottom: 0px;
}

.app_right2 p {
width: 380px;
margin: 0px;
}

.youth_left {
float: left;
margin-top: 8px;
margin-bottom: 8px;
width: 180px;
height: 75px;
}

.youth_right {
float: left;
margin-top: 8px;
margin-bottom: 8px;
width: 420px;
height: 75px;
}

.youth_left2 {
float: left;
margin-top: 8px;
margin-bottom: 8px;
width: 180px;
height: 90px;
}

.youth_right2 {
float: left;
margin-top: 8px;
margin-bottom: 8px;
width: 420px;
height: 90px;
}

.centre {
text-align: center;
}

.donate-now {
padding-left: 50px;
}