/*		Main Styles
	...................................................................... */

body {
	background-color: #dcd8cc;
	background-image: url(../images/layout/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 18px 0;
}

h1 {
	color: #7d2b27;
	font-size: 17px;
	line-height: 23px;
	margin: 0 0 12px 0;
}

	h1 a {
		color: #7d2b27;
		text-decoration: none;
	}

h2 {
	color: #444;
	font-size: 14px;
	line-height: 20px;
}

	h2 a {
		color: #444;
		text-decoration: none;
	}

h3 {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-decoration: underline;
}

h4 {
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
}

ul {
	margin: 0 0 18px 0;
}

li {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 0 0;
}

ol {
	list-style-type: decimal;
	margin: 0 0 18px 0;
}

	ol li {
		font-size: 12px;
		line-height: 18px;
		list-style-type: decimal;
		margin: 0 0 5px 20px;
	}

a {
	color: #444;
}

img {
	padding: 5px 0 0 0;
}

input {
	padding: 5px;
}

textarea {
	padding: 5px;
}

select {
	padding: 5px;
}

td {
	padding: 5px;
}

hr {
	border: none;
	border-bottom: 1px solid #222;
	margin: 20px 0;
}

/*		Header
	...................................................................... */

#header {
	height: 64px;
	margin: 0 auto;
	padding: 37px 180px 40px 0;
	text-align: right;
	width: 800px;
}

	#header li {
		display: inline;
		list-style-type: none;
		padding: 0 0 0 15px;
	}

#header-donate {
	left: 50%;
	margin: -20px 0 0 300px;
	position: absolute;
	top: 0;
}

	#header-donate a {
		border: none;
		display: block;
		height: 270px;
		overflow: hidden;
		width: 250px;
	}
	
	#header-donate a:hover {
		border: none;
		display: block;
		text-indent: -250px;
	}

/*		Navigation
	...................................................................... */

ul.menu {
	background-image: url(../images/layout/navbar-trans.png);
	background-position: top center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 14px;
	height: 40px;
	list-style: none;
	margin: 0 auto;
	padding: 0 20px 0 20px;
	width: 940px;
}

	ul.menu * {
		margin: 0;
		padding: 0;
	}
	
	ul.menu a {
		color: #fff;
		display: block;
		text-decoration: none;
	}
	
	ul.menu li {
		float: left;
		margin: 0 27px 0 0;
		position: relative;
	}
	
	ul.menu ul {
		background: #d1d1d1;
		display: none;
		left: 0;
		list-style: none;
		opacity: 0;
		position: absolute;
		top: 40px;
		width: 150px;
	}
	
	ul.menu ul li {
		border-top: none;
		margin: 0;
		position: relative;
		width: 150px;
	}
	
	ul.menu ul li a {
		background-color: #9d0707;
		display: block;
		padding: 10px 7px;
	}
	
	ul.menu ul li a:hover {
		background-color: #dc3333;
	}
	
	ul.menu ul ul {
		left: 150px;
		top: -1px;
	}
	
	ul.menu .menulink {
		font-size: 14px;
		font-weight: 700;
		padding: 12px 7px 10px;
	}
	
	ul.menu a:hover {
		text-decoration: underline;
	}
	
	ul.menu .sub {
		background: #9d0707 url(../images/layout/arrow.gif) 136px 17px no-repeat;
	}
	
	ul.menu .topline {
		border-top: 1px solid #9d0707;
	}

/*		Layout
	...................................................................... */

#content {
	background-color: #fff;
	background-image: url(../images/layout/contentbg.gif);
	background-position: center 0;
	background-repeat: no-repeat;
	margin: 0 auto;
	overflow: hidden;
	padding: 13px 20px 20px 20px;
	width: 920px;
}

/* ... news and services ... */
#newsandservices {
	margin: 0 0 30px 0;
	overflow: hidden;
	width: 920px;
}

	#content-news {
		float: left;
		width: 450px;
	}
	
	#content-news li {
		margin-bottom: 5px;
	}
	
		#content-topstory {
			border-bottom: 1px dotted #d9d9d9;
			margin: 0 0 15px 0;
			padding: 0;
			width: 450px;
		}
		
		.content-morenews {
			border-bottom: 1px dotted #d9d9d9;
			margin: 0 0 15px 0;
			padding: 0 0 0 0;
			width: 450px;
		}
	
	#content-services {
		float: right;
		width: 450px;
	}
	
		.service {
			border-bottom: 1px dotted #d9d9d9;
			height: 130px;
			margin: 0 0 20px 0;
			padding: 0 0 19px 0;
			width: 450px;
		}
		
		.service-details {
			float: left;
			width: 215px;
		}
		
		.service-photo {
			float: right;
			width: 215px;
		}	

/* ... blogs and events ... */
#blogandevents {
	margin: 0 0 40px 0;
	overflow: hidden;
	width: 920px;
}

	#content-blog {
		float: left;
		width: 450px;
	}
	
	#content-blog li {
		margin-bottom: 5px;
	}
	
	#content-events {
		float: right;
		width: 450px;
	}

/* ... help and video ... */
#volunteerandtv {
	margin: 0 0 40px 0;
	overflow: hidden;
	width: 920px;
}	
	
	#content-help {
		float: left;
		width: 450px;
	}
	
	#content-help li {
		margin-bottom: 5px;
	}
	
	#content-video {
		float: right;
		width: 450px;
}	

/* ... repeated classes ... */
.featured {
	height: 180px;
	margin: 00;
	overflow: hidden;
	width: 450px;
}

.featured-photo {
	float: left;
	height: 180px;
	width: 215px;
}

.featured-area {
	float: right;
	width: 215px;
}

.continued-area {
	margin: 0 0 20px 0;
	width: 450px;
}

/*		Blog Layout
	...................................................................... */

.blog {
	background-color: #dcd8cc;
	background-image: url(../images/layout/wood.jpg);
	background-position: top left;
	background-repeat: repeat;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#blogheader {
	background-image: url(../images/layout/blogheader-trans.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 62px;
	margin: 0 auto;
	padding: 37px 40px 40px 0;
	text-align: right;
	width: 940px;
}

#blogheader li {
	display: inline;
	list-style-type: none;
	padding: 0 0 0 15px;
}

#blogcontent {
	background-color: #fff;
	background-image: url(../images/layout/blogcontentbg.gif);
	background-position: center 0;
	background-repeat: no-repeat;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px;
	width: 920px;
}

	#blogcontent h2 {
		color: #444;
		font-size: 18px;
		line-height: 20px;
	}
	
	#blogcontent h2 a {
		color: #444;
		text-decoration: none;
	}

#mainarea-blog {
	float: left;
	width: 635px;
}

	#mainarea-blog li {
		font-size: 12px;
		line-height: 18px;
		list-style-type: disc;
		margin: 0 0 5px 20px;
	}
	
#sidebar-blog {
	float: right;
	width: 265px;
}

	#sidebar-blog p {
		font-size: 11px;
	}
	
	#sidebar-blog ul {
		margin: 0 0 17px 0;
	}
	
	#sidebar-blog li {
		font-size: 11px;
		line-height: 17px;
		margin: 0;
	}
	
#footer-moreinformation-blog {
	color: #fff;
	margin: 0 auto 40px auto;
	padding: 0 20px 0 40px;
	width: 940px;
}

	#footer-moreinformation-blog a {
		color: #fff;
	}
	
	#footer-moreinformation-blog li {
		display: inline;
		list-style-type: none;
		padding-right: 20px;
	}
	
.bottompost {
	border-bottom: 1px solid #dbdbdb;
	margin: 0 0 15px 0;
	overflow: auto;
	padding: 0 0 0 0;
	width: 100%;
}

.bottompost p {
	color: #777;
	font-size: 11px;
}

.bottompost a {
	color: #777;
	font-size: 11px;
}

.posttags {
	float: left;
	margin: 0 25px 0 0;
}

.commentpost {
	float: left;
	margin: 0 25px 0 0;
}

.emailauthor {
	float: left;
	margin: 0 25px 0 0;
}

.blogdate, .blogdate a {
	color: #999;
	font-size: 11px;
}	
	
.endpost {
	border-bottom: 1px solid #dbdbdb;
	font-size: 11px;
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
}

.tags {
	float: left;
	margin: 0 25px 0 0;
}

.bio {
	border: 1px solid #111;
	float: right;
	margin: 5px 0 5px 5px;
	padding: 0;
}

.photopost {
	border: 1px solid #111;
	float: left;
	margin: 3px 5px 5px 0;
	padding: 0;
}

.profile {
	font-size: 12px;
}

.comment {
	float: left;
	margin: 0;
	padding: 3px 5px 0 0;
}

/*		Images/Random Classes
	...................................................................... */

.img-topstory {
	padding: 5px 0 15px 0;
}

.img-heading {
	padding: 0 0 10px 0;
}

.posted {
	margin: 0;
}

.newsfloat {
	border: 2px solid #ccc;
	float: right;
	margin: 40px 0 10px 10px;
	padding: 0;
}

.eventfloat {
	border: 1px solid #666;
	float: left;
	margin: 4px 10px 5px 0;
	padding: 0;
}

.donatelink {
	background-color: #7e0c0c;
	color: #f2f2f2;
	padding: 3px;
}

.inactive {
	border: none;
	color: #888;
	text-decoration: none;
}

.eventinfo {
	height: 120px;
}

.vol {
	border-bottom: 1px solid #222;
	color: #444;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
}

/*		Sub Pages
	...................................................................... */
	
#mainarea {
	float: left;
	width: 635px;
}

	#mainarea li {
		font-size: 12px;
		line-height: 18px;
		list-style-type: disc;
		margin: 0 0 5px 20px;
	}
	
	#mainarea ol li {
		font-size: 12px;
		line-height: 18px;
		list-style-type: decimal;
		margin: 0 0 5px 20px;
	}

#sidebar {
	float: right;
	width: 265px;
}

	#sidebar ul {
		margin: 0 0 18px 0;
	}
	
	#sidebar li {
		font-size: 12px;
		line-height: 18px;
		margin: 0;
	}

.box {
	border-bottom: 1px solid #d9d9d9;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
}

.field {
	font-weight: bold;
}

/*		Footer
	...................................................................... */
	
#footer {
	background-color: #df3535;
	background-image: url(../images/layout/footerbg.gif);
	background-position: top center;
	background-repeat: no-repeat;
	color: #111;
	height: 236px;
	margin: 0 auto 10px auto;
	padding: 20px;
	width: 920px;
}

	#footer a {
		color: #111;
		text-decoration: none;
	}
	
	#footer h2 {
		color: #111;
		font-size: 17px;
		margin: 0 0 10px 0;
		text-transform: uppercase;
	}

#footer-donate {
	float: left;
	width: 215px;
}

	#footer-donate li {
		padding: 0 0 10px 0;
	}

#footer-email {
	float: left;
	margin: 0 20px;
	width: 215px;
}

#footer-moreinformation {
	color: #111;
	margin: 0 auto 20px auto;
	padding: 0 20px 0 40px;
	width: 940px;
}

	#footer-moreinformation a {
		color: #111;
	}

	#footer-moreinformation li {
		display: inline;
		list-style-type: none;
		padding-right: 20px;
	}

.address {
	color: #666;
	float: right;
	padding-right: 0;
	text-align: right;
}

#footer-connect {
	float: left;
	margin: 0 20px 0 0;
	width: 215px;
}

	#footer-connect li {
		padding: 0 0 5px 25px;
	}

#footer-corporate {
	float: right;
	width: 215px;
}

	#footer-partners {
		display: inline;
	}

.facebook {
	background-image: url(../images/layout/minifacebook-trans.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.twitter {
	background-image: url(../images/layout/minitwitter-trans.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.youtube {
	background-image: url(../images/layout/miniyoutube-trans.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.flickr {
	background-image: url(../images/layout/miniflickr-trans.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#banner {
	margin: 0 auto 40px auto;
	text-align: center;
	width: 960px;
}



/*		Forms
	...................................................................... */

fieldset div.req {
	font-weight: bold;
}

.opt {
	margin: 0;
	padding: 0 0 25px 0;
}

.disclaimer {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 17px;
	margin: 0;
	padding: 50px 0 0 0;
}

#b-submit {
	clear: both;
	padding-top: 1em;
}

#b-submit input {
}

fieldset div {
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

legend {
	background: transparent;
	color: #717074;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
}