/* @override http://www.donorcare.org/stylesheets/common.css */

@import url("./whitespace-reset.css");

body {
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Sans-serif;
	color: #7C6A54;
	background: #F5EDD7; }

a { color: #4769B4; outline:none; }
a:hover { text-decoration: underline; }


body#home { background: #F5EDD7 url("../_images/bg_page-home.gif") repeat-x 0 106px; }
body#donate-tissue, body#about, body#outreach, body#research, body#partners, body#globals { background: #F5EDD7 url("../_images/bg_page-inner.gif") repeat-x 0 106px; }

/*Header - top images*/
body#home #header, body#error #header { background: transparent url("../_images/bg_header-home.jpg") no-repeat 100% 0; }
body#donate-tissue #header { background: transparent url("../_images/bg_header-donate-tissue.jpg") no-repeat 100% 0; }
body#about #header { background: transparent url("../_images/bg_header-about.jpg") no-repeat 100% 0; }
body#outreach #header { background: transparent url("../_images/bg_header-outreach.jpg") no-repeat 100% 0; }
body#research #header { background: transparent url("../_images/bg_header-research.jpg") no-repeat 100% 0; }
body#partners #header { background: transparent url("../_images/bg_header-partners.jpg") no-repeat 100% 0; }
body#globals #header { background: transparent url("../_images/bg_header-globals.jpg") no-repeat 100% 0; }

#sitewrapper {
	width: 955px;
	margin: 0 auto;
	background: #FCFAF4; }

#header {
	width: 955px;
	margin: 0 auto; }
	#header #logo {
		width: 65px;
		height: 71px;
		padding: 15px 0 20px 40px; }
		#header #logo a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -5000px;
			background: transparent url("../_images/logo.gif") no-repeat 0 0; }
	#header ul#navigation {
		background: #D8D1C0;
		float: left;
		width: 645px;
		height: 39px;
		padding: 0 0 0 310px; }
		#header ul#navigation li {
			float: left;
			padding: 3px 5px 0 0; }
			#header ul#navigation li a {
				display: block;
				float: left;
				line-height: 31px;
				width: 122px;
				height: 31px;
				color: #807363;
				font-size: 13px;
				font-family: "Lucida Grande", Arial, Sans-serif;
				text-align: center;
				border: 1px solid #CFC7B7;
				background: transparent url("../_images/bg_navigation.gif") repeat-x 0 0; }
			#header ul#navigation li a:hover,
			#header ul#navigation li a.active,
			body#about #header ul#navigation li#nav_about a,
			body#donate-tissue #header ul#navigation li#nav_donate a,
			body#outreach #header ul#navigation li#nav_outreach a,
			body#research #header ul#navigation li#nav_research a,
			body#partners #header ul#navigation li#nav_partners a {
				background-position: 0 -31px;
				text-decoration: none;}


/*Section Headers - large color band and quote */
	#header #section-header {
		height: 147px;
		width: 955px;
		position: relative; }
		#header #section-header h1 a{
			font-size: 22px;
			font-weight: normal;
			font-family: Georgia, Serif;
			color: #FFFFFF;
			position: absolute;
			left: 42px;
			bottom: 20px; }
		#header #section-header p.quote {
			display: none; }

	body#donate-tissue #header #section-header {
			background: #486AB4 url("../_images/bg_donate-tissue.jpg") no-repeat 100% 0; }
	body#about #header #section-header {
			background: #726658 url("../_images/bg_about.jpg") no-repeat 100% 0; }
	body#outreach #header #section-header {
			background: #4D917C url("../_images/bg_outreach.jpg") no-repeat 100% 0; }
	body#research #header #section-header {
			background: #aba197 url("../_images/bg_research.jpg") no-repeat 100% 0; }
	body#partners #header #section-header {
			background: #edbb44 url("../_images/bg_partners.jpg") no-repeat 100% 0; }
	body#globals #header #section-header {
			background: #aba197 /*url("../_images/bg_donate-tissue.jpg") no-repeat 100% 0*/; }

/*Sub Section Headers - small color band*/
#header #section-header_sub {
		height: 60px;
		width: 955px;
		position: relative; }
		#header #section-header_sub h1 a {
			font-size: 16px;
			font-weight: normal;
			font-family: Georgia, Serif;
			color: #FFFFFF;
			position: absolute;
			left: 42px;
			bottom: 12px; }

	body#donate-tissue #header #section-header_sub {background: #486AB4 url("../_images/bg_donate-tissue_sub.jpg") no-repeat 100% 0; }
	
	body#error #header #section-header_sub,
	body#about #header #section-header_sub {background: #726658 url("../_images/bg_about_sub.jpg") no-repeat 100% 0; } 
	body#outreach #header #section-header_sub {background: #4D917C url("../_images/bg_outreach_sub.jpg") no-repeat 100% 0; }
	body#research #header #section-header_sub {background: #aba197
	url("../_images/bg_research_sub.jpg") no-repeat 100% 0; }
	body#partners #header #section-header_sub {background: #edbb44 url("../_images/bg_partners_sub.jpg") no-repeat 100% 0; }
	body#globals #header #section-header_sub {background: #aba197
	url("../_images/bg_research_sub.jpg") no-repeat 100% 0; }
	
/*h2, h3 colors per section*/

body#donate-tissue #inner-main h1, body#donate-tissue #inner-main h2, body#donate-tissue #inner-main h3 {color: #3366CC;}
body#about #inner-main h1, body#about #inner-main h2, body#about #inner-main h3 {color: #726658;}
body#outreach #inner-main h1, body#outreach #inner-main h2, body#outreach #inner-main h3 {color: #4D917C;}
body#research #inner-main h1, body#research #inner-main h2, body#research #inner-main h3 {color: #867769;}
body#partners #inner-main h1, body#partners #inner-main h2, body#partners #inner-main h3 {color: #dda120;}
body#globals #inner-main h1, body#globals #inner-main h2, body#globals #inner-main h3 {color: #867769;}


#content {
	clear: both;
	width: 955px;
	margin: 0 auto; }

#home-sidebar {
	width: 256px;
	float: right;
	padding: 40px 0 0 0; }
	#home-sidebar #news-highlights {
		padding: 0 0 20px 0; }
		#home-sidebar #news-highlights h3 {
			height: 31px;
			padding: 0 10px;
			line-height: 31px;
			font-family: Georgia, Serif;
			font-weight: normal;
			font-size: 17px;
			color: #FFFFFF;
			margin: 0 0 7px 0;
			background: transparent url("../_images/bg_hdr-news.gif") no-repeat 0 0; }
			
		#home-sidebar #news-highlights p.item {
			padding: 0 15px 10px 10px; }
			#home-sidebar #news-highlights p.item strong {
				text-transform: uppercase;
				color: #4769B4; }
	
	#home-sidebar #news-highlights h3 a, #home-sidebar #outreach-highlights h3 a 					{ color: #fff; }
	#home-sidebar #outreach-highlights {
		padding: 0 0 20px 0; }
		#home-sidebar #outreach-highlights h3 {
			height: 31px;
			padding: 0 10px;
			line-height: 31px;
			font-family: Georgia, Serif;
			font-weight: normal;
			font-size: 17px;
			color: #FFFFFF;
			margin: 0 0 10px 0;
			background: transparent url("../_images/bg_hdr-outreach.gif") no-repeat 0 0; }
		#home-sidebar #outreach-highlights ul {
			padding: 0 20px 10px 10px; }
			#home-sidebar #outreach-highlights ul li {
				margin: 0 0 10px 0; }
				#home-sidebar #outreach-highlights ul li a { }

#home-intro {
	height: 98px;
	width: 662px;
	position: relative;
	margin: 0 0 20px 0;
	background: transparent url("../_images/bg_home-intro.png") no-repeat 0 0; }
	#home-intro h1#hdr_give-the-gift {
		height: 21px;
		width: 229px;
		text-indent: -5000px;
		background: transparent url("../_images/hdr_give-the-gift.gif") no-repeat 0 0;
		position: absolute;
		top: 40px;
		left: 26px; }
	#home-intro p {
		position: absolute;
		top: 20px;
		left: 290px;
		width: 350px;
		font-size: 11px;
		font-family: Georgia, Serif;
		letter-spacing: 0px;
		color: #333333;
		line-height: 150%; }
		#home-intro p strong { }

#donor-resources {
	width: 292px;
	height: 350px;
	padding: 2px;
	float: left;
	margin: 0 30px 20px 20px;
	_margin: 0 15px 20px 10px;
	border: 1px dashed #E2DDCF; }
	#donor-resources h2 {
		font-size: 20px;
		font-family: "Lucida Grande", Arial, Sans-serif;
		font-weight: normal;
		color: #7C6A54;
		text-transform: uppercase;
		padding: 95px 0 10px 10px;
		background: transparent url("../_images/bg_donor-resources.jpg") no-repeat 0 0; }
	#donor-resources p {
		padding: 0 10px 5px 10px; }
		#donor-resources p a#btn_donate-tissue {
			height: 23px;
			width: 131px;
			display: block;
			text-indent: -5000px;
			background: transparent url("../_images/btn_donate-tissue.gif") no-repeat 0 0; }
	#donor-resources ul {
		margin: 0 10px 5px 10px; }
		#donor-resources ul li {
			padding: 0 0 4px 0; }
			#donor-resources ul li a { }
	#donor-resources img {
		padding: 0px;
		border: 1px solid #d8d1c0;
		margin-bottom: 5px;
		}		

#healthcare-resources {
	height: 350px;
	width: 292px;
	padding: 2px;
	float: left;
	margin: 0 0 20px 0;
	border: 1px dashed #E2DDCF; }
	#healthcare-resources h2 {
		font-size: 20px;
		font-family: "Lucida Grande", Arial, Sans-serif;
		font-weight: normal;
		color: #7C6A54;
		text-transform: uppercase;
		padding: 95px 0 10px 10px;
		background: transparent url("../_images/bg_healthcare-resources.jpg") no-repeat 0 0; }
	#healthcare-resources p {
		padding: 0 10px 5px 10px; }
	#healthcare-resources ul {
		padding: 5px 10px 10px 10px; }
		#healthcare-resources ul li {
			padding: 5px 0 5px 0; }
			#healthcare-resources ul li a { }

/* INNER MAIN Sidebar: Secondary Nav --------------------------------------*/ 
#inner-sidebar {
	width: 237px;
	float: left;
	margin: 40px 71px 15px 40px;
	_margin: 40px 71px 15px 20px;
	padding: 2px 2px 2px 2px;
	border: 1px dashed #E2DDCF;
	background: transparent url("../_images/bg_donate-tissue-side.jpg") no-repeat 2px 2px; }
	#inner-sidebar ul {
		font-size: 12px;
		margin: 0px 10px 10px 10px; 
		padding: 15px 0 0 0; }
		#inner-sidebar ul li {
			list-style: none;
			padding: 3px 0; }
			#inner-sidebar ul li a {
				color: #7C6A54; }
				
	#inner-sidebar li a.active { text-decoration: underline; }			
				
	#inner-sidebar ul ul {
		font-size: 11px;
		margin: 5px 10px 10px 10px; 
		padding:  0 0 0 15px;
		border-left: 1px #ede8db solid;}
		#inner-sidebar ul ul li {
			padding: 3px 0; }
			#inner-sidebar ul li a {
				color: #7C6A54; }		


/* INNER MAIN STYLES --------------------------------------*/ 
#inner-main {
	width: 475px;
	float: left;
	margin: 40px 0 20px 0;
	}
	
/* Header Styles */	
	#inner-main h1 {
		font-size: 17px;
		font-weight: normal;
		margin: 0 0 15px 0; }
	#inner-main h2 {
		font-size: 17px;
		font-weight: normal;
		text-transform: uppercase;
		margin: 5px 0 10px 0; }
	#inner-main h3 {
		font-size: 13px;
		font-weight: normal;
		margin: 15px 0 8px 0;
		border-bottom: 1px #f1ebda solid;}
	#inner-main h4 {
		font-size: 12px;
		font-weight: normal;
		text-transform: uppercase;
		color: #333333;
		line-height: 145%;
		margin: 0 0 0 0;}
		
/* Breadcrumbs */		
	#inner-main p.breadcrumbs, #inner-main div.breadcrumb {
		font-size: 10px;
		font-family: "Lucida Grande", Arial, Sans-serif;
		color: #999;
		padding: 0 0 5px 0;
		margin: 0;
	}
	#inner-main p.breadcrumbs a, #inner-main div.breadcrumb a {
		color: #999;
	}
		
/* Paragraph Styles including images, callouts, classes */
	#inner-main p {
		font-family: Georgia, Serif;
		font-size: 12px;
		color: #333333;
		line-height: 180%;
		margin: 0 0 10px 0; }
	#inner-main p img {	
		margin: 5px 0 15px 25px;
		padding: 3px;
		border: 1px solid #D8D1C0;
		float: right;}
	#sitewrapper #content img.icon {	
		margin: 0;
		padding: 0 5px 0 0;
		border: none;
		float: none;}	
	#inner-main p.callout {
		border: 1px dashed #E2DDCF;
		padding: 10px;
		margin: 20px 0;
		text-align: center;
		color: #000;
		background-color: #f7f4ea;}
		
	#inner-main .error {
		font-family: Georgia, Serif;
		font-size: 12px;
		color: #ff0000;
		line-height: 180%;
		margin: 0 0 10px 0; }
	#inner-main .note {
		font-family: Georgia, Serif;
		font-size: 11px;
		color: #666;
		line-height: 180%; }
	
	.clear {
		clear: both; }
	p.col {
		float: left;
		width: 220px;
		padding-right: 15px; }
	
/* Lightbox */	
	#inner-main .lightbox {
		width: 478px; 
		margin: 5px 0 5px 0;
		padding: 0 0 5px 0;
	}
	#inner-main .lightbox img {
		padding: 3px;
		border: 1px solid #D8D1C0;
		margin: 2px;
	}

/* List Styles	-------------*/	
	#inner-main ul {
		font-family: Georgia, Serif;
		font-size: 12px;
		color: #333333;
		line-height: 160%;
		list-style-type: disc;
		list-style-position: outside;
		margin: 0 0 10px 15px;
		}
	#inner-main ul li{
	margin: 0 0 10px 0;
	}
	#inner-main ol
	{
		font-family: Georgia, Serif;
		font-size: 12px;
		color: #333333;
		line-height: 180%;
		margin: 0 0 5px 10px;
		list-style-type: decimal;
		list-style-position: inside;
	}
	#inner-main dl
	{
		font-family: Georgia, Serif;
		font-size: 12px;
		color: #333333;
		line-height: 160%;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px #ccc solid;
	}
	#inner-main dl dt {
	font-size: 14px;
	margin: 0 0 5px 0;
	}
	#inner-main dl dd {
	margin: 0 0 0 15px;
	padding: 0 0 5px 0;
	}

/* Sitemap list styles */
#inner-main #sitemap ul {
	padding: 0;
	margin: 0;
		 }
		#inner-main #sitemap ul li {
			margin: 0;
			list-style: none;
			padding: 0; }
			#sitemap ul li a {
				color: #7C6A54; }
#inner-main #sitemap ul ul {
		margin: 5px 10px 10px 10px; 
		padding: 0 0 0 15px;
		border-left: 1px #ede8db solid;}
		#inner-main #sitemap ul ul li {
			padding: 0; }
			#inner-main #sitemap ul li a {
				color: #7C6A54; }			


#inner-main .detail {
	font-family: Georgia, Serif;
		font-size: 13px;
		color: #666;
	}
	
	
/* Table ----------------*/
		
		#main #strategic table {
		color: #333;
		border-bottom: 1px solid #ccc;
		padding: 0 0 25px 0;
		background-color: #333;
		}
		#strategic td {
			line-height: 140%;
			font-family: Georgia, Serif;
			font-size: 12px;
			color: #333;
			padding: 10px 20px 10px 0;
			text-align: left;
			vertical-align: top; }
		#strategic tr.alt  {
			background-color: #f8f4e6;
		}

/*Donate Tissue (tissue-uses)  blue */	
		#strategic th {
			font-size: 13px;
			font-weight: normal;
			color: #3366CC;
			border-bottom: 1px solid #ccc;
			text-align: left;
			padding: 0 0 5px 0;
		}

/*Globals/Research (news) light brown */			
		#strategic th.news {
			font-size: 13px;
			font-weight: normal;
			color: #867769;
			border-bottom: 1px solid #ccc;
			text-align: left;
			padding: 0 0 5px 0;
		}	
/*Outreach (events-calendar) green */			
		#strategic th.events {
			font-size: 13px;
			font-weight: normal;
			color: #4D917C;
			border-bottom: 1px solid #ccc;
			text-align: left;
			padding: 0 0 5px 0;
		}	



/* Footer */

#footer {
	width: 815px;
	margin: 20px 0 0 0;
	clear: both;
	background-color: #f8f4e6;
	padding: 10px 70px;
	text-align: center;
	font-size: 10px;
	color: #333333; }
	#footer p {
		line-height: 140%; }
	#footer p.footer-nav {
		width: 620px;
		float: right;
		margin: 0 0 15px 25px;
		text-transform: uppercase;
		color: #9B8D7A; }
		#footer p.footer-nav a {
			color: #9B8D7A; }
	
	#footer p.footer-address{
		clear: both;
	}
	#footer img {
		float: right;
		margin:  0 0 0 30px;
	}