* { outline: none; }
input::-moz-focus-inner { border: 0; }
.clear { clear: both; }
a img { border: none; }
p { padding: 9px 0px; margin: 0px; }
hr { color: #c1c1c1; background-color: #c1c1c1; height: 1px; border: none; }
.hidden { display: none; }
.textright { text-align: right; }
.textleft { text-align: left; }
.textcenter { text-align: center; }

a { color: #515799; text-decoration: none; }
a:hover { text-decoration: underline; color: #333333; }



#adminbar {
	padding: 5px 10px;
	background: #1973b0 url(../admin_images/adminbar.png) top repeat-x;
	border: 1px solid #004c80;
}
#adminbar form {
	padding: 0px;
	margin: 0px;
}
#editbutton {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 40px;
	width: 220px;
	border: none;
	background: url(../admin_images/edit.png) top;
	cursor: pointer;
	text-indent: -3333px;
	overflow: hidden;
}
#editbutton:hover {
	background: url(../admin_images/edit.png) bottom;
}
#viewmediaform {
	display: block;
	float: right;
}
#viewmedia {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: block;
	height: 40px;
	width: 220px;
	border: none;
	background: url(../admin_images/viewmedia.png) top;
	cursor: pointer;
	text-indent: -3333px;
	overflow: hidden;
}
#viewmedia:hover {
	background: url(../admin_images/viewmedia.png) bottom;
}



h1, h2, h3, h4, h5, h6 {
	display: block;
	margin: 0px;
	padding: 9px 0px;
	font-weight: bold;
	color: #515799;
	font-size: 36px;
	line-height: 36px;
}

h3, h4, h5, h6 {
	font-size: 24px;
	line-height: 28px;
	color: #333333;
}

#logo {
	display: block;
	position: relative;
	top: 29px;
	float: left;
	width: 380px;
	height: 186px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -3333px;
	overflow: hidden;
	z-index: 1;
}

#logo a {
	display: block;
	width: 355px;
	height: 155px;
}



body {
margin: 0px;
padding: 0px;
background: url(../images/bannerbg.jpg) top center repeat-x;
font-family: Trebuchet MS, Arial, sans serif;
font-size: 14px;
line-height: 18px;
color: #333333;
z-index: 1;
}


#wrapper {
width: 940px;
margin: 0px auto;
}

#banner_div {
position: relative;
height: 216px;
width: 940px;
margin: 0 auto;
z-index: 100;
}

.outer_banner {
	width: 100%;
	z-index: 50;

}

.admin {
width: 940px;
margin: 0 auto;
}

.outer_admin {
	width: 100%;
}

.maincallout {
margin: 0px auto;
position: relative;
width: 934px;
height: 257px;
border: 3px solid #515799;
}

.maincalloutblack {
	position: absolute;
	width: 536px;
	left: 0px;
	padding: 10px 20px;
	bottom:0px;
background: url(../images/blackbg.png) top center ;
z-index: 3;
}

.maincalloutblack h2 {
color: #f6e7c2;
}

.maincalloutblack p {
color: #ffffff;
font-size: 16px;
line-height: 21px;
}

.maincalloutcaption {
position: absolute;
font-size: 36px;
width:510px;
left: 260px;
top:430px;
color: #f6e7c2;
z-index: 4;
}

.maincallouttext {
position: absolute;
font-size: 16px;
width:510px;
left: 260px;
top:460px;
color: #ffffff;
z-index: 5;
}

.outer_home {
	width: 100%;
	height: 264px;
	background: url(../images/Calloutbg.png) repeat-x;
}



.minicalloutcontainer {
width: 940px;
height: 150px;
margin: 0 auto;
}

.minicallout {
width: 138px;
float:left;
min-height: 70px;
text-align: center;
margin-right: 22px;
}

#lastminicallout {
	margin:0px;
}
.minicallout img {
	border: 1px solid #515799;
}

.minicallout a {
text-align: center;
font-size: 16px;
font-weight: bold;
font-family: Trebuchet MS, arial;
color: #515799;
}



#uppernav {
	font-size: 16px;
	float: right;
	line-height: 16px;
	margin-top:28px;
	color: #323444;
	
}

#uppernav h2 {
	font-size: 16px;
	line-height: 16px;
	color: #515799;
	font-style: italic;
}




#fb {
position: absolute;
float:right;
width: 20px;
margin-left: 6px;
margin-top: 0px;
height: 20px;
}



#twitter {
position: absolute;
float:right;
width: 20px;
margin-left: 31px;
margin-top: 0px;
height: 20px;
}

#rss {
position: absolute;
float:right;
width: 20px;
margin-left: 56px;
margin-top: 0px;
height: 20px;
}
#upperbtns {
	
	padding:0px;
}
.button1 {
float:right;
width: 140px;
height: 36px;
margin-top: 20px;
background: url(../images/eletter_btn.png) no-repeat;
}

.button1:hover {
background: url(../images/eletter_btn_hover.png) no-repeat;
}

.button2 {
float:right;
width: 141px;
height: 36px;
margin-right: 18px;
margin-top: 20px;
background: url(../images/volunteer_btn.png) no-repeat;
}

.button2:hover {
background: url(../images/volunteer_btn_hover.png) no-repeat;
}

.button3 {
float:right;
width: 140px;
height: 36px;
margin-right: 18px;
margin-top: 20px;
background: url(../images/donate_btn.png) no-repeat;
}

.button3:hover {
background: url(../images/donate_btn_hover.png) no-repeat;
}

#photobucket {
	width: 480px;
	margin: 0px auto;
}

#navbar {
width: 550px;
height: 54px;
position: absolute;
top: 162px; 
left: 388px;
z-index: 7;

}

#navbar ul {
	position: absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}


#navbar ul li {
	display: block;
	float: left;
	width: 100px;
	height: 54px;
	line-height: 54px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	background: url(../images/navbutton.png) bottom center no-repeat;
	position: relative;
	text-align: center;
	margin-left: 10px;
}

#navbar ul li.current {
	background: url(../images/navbutton.png) top center no-repeat;
}

#navbar ul li:hover {
	background: url(../images/navbutton.png) top center no-repeat;
}


#navbar ul li ul {
	display: none;
	position: absolute;
	top: 53px;
	left: 0px;
	width: 210px;
	border-bottom: 1px solid #e1cd9a;
	
	
}

#navbar ul li ul li {
	width: auto;
	margin: 0px;
	height: 53px;
	display: block;
	float: none;
	font-size: 13px;
	text-align: left;
	background: #ffffff;
	border-top: 1px solid #e1cd9a;
	border-right: 1px solid #e1cd9a;
	border-left: 1px solid #e1cd9a;
}

#navbar ul li ul li:hover {
	background: #ebebeb;
}

#navbar ul li ul li a {
	padding: 5px 10px;

}

#content_div {
	margin: 0 auto;
	padding: 20px 0px;
	width: 940px;
	z-index: 200;
}

.outer_content{
	width: 100%;
}

.outer_upperfoot {
	height: 158px;
background: #f6e7c2;
width: 100%;

}



#upperfoot {
height: 180px;
width: 940px;
margin: 0 auto;
padding: 0px;
}

.resources {
width: 215px;
float: left;
line-height: 21px;
font-family: Trebuchet MS;
color: #323444;
font-size: 16px;
padding: 10px 10px;
}

.resources:first-child {
float: left;
margin-top: 10px;
margin-right: 18px;
padding: 0px;
}

.resources:last-child {
float: right;
margin-top: 10px;
padding: 0px;
}

.resources h2 {
width: 210px;
line-height: 18px;
font-family: Trebuchet MS;
color: #323444;
font-size: 18px;
}

.resources a {
width: 210px;
line-height: 21px;
font-family: Trebuchet MS;
color: #515799;
font-weight: bold;
font-size: 16px;
}



#footer_div {
border-top: 0px solid #666666;
padding: 20px 0px 30px 0px;
margin: 0 auto;
width: 940px;
}

.outer_footer {
	width: 100%;
}




#sidemenu {
	float: left;

	padding-right: 220px;
	min-height: 200px;
	top: 24px;
	width: 220px;
	margin-right: 20px;
	background: #c9ccdd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 0px;
}


#sidemenu a {
	display: block;
	color: #333333;
	text-decoration: none;
	font-size: 16px;
	padding: 5px 15px;
	margin-bottom: 4px;
	background: #c9ccdd;

}

#sidemenu a.sublink {
	color: #ffffff;
	margin-left: 40px;
	background: #333333;
	border: 0px solid #333333;

}

#sidemenu a:hover {
	color: #333333;
	text-decoration: none;
	background: #9fa3c5;

}

#sidemenu a:current {
	color: #333333;
	text-decoration: none;
	background: #515799;

}

#textsection {
	float: right;
	width: 700px;
}



.text_image {
	float: right;
	margin: 9px 0px 9px 18px;
	text-align: center;
}
.text_image_right {
	float: right;
	margin: 9px 0px 9px 18px;
	text-align: center;
}
.text_image_left {
	float: left;
	margin: 9px 18px 9px 0px;
	text-align: center;
}
.text_image img {
	border: 1px solid #c1c1c1;
}
.text_image_right p {
	border-top: 1px solid #c1c1c1;
	margin-top: 10px;
	text-align: left;
}
.text_image_left p {
	border-top: 1px solid #c1c1c1;
	margin-top: 10px;
	text-align: left;
}
.text_image_right img {
	border: 1px solid #c1c1c1;
}
.text_image_left img {
	border: 1px solid #c1c1c1;
}

.text_image p {
	border-top: 1px solid #c1c1c1;
	margin-top: 10px;
	text-align: left;
}

.textholder {
	padding: 10px 0px;
	margin: 0px;
}

.lefttextimage {
float: left; 
margin-right: 10px; 
border: 1px solid #c1c1c1;
}

.righttextimage {
float: right; 
margin-left: 10px; 
border: 1px solid #c1c1c1;
}



.dmap {
	margin: 9px 0px;
	width: 540px;
	height: 300px;
	border: 1px solid #c1c1c1;
}



.submit_button {
	cursor: pointer;
	display: block;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding: 5px 15px;
	margin-bottom: 4px;
	width: 120px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #c9ccdd;
	background: -moz-linear-gradient(90deg,#9fa3c5,#c9ccdd);
	background: -webkit-gradient(linear, left bottom, left top, from(#9fa3c5), to(#c9ccdd));
	border: 1px solid #9fa3c5;
	
}

.submit_button:hover {
	color: #333333;
	text-decoration: none;
	background: #9fa3c5;
	background: -moz-linear-gradient(90deg,#515799,#9fa3c5);
	background: -webkit-gradient(linear, left bottom, left top, from(#515799), to(#9fa3c5));
	border: 1px solid #515799;
	
}

#contactright {
	float: right;
	width: 460px;
}

#contactleft {
	float: left;
	width: 400px;
	border-right: 1px solid #c1c1c1;
}

.textinput {
	width: 300px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}

.directionstextinput {
	width: 338px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	float: left;
	color: #333333;
}

#directions {
	width: 460px;

}

.contactsubmit {
	float: right;
	width: 108px;
	height: 26px;

}

.textinput-d {
	width: 320px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}


.smallinput {
	width: 35px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}

.phoneinput {
	width: 150px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}
.codeinput {
	width: 75px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	color: #333333;
}

#contactform label {
	display: block;
	font-size: 12px;
	color: #515799;
}

#contactform select {
	color: #333333;
}

#contactform textarea {
	width: 300px;
	height: 100px;
	padding: 3px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	color: #333333;
}

#codetable {
	width: 225px;
}
#codetable .secimagetd {
	width: 125px;
	text-align: center;
}
#codetable .secimagetd img {
	border: 1px solid #c1c1c1;
}

.map {
	margin: 30px 0px;
	width: 460px;
	height: 300px;
	border: 1px solid #c1c1c1;
}



.faq {
	margin: 0px 0px;
}

.faq2 {
	border-bottom: 1px solid #c1c1c1;
	margin: 0px 0px;
}

.faqholder {
	position: relative;
	padding-left: 50px;
}

.faqtitle {
	position: absolute;
	top: 9px;
	left: 20px;
	font-weight: bold;
	color: #999999;
}



.imagetable {
	float: left;
	width: 138px;
	height: 138px;
	margin: 10px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #c1c1c1;
}
.imagetable5 {
	float: left;
	width: 138px;
	height: 138px;
	margin: 5px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #c1c1c1;
}
.bfimagetable {
	float: left;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	margin: 10px;
	text-align: center;
	cursor: pointer;
}
.bfimagetable td {
	width: 122px;
	height: 122px;
}
.cattable {
	float: left;
	width: 138px;
	height: 180px;
	margin: 10px;
	text-align: center;
}
.catimage {
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
}

.subcat_text {
}
.subcat_images {
float: right;
width: 300px;
}



.linkholder {
	float: left;
	width: 290px;
	margin: 10px;
	position: relative;
	min-height: 140px;
	padding: 10px 0px 10px 160px;
}

.linktable {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
}

.link2holder {
	margin: 10px 80px;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
	min-height: 150px;
	padding: 10px 0px 10px 150px;
}

.link2table {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
}



.link3holder {
	margin: 10px 0px;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
	min-height: 150px;
	padding: 10px 0px 10px 150px;
}

.link3table {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
}

.link4holder {
	position: relative;
	min-height: 200px;
	text-align: center;
	width: 140px;
	float: left;
	margin-right: 10px;
}

.link4table {
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

.link5holder {
	margin: 10px 0px;
	border-bottom: 1px solid #c1c1c1;
	position: relative;
	padding: 10px 0px 10px 0px;
}

.link5image {
float: left; 
width: 150px;
}

.link5table {
	top: 10px;
	left: 0px;
	width: 138px;
	height: 138px;
	background: #ffffff;
	border: 1px solid #c1c1c1;
	text-align: center;
}



.testimonialholder {
	padding: 10px 0px;
	border-bottom: 1px solid #c1c1c1;
	margin: 0px 80px 10px 80px;
}

.testimonial {
	
}

.author {
	text-align: right;
}



#blogholder {
	position: relative;
	padding-right: 240px;
	min-height: 400px;
}
#sidedivider {
	height: 1px;
	background: #c1c1c1;
	margin: 5px 10px;
}


#aboutholder {
	float: left;
	position: relative;
	padding-right: 220px;
	min-height: 400px;
	top: 24px;
	margin-right: 20px;
}

#aboutsidebar {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 210px;
	width: 220px;
	background: #c9ccdd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 0px 0px;
}


#aboutsidebar a {
	display: block;
	color: #333333;
	font-size: 16px;
	text-decoration: none;
	padding: 5px 5px;
	margin-bottom: 4px;
	background: #c9ccdd;

}

#aboutsidebar a.current {
	background: #515799;

}

#aboutsidebar a.sublink {
	color: #ffffff;
	margin-left: 40px;
	background: #333333;
	border: 0px solid #333333;

}

#aboutsidebar a:hover {
	color: #333333;
	text-decoration: none;
	background: #9fa3c5;

}

#aboutsidebar a:current {
	color: #333333;
	text-decoration: none;
	background: #515799;

}




#sidebar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 220px;
	background: #c9ccdd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px 0px 10px 0px;
}


a.archivebtn {
	display: block;
	width: 180px;
 	height: 30px;
	background: url(../images/archivebtn.png) top center no-repeat;
}

a.archivebtn:hover {
	display: block;
	width: 180px;
 	height: 30px;
	background: url(../images/archivebtn.png) bottom center no-repeat;
}



#sidebar h4 {
	padding-left: 20px;
	color: #515799;
}
#sidebar .rssfeed a {
	color: #666666;
	display: block;
	padding: 0px 0px 0px 20px;
}
#sidebar .rssfeed a img {
	margin-bottom: -4px;
	margin-right: 4px;
}
#sidebar a {
	color: #666666;
	display: block;
	padding: 0px 0px 0px 30px;
}
#sidebar a:hover {
	color: #ffffff;
	text-decoration: none;
}

#commentform label {
	display: block;
	font-size: 12px;
	color: #666666;
	font-style: italic;
}

#commentform .textinput {
	background: #ffffff;
	border: 1px solid #c1c1c1;
	padding: 3px;
	width: 220px;
}

#commentform textarea {
	background: #ffffff;
	border: 1px solid #c1c1c1;
	padding: 3px;
	width: 300px;
	height: 75px;
}

.blogentry {
	padding: 10px 0px;
	border-top: 1px solid #c1c1c1;
}
.firstentry {
	border-top: none;
}
.readmore {
	text-align: right;
}

.date { color: #999999; font-style: italic; }

.comment1 {
	background: #666666;
	margin: 5px 0px;
	padding: 10px 20px;
}

.comment2 {
	border: 1px solid #c1c1c1;
	background: #ffffff;
	margin: 5px 0px;
	padding: 10px 20px;
}



.donation_form {

}



.doclink {
	margin-left: 80px;
	margin-right: 80px;
	padding-bottom: 9px;
	border-bottom: 1px solid #c1c1c1;
	margin-bottom: 9px;
}



input#hp_field {
    border: solid 1px #dfdfdf;
    background-color: #dfdfdf;
    color: #dfdfdf;
    height: 0px;
    width: 0px;
    }