/*
	custom stylesheet for www.edenservices.org
	created on: March 24th, 2009 
	created by: Ryan Scherler (ryan@crashpaddesign.com)
*/
/* @main styles */
body {
	background: #d6e8ed url(/images/layout/bg-body.jpg) repeat-x 0 0;
	font-size: 11px;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	color: #4b4b4b; }

img {
	border: none;
	outline: none; }

hr {
	margin-bottom: 20px;
	background: url(/images/layout/dots-light.gif) repeat-x 0 0;
	height: 1px;
	border: none; }

/* @layout */
#wrap {
	width: 1000px;
	margin: 0 auto;
	background: url(/images/layout/bg-wrap.png) repeat-y 0 0; }

#header { background: #399dbd url(/images/layout/bg-header.gif) repeat-x 0 0; }

#logo img { display: block; }

#topsection {
	background: #399dbe;
	margin-top: 10px; 
	margin-left: -5px; }

#topsection img {
	display: block; }

#masthead {
	margin-left: -20px;
	width: 1000px;
	height: 297px; }

	#masthead img { display: block; }

/* temp FPO image */
#main {
	background: #fff url(/images/layout/bg-main.gif) repeat-x 0 0;
	padding: 20px 0; }

.float.left {
	float: left;
	margin: 0 5px 5px 0; }

.offset.left { margin-left: -5px; /* for images with drop shadows, this negative margin is used to maintain the 'grid' layout */ }

.float.right {
	float: right;
	margin: 0 0 5px 5px; }

.offset.right { margin-right: -5px; /* for images with drop shadows, this negative margin is used to maintain the 'grid' layout */ }

/* @navigation */
#links {
	background: url(/images/layout/bg-nav-top.png) no-repeat 0 0;
	padding-top: 10px;
	font-size: 14px; }

#links-inner {
	background: url(/images/layout/bg-nav-inner.png) repeat-y 0 0;
	padding: 10px 20px; }

#links li { margin-bottom: .5em; }

	#links li ul { margin: .5em 0 1.25em 0; }

	#links li li {
		font-size: 12px;
		margin-left: 25px; }

	#links li a {
		padding-left: 15px;
		text-decoration: none;
		color: #e9eb24;
		background: url(/images/layout/bg-links-arrow.gif) no-repeat 0 50%; }

	#links li li a,
#links li li a:hover {
		text-decoration: underline;
		color: #fff;
		padding-left: 12px;
		background: url(/images/layout/bg-links-doublearrows.gif) no-repeat 0 50%; }

	#links li a:hover,
#links li a.current,
#links li li a:hover {
		color: #fff;
		background: url(/images/layout/bg-links-arrow-ovr.gif) no-repeat 0 50%; }

	#links li li a {
		color: #e9eb24;
		background: url(/images/layout/bg-links-arrow-ovr.gif) no-repeat 0 50%; }

#links-footer {
	background: url(/images/layout/bg-nav-footer.png) no-repeat 0 0;
	width: 220px;
	height: 15px;
	margin-bottom: 10px; }

#nav {
	background: url(/images/layout/bg-links-top.png) no-repeat 0 0;
	padding-top: 15px;
	font-size: 14px; }

#nav-inner {
	background: url(/images/layout/bg-links-inner.png) repeat-y 0 0;
	padding: 10px 20px; }

#nav li { margin-bottom: .5em; }

	#nav li ul { margin: .5em 0 1.25em 0; }

	#nav li li {
		font-size: 12px;
		margin-left: 25px; }

		#nav li li li {
			margin-left: 30px;
			list-style-type: disc;
			color: #40a5c7; }

	#nav li a {
		padding-left: 15px;
		background: url(/images/layout/bg-nav-arrow.gif) no-repeat 0 0;
		color: #247692;
		text-decoration: none; }

		#nav li a:hover,
#nav li a.current {
			color: #3fa9cc;
			background: url(/images/layout/bg-nav-arrow-ovr.gif) no-repeat 0 50%; }

	#nav li li a,
#nav li li a:hover,
#nav li li a.current {
		text-decoration: underline;
		padding-left: 12px;
		background: url(/images/layout/bg-nav-doublearrows.gif) no-repeat 0 0; }

	#nav li li a { color: #247692; }

	#nav li li li a { color: #247692; }

	#nav li li li a,
#nav li li li a:hover,
#nav li li li a.current {
		padding-left: 0;
		background: none; }

#nav-footer {
	background: url(/images/layout/bg-links-footer.png) no-repeat 0 50%;
	width: 220px;
	height: 15px;
	margin-bottom: 10px; }

#footer {
	color: #106784;
	text-align: center;
	padding-top: 10px;
	background: #f3fafc url(/images/layout/bg-footer.gif) repeat-x 0 0; }

#footer-nav {
	width: 777px;
	margin: 0 auto 1em auto; }

	#footer-nav ul { float: left; }

	#footer-nav li a {
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		height: 34px;
		background-repeat: no-repeat;
		background-position: 0 0; }

		#footer-nav li a:hover { background-position: 0 -34px; }

	#footer-nav li {
		float: left;
		margin-right: 5px; }

		#footer-nav li.last { margin-right: 0; }

#tab-about a {
	width: 115px;
	background-image: url(/images/layout/tab-about.gif); }

#tab-mission a {
	width: 165px;
	background-image: url(/images/layout/tab-mission.gif); }

#tab-employment a {
	width: 121px;
	background-image: url(/images/layout/tab-employment.gif); }

#tab-resources a {
	width: 147px;
	background-image: url(/images/layout/tab-resources.gif); }

#tab-newsevents a {
	width: 126px;
	background-image: url(/images/layout/tab-newsevents.gif); }

#tab-contact a {
	width: 78px;
	background-image: url(/images/layout/tab-contact.gif); }

#footer p { margin-bottom: 0; }

#footer span { margin-left: 10px; }

	#footer span.first { margin-left: 0; }

#fineprint {
	text-align: center;
	background: #f3fafc url(/images/layout/bg-fineprint.gif) repeat-x 0 100%;
	padding: 10px 0 20px 0; }

#wrap-bottom {
	background: url(/images/layout/bg-wrap-bottom.png) no-repeat 0 0;
	width: 1000px;
	height: 20px;
	margin: 0 auto 20px auto; }

/* @type */
h1 {
	font-size: 16px;
	font-weight: normal;
	color: #2986a5;
	margin: 1em 0 .5em 0; }

h2 {
	font-size: 18px;
	color: #2986a5;
	text-shadow: #fff 0 0 0;
	padding: 10px 10px 5px 10px;
	margin: 1em 0 1em -10px;
	background: url(/images/layout/bg-h2.png) no-repeat 0 100%; }

#links h2 {
	font-weight: normal;
	font-size: 20px;
	color: #fff;
	padding: 0 0 5px 0;
	margin: .25em 0 .5em 0;
	background: url(/images/layout/dots.gif) repeat-x 0 100%; }

h3 {
	font-size: 16px;
	font-weight: normal;
	color: #2986a5;
	margin: .25em 0 .5em 0;
	padding-bottom: 8px;
	background: url(/images/layout/dots-light.gif) repeat-x 0 100%; }

	h3 span,
h4 span {
		margin-left: 20px;
		color: #797979; }

h4 {
	font-weight: bold;
	font-size: 12px;
	color: #2986a5;
	margin: 1em 0 .5em 0; }

p {
	line-height: 1.5em;
	margin-bottom: 1em; }

	p.pagination {
		margin-top: 20px;
		padding-top: 10px;
		font-weight: bold;
		background: url(/images/layout/dots-light.gif) repeat-x left top; }

#fineprint p { color: #999; }

#content ul { margin-bottom: 2em; }

#content li { margin: 0 0 1em 0; }

#content ul.bullets { list-style: disc; }

	#content ul.bullets li { margin-left: 20px; }

p strong.callout { color: #3192b1; }

/* @linkage */
#content a { color: #3192b1; }

	#content a:hover { color: #444; }

/* scroll pane styles */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1; }

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #a7d4e4 url(/images/layout/bg-scrolltrack.gif) repeat-x 0 0; }

.jScrollPaneDrag {
	position: absolute;
	background: #1b7391;
	cursor: pointer;
	overflow: hidden; }

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden; }

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden; }

/* @page-specific */
#page-home #content h2 {
	font-weight: normal;
	background: none;
	padding: 0;
	margin: 1em 0 .5em 0; }

#page-home #content h3 {
	padding-bottom: 0;
	background: none; }

div.profile { padding: 10px 0 20px 0; }

.profile h2 {
	font-weight: normal;
	text-transform: none;
	background: url(/images/layout/dots-light.gif) repeat-x 0 100%;
	padding: 0 0 8px 0;
	margin: 0 0 1em 0; }

	.profile h2 span {
		margin-left: 20px;
		font-size: 11px;
		font-style: italic; }

.profile h3 {
	font-weight: bold;
	font-size: 11px;
	color: #797979;
	background: none;
	padding: 0;
	margin: 0 0 .5em 0; }

.newsevent-entry { padding: 10px 0 20px 0; }

	.newsevent-entry h3 span {
		color: #2986a5;
		margin-left: 40px; }

/* contact form styles */
dl.form {
	float: left;
	width: 100%; }

.form dt {
	clear: both;
	float: left;
	width: 130px; }

.form dt { color: #2986a5; }

.form dd {
	float: right;
	width: 530px;
	margin-bottom: 20px; }

.form textarea { width: 90%; }

/* news/events search form style */
.news-events-search-form {
	font-weight: bold;
	padding: 10px 10px 5px 10px;
	margin-left: -10px;
	background: url(/images/layout/bg-h2.png) no-repeat 0 100%; }

	.news-events-search-form p { margin: 0; }

		.news-events-search-form p span { margin: 0 10px; }

	.news-events-search-form label,
.news-events-search-form input { vertical-align: middle; }

/* article entries */
.article-entry h1 { font-size: 18px; }

.article-entry h2 {
	background: none;
	margin: 1em 0 .25em 0;
	padding: 0; }

p.article-author {
	margin: 0 0 1em 0;
	padding: 0 0 .5em 0;
	background: url(/images/layout/dots-light.gif) repeat-x left bottom; }

/* video entries */
.video-entry { margin-top: 20px; }