/* css for Do Your GIVING While You Are LIVING
November 6 2008 by Zenful Creations, Inc. */

@import url(reset.css);

body {
	background: #007f99;
	color: #454444;
	font: 62.5%/1.7em  Arial, Verdana,  sans-serif;
}

a:link, a:visited {
		color: #dd6d54;
	}
	
em { font-style: italic;}	

img { border: none; }

strong {
	font-weight: 600;
}

h1 {
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 14px;
	font-weight: 600;
	margin-left: 20px;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 0;
	width: 800px;
}

#conTent {
	margin: 0;
	padding: 0;
}

#header {
	background: url(img/header.png) no-repeat;
	height: 274px;
	margin: 0;
	padding: 0;
}

#header h1 {
 position: relative;
 width: 533px;
 height: 204px;
 overflow: hidden;
}
#header h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(img/logo.png) no-repeat 0 0;	
}

#nav {
	height: 32px;
	width: 800px;
	background: transparent;
}

ul#mainnav li, ul#mainnav li a {
 display: block;
 height: 32px; 
 margin: 0; 
 padding: 0;
 float: left; 
 list-style: none;
}

ul#mainnav li.about a {
	background: url(img/nav_about.png) no-repeat;
	height: 32px;
	display: block;
}

	ul#mainnav li.about-on a {
	background: url(img/nav_about-on.png) no-repeat;
	height: 32px;
	display: block;
}

ul#mainnav li.toc a {
	background: url(img/nav_toc.png) no-repeat;
	height: 32px;
	display: block;
}

	ul#mainnav li.toc-on a {
	background: url(img/nav_toc-on.png) no-repeat;
	height: 32px;
	display: block;
}

ul#mainnav li.praise a {
	background: url(img/nav_praise.png) no-repeat;
	height: 32px;
	display: block;
}

	ul#mainnav li.praise-on a {
	background: url(img/nav_praise-on.png) no-repeat;
	height: 32px;
	display: block;
}

ul#mainnav li.order a {
	background: url(img/nav_order.png) no-repeat;
	height: 32px;
	display: block;
}

	ul#mainnav li.order-on a {
	background: url(img/nav_order-on.png) no-repeat;
	height: 32px;
	display: block;
}

ul#mainnav li.giving a {
	background: url(img/nav_giving.png) no-repeat;
	height: 32px;
	display: block;
}

	ul#mainnav li.giving-on a {
	background: url(img/nav_giving-on.png) no-repeat;
	height: 32px;
	display: block;
}

ul#mainnav li.news a {
	background: url(img/nav_news.png) no-repeat;
	height: 32px;
	display: block;
}

	ul#mainnav li.news-on a {
	background: url(img/nav_news-on.png) no-repeat;
	height: 32px;
	display: block;
}

ul#mainnav li.contact a {
	background: url(img/nav_contact.png) no-repeat;
	height: 32px;
	display: block;
}

	ul#mainnav li.contact-on a {
	background: url(img/nav_contact-on.png) no-repeat;
	height: 32px;
	display: block;
}

#textarea {
	background: url(img/bg_textarea.png) no-repeat bottom;
	margin: 0;
	padding: 0;
	width: 800px;	
}

#filler {
	background: url(img/bg_content.png) repeat-y;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 800px;
}

#left {
	float: left;
	margin: 10px 0 40px 0;
	padding: 10px 0 0 0;
	width: 534px;
}

	h2#love {
	background: url(img/h2_love.png);
	height: 17px;
	width: 534px;
}

	h2#about {
	background: url(img/h2_about.png);
	height: 17px;
	width: 534px;
}

	h2#toc {
	background: url(img/h2_toc.png);
	height: 17px;
	width: 534px;
}

	h2#praise {
	background: url(img/h2_praise.png);
	height: 17px;
	width: 534px;
}

	h2#how {
	background: url(img/h2_order.png);
	height: 17px;
	width: 534px;
}

	h2#giving {
	background: url(img/h2_giving.png);
	height: 17px;
	width: 534px;
}

	h2#news {
	background: url(img/h2_news.png);
	height: 17px;
	width: 534px;
}

	h2#contact {
	background: url(img/h2_contact.png);
	height: 17px;
	width: 534px;
}

	h2#privacy {
	background: url(img/h2_privacy.png);
	height: 17px;
	width: 534px;
}

	h2#terms {
	background: url(img/h2_terms.png);
	height: 17px;
	width: 534px;
}

	h2#love span, 	h2#about span, h2#toc span, h2#praise span, 
	h2#how span, h2#giving span, h2#news span, h2#contact span,
	h2#privacy span, h2#terms span {
		display: none;
	}
	
 #left p {
	font-size: 12px;
	line-height: 24px;
	margin: 8px 15px 0px 20px;
	padding-bottom: 8px;
}
	 
	
#right {
	float: left;
	margin: 10px 0 40px 0;
	padding: 0;
	width: 266px;
}

	#order {
	margin: 13px 0 0 13px;
}

	#quote {
	margin: 10px 0 0 13px;
	}

#footer {
	clear: both;
	width: 800px;
	height: 27px;
	background: url(img/bg_footer.png) no-repeat;
}

	#footer p {
		color: #007f99;
		text-align: center;
		padding-top: 5px;
	}
	
		#footer a:link, #footer a:visited {
			color: #007f99;
	}