body
{
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	color:#000000;
	font-size: 1em;
	line-height: 1.1em;
	margin: 0px;
	text-align:center;
}

#shell
{
	width: 980px;
	margin: 1em auto auto auto;
	padding: 0em;
	display: table;
	font-size: 80%;
	text-align:center;
}

#header
{
	background:url(images/background_hdr.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 245px;
	padding-top: 10px;
	padding-left:3px;
	margin: 0 0 0 0;
	border-left: 2px solid #E0E0E0;
}

#bannerpic
{
	background:url(images/main-image2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#bannerpic2
{
	background:url(images/main-image_aboutus.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#bannerpic3
{
	background:url(images/main-image_volunteer.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#bannerpic4
{
	background:url(images/main-image_news.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#bannerpic5
{
	background:url(images/main-image_needsupport.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#bannerpic6
{
	background:url(images/main-image_support.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#bannerpic7
{
	background:url(images/main-image_support2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#bannerpic8
{
	background:url(images/main-image1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#bannerpic9
{
	background:url(images/main-image3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#bannerpic10
{
	background:url(images/main-image4.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5em 0 0 30em;
	height:142px;
	float:left;
	width:33%;
}

#logo
{
	float:left;
	margin-left:3%;
	width:17%;
	text-align:center;
}

#locallogo
{
	float:left;
	width:16%;
	height:auto;
	text-align:center;
	font-weight:100;
	margin-top: 22px;
	margin-left:3.5%;
	padding-top:.2em;
	padding-bottom:.2em;
	border-top:solid 1px #E05206;
	border-bottom:solid 1px #E05206;
	text-align:left;
}

#phone
{
	float:left;
	text-align:left;
	padding-left:1em;
	width:97.2%;
	height:30px;
	border-bottom:solid 4px #E05206;
}

#phone p
{
	font-size:170%;
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
	font-weight:800;
	color:#E05206;
	margin:0em;
	
}
#phone p span
{
	font-weight:400;
	font-size:90%;
}

#content
{
	
	background-image: url(images/background_con.jpg);
	background-position: top right;
	background-repeat: repeat-y;
	width: 962px;
	height: auto;
	padding: 0px 15px 0 3px;
	margin: 0 auto;
	overflow:hidden;
	border-left: 2px solid #E0E0E0;
	
}

#leftcontent
{
	float:left;
	width:20%;
	margin:0 auto;
	padding:1em 1% 2em 0%;
	text-align:left;
}

#centrecontent
{
	float:left;
	width:43%;
	margin:0 auto;
	padding:1em 2% 2em 2%;
	text-align:left;
}
#rightcontent
{
	float:left;
	width:27%;
	margin:0 auto;
	padding:1em 0 2em 2%;
	text-align:center;
}
#pagetitle
{
	float:left;
	width:100%;
}

#stripes
{
	float:left;
	width:100%;
	border-bottom:solid 5px #E05206;
	border-top:solid 5px #E05206;
	padding-top:1.5em;
	padding-bottom:1.5em;
	margin-bottom:1.5em;
}

#stripes p
{
	color:#4C2077;
	font-size:130%;
}

.orangebox
{
	float:left;
	color:#FFFFFF;
	text-align:left;
	width:80%;
	height:310px;
	background:url(images/orangeblock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:2em 10% 0 10%;
}

.orangebox h3
{
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
	font-weight:400;
	color:#FFFFFF;
}
.orangebox p
{
	color:#FFFFFF;
}

.orangebox a
{
	color:#FFFFFF;
}

.purplebox
{
	float:left;
	color:#FFFFFF;
	text-align:left;
	width:80%;
	height:300px;
	background:url(images/purpleblock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:2em 10% 0 10%;
}

.purplebox h3
{
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
	font-weight:400;
	color:#FFFFFF;
}
.purplebox p
{
	color:#FFFFFF;
}

.purplebox a
{
	color:#FFFFFF;
}

.greenbox
{
	float:left;
	color:#FFFFFF;
	text-align:left;
	width:80%;
	height:300px;
	background:url(images/greenblock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:2em 10% 0 10%;
}

.greenbox h3
{
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
	font-weight:400;
	color:#FFFFFF;
}
.greenbox p
{
	color:#FFFFFF;
}

.greenbox a
{
	color:#FFFFFF;
}

.raspbox
{
	float:left;
	color:#FFFFFF;
	text-align:left;
	width:80%;
	height:300px;
	background:url(images/raspblock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:2em 10% 0 10%;
}

.raspbox h3
{
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
	font-weight:400;
	color:#FFFFFF;
}
.raspbox p
{
	color:#FFFFFF;
}

.raspbox a
{
	color:#FFFFFF;
}
.redbox
{
	float:left;
	color:#FFFFFF;
	text-align:left;
	width:80%;
	height:300px;
	background:url(images/redblock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:2em 10% 0 10%;
}

.redbox h3
{
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
	font-weight:400;
	color:#FFFFFF;
}

.redbox p
{
	color:#FFFFFF;
}

.redbox a
{
	color:#FFFFFF;
}
.bluebox
{
	float:left;
	color:#FFFFFF;
	text-align:left;
	width:80%;
	height:300px;
	background:url(images/blueblock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:2em 10% 0 10%;
}

.bluebox h3
{
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
	font-weight:400;
	color:#FFFFFF;
}

.bluebox p
{
	color:#FFFFFF;
}

.bluebox a
{
	color:#FFFFFF;
}

.greybox
{
	float:left;
	color:#FFFFFF;
	text-align:left;
	width:80%;
	height:300px;
	background:url(images/greyblock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:2em 10% 0 10%;
}

.greybox h3
{
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
	font-weight:400;
	color:#FFFFFF;
}

.greybox p
{
	color:#FFFFFF;
}

.greybox a
{
	color:#FFFFFF;
}

.goldbox
{
	float:left;
	color:#FFFFFF;
	text-align:left;
	width:80%;
	height:250px;
	background:url(images/goldblock.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:2em 10% 0 10%;
}

.goldbox h3
{
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
	font-weight:400;
	color:#FFFFFF;
}

.goldbox p
{
	color:#FFFFFF;
}

.goldbox a
{
	color:#FFFFFF;
}

.redstaff
{
	float:left;
	color:#FFFFFF;
	text-align:left;
	width:40%;
	height:260px;
	background-position: top left;
	background-repeat: no-repeat;
	padding:0 3% 0 3%;
	margin:0 1% 0.3em 1%;
}
.redstaff p
{
	color:#000000;
	font-size:90%;
}


#footer
{
	clear:both;
	float:left;
	width: 98%;
	height: 90px;
	padding:.5em 1% 1em 1%;
	text-align:left;
	margin: 0 auto;
	overflow:hidden;
	border-top:solid 4px #E05206;
}

#footer p
{
	color:#E05206;
	font-size:110%;
	font-weight:800;
	background:#FFFFFF;
}

#footer p span
{
	font-size:90%;
	font-weight:400;
}


#footer a
{
	color:#E05206;
	background:#FFFFFF;
}

#footer a.selected
{
	color:#4F2D7F;
	background:#FFFFFF;
}

#footerleft
{
	float:left;
	width:45%
}
#footermid
{
	float:left;
	width:35%
}
#footerright
{
	float:left;
	width:20%;
	text-align:right;
	
}
/**************/
h1
{
	font-size:100%;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	color:#E05206;
	line-height:1.1em;
	margin-bottom:0;
	margin-top:0;
}

h2
{
	font-size:160%;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	color:#4F2D7F;
	margin-top:0.5em;
}

h3
{
	font-size:140%;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	color:#E05206;
	margin-top:0.5em;
	clear:both;
}

h4
{
	font-size:110%;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	color:#E05206;
	margin-top:0.5em;
}

p
{
	font-size:110%;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	color:#000000;
}

p.c
{
	text-align:center;
}

p span
{
	font-weight:800;
}

ul
{
	clear:both;
	font-size:110%;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	color:#000000;	
}

ul span
{
	color:#E05206;
	font-weight:800;
}

ul a
{
	color:#E05206;
	text-decoration:underline;
}
/*********mainmenu****************/
#mainnav
{
	width: 95%;
	float: left;
	margin: 20px 0 10px 0;
	padding: 0em;
}
#mainnav ul
{
	margin: 0 0 0 1.7em;
	padding: 0;
	width: 100%;
}

#mainnav ul li
{
	list-style: none;
	background-image: url(images/orangeline.bmp);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 1em;
	padding-top: .5em;
}

#mainnav ul a
{
	color: #E05206;
	text-decoration: none;
	font-size: 110%;
	font-weight: 800;
	padding-left: 1.4em;
	background-image: url(images/chevron.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
}

#mainnav ul a:hover
{
	color: #4F2D7F;
	text-decoration: none;
	font-size: 110%;
	font-weight: 800;
	padding-left: 1.4em;
	background-image: url(images/chevron.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
}

#mainnav ul a:active
{
	color: #4F2D7F;
	text-decoration: none;
	font-size: 110%;
	font-weight: 800;
	padding-left: 1.4em;
	background-image: url(images/chevron.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
}

#mainnav ul a.selected
{
	color: #4F2D7F;
	text-decoration: none;
	font-size: 110%;
	font-weight: 800;
	padding-left: 1.4em;
	background-image: url(images/chevron.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
}
/***************Remove border from linked images***********************/
a:link img 
{
  	border: none;
}

a:hover img 
{	
  	border: none;
}

a:active img
{	
  	border: none;
}

a:visited img
{
  	border: none;
}
/************Blockquote**************************************/
blockquote
{
	margin: 0 0;
	float:left;
	background:url(images/quote-top.gif) 2px 2px no-repeat;
	width:80%;
	padding: 2em 10% 2em 10%;
	text-align:left;
}

blockquote p
{
	color:#1A0C30;
	font-weight:600;
	margin-bottom:0;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
}

blockquote p.source
{
	background:url(images/quote-bottom.gif) no-repeat 100% 100%;
	padding-bottom: 10px;
	margin: 0 5px 5px 0;
	text-align: left;
	font-style: italic;
	line-height:1.7em;
	font-family:"Comic Sans MS", "Comic Sans MS", cursive;
}