/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Main CSS
Author : Helldesign
URL : http://www.helldesign.net

Description : This is the main stylesheet

Created : 
Modified :

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/****************************************************************
	RESET
****************************************************************/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/****************************************************************
	BASIC
****************************************************************/
body {
	background:#111111 url('../images/grid/bg.gif') 0 0 repeat-x;
	text-align:center;
}
body,input,textarea,select,td,th {
	color:#fff;
	font: 12px Arial, Verdana, Tahoma, sans-serif;
}
a {
	color:#a5a5a5;
	text-decoration:none;
}
a:hover {
	color:#bbd76f;
	text-decoration:underline;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
/****************************************************************
	GRID
****************************************************************/
#root {
	margin:18px auto 0;
	line-height:1.8em;
	text-align:left;
	width:986px;
}
#wrapper {
	padding:0 0 5px 3px;
}
#wrapper:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#content {
	float:left;
	width:679px;
}
#sub #content {
	float:none;
	width:auto;
}
#sidebar {
	float:right;
	width:276px;
}
/****************************************************************
	LIBRARY
****************************************************************/
/*
	Headers
****************************************************************/
#wrapper h2 {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	margin:0 0 14px;
}
#wrapper h3 {
	color:#bbd76f;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.065em;
	margin:0 0 1px;
}
#wrapper h3.intro {
	color:#EF8686;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.1px;
	margin:10px 0 10px;
}
#wrapper h3.intro-2 {
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.1px;
	margin:10px 0 10px;
}
#wrapper h3.intro-3 {
	font-size:16px;
	font-weight:normal;
	letter-spacing:0.1px;
	margin:10px 0 10px;
	text-align:center;
}

#wrapper .books h3 {
	margin:0 0 11px;
}
/*
	Paragraphs
****************************************************************/
#wrapper p {
	margin:0 0 8px;
}
#wrapper p.intro-sub {
	font-size:13px;
}
/*
	list
****************************************************************/
#content ul {
	margin:9px 0 0;
}
	#content ul li {
		background:url('../images/grid/dot.gif') 7px 8px no-repeat;
		margin:0 0 8px;
		padding: 0 0 0 26px;
	}
/*
	Images
****************************************************************/
.photo-left {
	float:left;
	margin:0 15px 8px 0;
}
.photo-right {
	float:right;
	margin:0 0 8px 15px;
}

dl.photo {
	line-height:1em;
}
dl.photo dd {
	font-size:10px;
	padding:10px 0 0;
	text-align:center;
}
dl.photo.right {
	float:right;
	margin:0 0 8px 15px;
}
dl.photo.left {
	float:left;
	margin:0 15px 8px 0;
}
/*
	Div's
****************************************************************/
div.row {
	border-bottom:1px solid #5b5b5b;
	margin:0 0 13px;
	padding:0 0 1px;
}
div.news {
	margin:0 0 21px;
	padding:0 0 1px;
}
.news:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/*
	Header
****************************************************************/
#header {
	background:url('../images/grid/bg_header.jpg') 0 0 no-repeat;
	height:241px;
	margin:0 0 19px;
	position:relative;
}
	/* logo */
		#header h1 span,
		#header h3 {
			display:none;
		}
	/* logo */
	#header h1 {
		background:url('../images/grid/bg_header_h1.jpg') 0 0 no-repeat;
		height:152px;
		left:470px;
		position:absolute;
		top:46px;
		width:488px;
	}
		#header h1 span,
		#header h3,
		#header h4 span{
			display:none;
		}
	#header h4.donors-info {
		/*background:url('../images/grid/bg_header_donors-info.jpg') 0 0 no-repeat;*/
		background:url('../images/grid/bg_header_donors-info-2.jpg') 0 0 no-repeat;
		/*height:47px;*/
		height:61px;
		left:148px;
		position:absolute;
		top:22px;
		/*width:264px;*/
		width:272px;
	}
	/*
		pm
	****************************************************************/
	#pm {
		background: url('../images/grid/progress_meter_bg.jpg') no-repeat 0 0;
		height:221px;
		left:17px;
		position:absolute;
		top:19px;
		width:242px;
	}
	#pm .pm_bar_wrapper {
		height:194px;
		left:52px;
		position:absolute;
		top:5px;
		width:64px;
	}
	#pm .pm_bar {
		/*background: url('../images/grid/progress_meter_bar.jpg') 0 100% no-repeat;*/
		background: url('../images/grid/progress_meter_bar-2.jpg') 0 100% no-repeat;
		height:194px;
		left:0;
		position:absolute;
		bottom:0;
		width:41px;
	}
	#pm .pm_bar span.pointer {
		/*background: url('../images/grid/progress_meter_pointer.png') no-repeat 0 0;*/
		background: url('../images/grid/progress_meter_pointer-2.png') no-repeat 0 0;
		display:block;
		height:4px;
		position:absolute;
		left:11px;
		/*top:0;*/
		top:2px;
		width:21px;
	}
	#pm .pm_bar_wrapper div.donors {
		background: url('../images/grid/progress_meter_donor.png') no-repeat 0 0;
		height:53px;
		heigh\t:50px;
		position:absolute;
		left:50px;
		line-height:0.9em;
		padding:3px 0 0 12px;
		top:65px;
		width:132px;
		widt\h:120px;
		z-index:1000;
	}
		#pm .pm_bar_wrapper div.donors strong {
			color:#fff;
			font-size:22px;
			float:left;
			left:0;
			letter-spacing:-0.05em;
			line-height:1.25em;
			padding:0 3px 0 0;
			position:relative;
			top:-2px;
		}
		#pm .pm_bar_wrapper div.donors span {
			color:#ffdfdf;
			font-size:10px;
			font-weight:bold;
			float:left;
			letter-spacing:-0.05em;
			text-transform:uppercase;
		}
	#pm .pm_bar_wrapper #donors-recent {
		position:absolute;
		left:79px;
		top:116px;
		width:250px;
		z-index:1001;
	}
		#pm .pm_bar_wrapper #donors-recent h4 {
			background: url('../images/grid/bg_header_donors-recent.gif') no-repeat 0 0;
			height:22px;
		}
		#pm .pm_bar_wrapper #donors-recent h4 span {
			display:none;
		}
		#pm .pm_bar_wrapper #donors-recent dl {
			display:none;
			line-height:1.25em;
		}
		#pm .pm_bar_wrapper #donors-recent dl.current {
			display:block;
		}
		#pm .pm_bar_wrapper #donors-recent dl dt {
			color:#ffffff;
			font-size:18px;
			font-weight:bold;
		}
		#pm .pm_bar_wrapper #donors-recent dl dd {
			color:#aeaeae;
			font-size:11px;
		}
		
/*
	Footer
****************************************************************/
#footer {
	background:url('../images/grid/bg_footer.gif') 0 0 no-repeat;
	color:#3a3a3a;
	height:34px;
	heigh\t:27px;
	margin:0 4px 25px 4px;
	padding:7px 14px 0;
	position:relative;
}
		#footer p.copy{
			float:left;
			width:45%;
		}
		#footer h1.design{
			float:right;
			width:45%;
			text-align:right;
		}
			#footer h1.design a {
				color:#3a3a3a;
				background: url('../images/grid/logo_helldesign.gif') 100% 5px no-repeat;
				padding:6px 12px 2px 0;
				
				z-index:100;
			}
			#footer h1.design a span {
				display:none;
			}
/****************************************************************
	Content
****************************************************************/
/*
	adv-transvision
****************************************************************/
.adv-transvision {
	height:113px;
	margin-top:14px;
}
	.adv-transvision dl {
		display:none;
	}
.adv-transvision.adv-1 {
	background:url('../images/content/bg_adv-transvision_1.jpg') 0 0 no-repeat;
	margin-top:21px;
}
.adv-transvision.adv-2 {
	background:url('../images/content/bg_adv-transvision_2.jpg') 0 0 no-repeat;
}
/*
	matching-fund-donors
****************************************************************/
.matching-fund-donors {
	background:url('../images/grid/bg_matching-fund-donors.gif') 50% 0 repeat-y;
	margin:26px 0 0;
}
.matching-fund-donors:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	.matching-fund-donors .item {
		float:left;
		padding:0 156px 0 0;
		width:318px;
		widt\h:162px;
		position:relative;
		display:block;
	}
	.matching-fund-donors .item.c-2 {
		float:right;
	}
		#wrapper .matching-fund-donors .item p {
			margin:0;
		}
		.matching-fund-donors .item .lnk {
			display:block;
			height:60px;
			position:absolute;
			right:0;
			top:28px;
			width:146px;
		}
		.matching-fund-donors .life-extension {
			background:url('../images/grid/bg_lnk_life-extension.gif') 0 0 no-repeat;
		}
		.matching-fund-donors .cartmell {
			background:url('../images/grid/bg_lnk_cartmell-holdings.gif') 0 0 no-repeat;
		}
			.matching-fund-donors .item .lnk span {
				display:none;
			}
/*
	matching-fund-donors
****************************************************************/
.donor-list {
	background: url('../images/grid/bg_donor-list_m.gif') 0 0 repeat-y;
	margin:14px 0 0;
}
	/* .donor-list .donor-nav */
	.donor-list #donor-nav{
		background: url('../images/grid/bg_donor-list_t.gif') 0 0 no-repeat;
	}
	#wrapper .donor-list #donor-nav ul {
		margin:0;
		height:41px;
		padding:0;
		position:relative;
	}
		#wrapper .donor-list #donor-nav ul li {
			background-image:url("../images/grid/bg_donor-list_nav.gif");
			background-repeat:no-repeat;
			cursor:hand;
			height:26px;
			margin:0;
			left:1px;
			padding:0;
			position:absolute;
			top:1px;
		}
		#wrapper .donor-list #donor-nav ul li:hover {
			z-index:100;
		}
		#wrapper .donor-list #donor-nav ul li#show-nav {
			background-position: 0 -150px;
			left:1;
			width:213px;
		}
			#wrapper .donor-list #donor-nav ul li#show-nav:hover {
			background-position: 0 -90px;
			z-index:101;
		}
		#wrapper .donor-list #donor-nav ul li#show-nav.active,
		#wrapper .donor-list #donor-nav ul li#show-nav.active:hover
		/*#wrapper .donor-list #donor-nav ul li#show-nav.selected,
		#wrapper .donor-list #donor-nav ul li#show-nav.selected:hover*/{
			background-position:0 0 !important;
		}
		
		
			#wrapper .donor-list #donor-nav ul li#show-nav form {
				cursor:hand;
			}
			#wrapper .donor-list #donor-nav ul li#show-nav label {
				color:#fff;
				font-size:11px;
				float:left;
				text-align:right;
				padding:4px 0 0;
				margin:0 10px 0 0;
				width:69px;
			}
			#wrapper .donor-list #donor-nav ul li#show-nav select {
				background:#fff;
				border:none;
				border-left:1px solid #646464;
				border-bottom:1px solid #646464;
				color:#111111;
				font-size:11px;
				float:left;
				height:20px;
				heigh\t:17px;
				margin:5px 0 0;
				line-height:1.5em;
				padding:0 0 0;
			}
		#wrapper .donor-list #donor-nav ul li#all-nav {
			background-position:-192px 0;
			left:193px;
			text-align:center;
			width:165px;
		}
		#wrapper .donor-list #donor-nav ul li#all-nav.active,
		#wrapper .donor-list #donor-nav ul li#all-nav.active:hover{
			background-position:-192px -150px;
			z-index:100;
		}
		#wrapper .donor-list #donor-nav ul li#all-nav:hover {
			background-position:-192px -30px;
			z-index:100;
		}
			#wrapper .donor-list #donor-nav ul li#all-nav a {
				color:#fff;
				display:block;
				font-size:11px;
				height:26px;
				heigh\t:22px;
				padding:4px 0 0;
			}
			#wrapper .donor-list #donor-nav ul li#all-nav a:hover {
				text-decoration:none;
			}
	/* .donor-list .donor-body */
	.donor-list .donor-body{
		background: url('../images/grid/bg_donor-list_b.gif') 0 100% no-repeat;
		padding:0 26px 8px 16px;
	}
	.donor-list .donor-body table {
		border:none;
		margin:0;
		padding:0;
		width:100%;
	}
	.donor-list .donor-body table th,
	.donor-list .donor-body table td {
		border-top:1px solid #5b5b5b;
		color:#b5b5b5;
		margin:0;
		line-height:1em;
		padding:4px 0 5px;
	}
	.donor-list .donor-body table tr.first th,
	.donor-list .donor-body table tr.first td {
		border-top:none;
	}
	.donor-list .donor-body table tr.blurb td {
		border:0;
		color:#818181;
		font-size:11px;
		padding:0 0 0 22px;
	}
		.donor-list .donor-body table tr.blurb td div {
			background:url("../images/grid/bg_blurb_t.gif") 0 0 no-repeat;
			margin:0 0 9px;
			padding:16px 0 0;
			width:615px;
		}
			#wrapper .donor-list .donor-body table tr.blurb td div p {
				background:url("../images/grid/bg_blurb_b.gif") 0 100% no-repeat;
				color:#fff;
				font-size:11px;
				margin:0;
				padding:9px 13px 14px;
			}
	.donor-list .donor-body table th {
		padding-left:25px;
		text-align:left;
	}
	.donor-list .donor-body table th a {
		background:url("../images/grid/button_fold.gif") 1px 2px no-repeat;
		display:block;
		margin:0 0 0 -24px;
		padding:0 0 0 24px;
	}
	.donor-list .donor-body table th a.unfolded {
		background-position:1px -105px;
	}
	.donor-list .donor-body table th strong,
	.donor-list .donor-body table td strong{
		color:#fff;
	}
	.donor-list .donor-body table a:hover,
	.donor-list .donor-body table a:hover strong {
		color:#bbd76f;
	}
/*
	donate
****************************************************************/
#donate {
	background:url("../images/grid/bg_donate_b.gif") 0 100% no-repeat;
	margin:18px 0 0;
}
	#donate form {
		background:url("../images/grid/bg_donate_t.gif") 0 0 no-repeat;
		padding:8px 134px 18px 150px;
	}
	#donate form .form-row:after,
	#donate form .row-normal:after{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	#donate form .form-row {
		border-bottom:1px solid #5b5b5b;
		padding:9px 0 1px;
	}
	#donate form .row-normal {
		padding:0 0 12px;
	}
	#donate form .row-normal.first-row {
		padding-top:9px;
	}
	#donate form .row-normal.last-row {
		padding:0 0 8px;
	}
	#donate form .submit-row {
		text-align:center;
		padding:9px 0 0;
	}
	#donate form label {
		color:#fff;
		font-weight:bold;
	}
		#donate form label span {
			font-weight:normal;
		}
	#donate form label.l-1 {
		float:left;
		width:82px;
	}
	#donate form label.l-2 {
		display:block;
		margin:0 0 3px;
	}
	#donate form label.l-3 {
		float:left;
		width:135px;
	}
	#donate form input.text,
	#donate form select,
	#donate form textarea{
		color:#111111;
		background:#fff url("../images/grid/bg_input_text.gif") 0 0 no-repeat;
		border:1px solid #cecece;
		float:left;
		font-weight:normal;
		height:21px;
		heigh\t:17px;
		padding:2px 0 0 4px;
		width:88px;
		widt\h:82px;
	}
	#donate form select {
		background:#fff url("../images/grid/bg_select.gif") 0 0 no-repeat;
		height:21px;
		heigh\t:18px;
		padding:2px 0 0 1px;
		width:129px;
	}
	#donate form textarea {
		background:#fff url("../images/grid/bg_textarea.gif") 0 0 no-repeat;
		height:62px;
		heigh\t:56px;
		margin:0 0 8px;
		padding:4px 0 0 7px;
		width:395px;
		widt\h:386px;
	}
	#donate form input.text:focus,
	#donate form select:focus,
	#donate form textarea:focus{
		background:#bbd76f;
	}
	#donate form ul.radios,
	#donate form ul.radios li {
		background:none;
		margin:0;
		padding:0;
	}
		#donate form ul.r-1 li {
			float:left;
			padding:0 0 12px;
			width:30%;
		}
		#donate form ul.r-1 li.c-3 {
			float:right;
			width:39%;
		}
		#donate form ul.r-2 {
			float:left;
			width:313px;
		}
		#donate form ul.r-2 li {
			float:left;
			padding:0 0 12px;
			width:21%;
		}
		#donate form ul.r-2 li.c-3 {
			float:right;
			width:57%;
		}
		#donate form ul.r-3 {
			float:left;
			width:260px;
		}
		#donate form ul.r-3 li {
			float:left;
			padding:0;
			width:26%;
		}
		#donate form ul.radios li label,
		#donate form ul.radios li input {
			float:left;
		}
		#donate form ul.radios li input.radio {
			margin:3px 6px 0 0;
		}
		#donate form ul.radios li input.text {
			float:right;
		}
	#donate .button{
		background:url('../images/grid/bg_btn_r.gif') right no-repeat;
		border:0;
		cursor:pointer;
		font-size:12px;
		font-weight:bold;
		padding:0 18px 0 0;
		text-align:center;
	}
		#donate .button span { 
			background:url('../images/grid/bg_btn_l.gif') left no-repeat;
			color:#323d14;
			display:block;
			height:33px;
			line-height:33px;
			padding:0 0 0 20px;
			white-space:nowrap;
		}
		#donate .button:hover {
			background:url('../images/grid/bg_btn_r_h.gif') right no-repeat;
		}
		#donate .button:hover span {
			background:url('../images/grid/bg_btn_l_h.gif') left no-repeat;
			color:#fff;
		}
/*
	association
****************************************************************/
.association {
	background:url("../images/grid/bg_box_t1_b.gif") 0 100% no-repeat;
	margin:0 0 11px;
}
	.association .box {
		background:url("../images/grid/bg_box_t1_t.gif") 0 0 no-repeat;
		padding:23px 20px 7px 22px;
	}
	#wrapper .association .box p.more{
		border-bottom:1px solid #5b5b5b;
		margin:0 0 16px;
		padding:0 0 13px;
	}
	.association .box dl {
		margin:0 0 8px;
	}
	.association .box dl dt {
		font-weight:bold;
	}
	.association .box dl dd {
		background:url('../images/grid/dot.gif') 7px 7px no-repeat;
		margin:0 0 0px;
		padding: 0 0 0 26px;
	}
/*
	gifts
****************************************************************/
.gifts {
	background:url("../images/grid/bg_box_t2_b.gif") 0 100% no-repeat;
	margin:0 0 11px;
}
	.gifts .box {
		background:url("../images/grid/bg_box_t2_t.gif") 0 0 no-repeat;
		padding:18px 20px 2px 22px;
	}
	#wrapper .gifts .box ul {
		margin:0;
		padding:10px 0 0;
	}
	#wrapper .gifts .box ul li {
		border-top:1px solid #5b5b5b;
		margin:0;
		padding:12px 0 11px 56px;
	}
	#wrapper .gifts .box ul li.transvision-ticket {
		background:url('../images/grid/icon_transvision-ticket.gif') 4px 9px no-repeat;
	}
	#wrapper .gifts .box ul li.signed-book {
		background:url('../images/grid/icon_signed-book.gif') 8px 8px no-repeat;
	}
	#wrapper .gifts .box ul li.t-shirt {
		background:url('../images/grid/icon_t-shirt.gif') 7px 11px no-repeat;
	}
	#wrapper .gifts .box ul li.stickers {
		background:url('../images/grid/icon_stickers.gif') 9px 5px no-repeat;
	}
	
#t-shirt-example {
	margin-left:2px;
}
/*
	ray
****************************************************************/
.ray {
	background:url("../images/grid/bg_box_t2_b.gif") 0 100% no-repeat;
	margin:0 0 11px;
}
	.ray .box {
		background:url("../images/grid/bg_box_t2_t.gif") 0 0 no-repeat;
		padding:0 0 1px 0;
	}
	.ray .box a.book img{
		display:block;
	}
	.ray .box dl {
		margin:0 45px 15px;
	}
		.ray .box dl dt {
			color:#bbd76f;
			font-size:18px;
			font-weight:normal;
		}
			.ray .box dl dt a {
				color:#bbd76f;
			}
		.ray .box dl dd {
			color:#fff;
			font-size:16px;
			font-weight:bold;
		}
/*
	books
****************************************************************/
.books {
	background:url("../images/grid/bg_box_t2_b.gif") 0 100% no-repeat;
	margin:0 0 11px;
}
	.books .box {
		background:url("../images/grid/bg_box_t2_t.gif") 0 0 no-repeat;
		padding:18px 20px 2px 22px;
	}
	.books .box dl{
		border-top:1px solid #5b5b5b;
		padding:13px 0;
	}
	.books .box dl:after{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
		.books .box dl dt {
			float:left;
			width:82px;
		}
			.books .box dl dt img {
				display:block;
			}
		.books .box dl dd {
			margin:0 0 0 82px;
		}
			.books .box dl dd dl {
				border:none;
				line-height:1.15em;
				padding:32px 0 0;
			}
				.books .box dl dd dl dt,
				.books .box dl dd dl dd{
					float:none;
					margin:0;
					padding:0;
					width:auto;
				}
				.books .box dl dd dl dt {
					color:#fff;
					font-size:14px;
					font-weight:bold;
					margin:0 0 1px;
				}
					.books .box dl dd dl dt a {
						color:#fff;
					}
				.books .box dl dd dl dd {
					color:#fff;
					font-size:12px;
				}

/*
    wiki
****************************************************************/
.wiki {
    margin:20px 0 11px 2px;
}
    .wiki img {
        display:block;
    }