@import url(reset.css);

html, body { height: 100%; }

body {
	text-align: center;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#wrapper {
	background: #9d3821 url(../images/nhi_bg.png);
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 750px;
}

#header {
	background: #fff;
	width: 750px;
	height: 62px;
}

#content {
	position: relative;
	width: 750px;
}

#donate_button {float: right; margin: 30px 15px auto;}

	#left_side {
		background: #9d3821;
		float: left;
		width: 134px;
		height: 100%;
		color: #fff;
	}
	
		#nav {
			margin: 0;
			padding: 0;
		}
		
			#nav li {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
		
			#nav ol {
				padding: 0;
				list-style-type: none;
			}
			
			#nav ol li {
				background: #E58130;
				border-bottom: 1px dashed #fff;				
			}
				
				#nav ol li a { 
					background: #E58130 url(../images/white_arrow.gif) left no-repeat;
					color: #fff; 
					text-decoration: none;
					display: block;
					padding-left: 15px;
					line-height: 20px;
				}
				
				#nav ol li.selected {
					background: #fff;
				}
				
				#nav ol li.selected a, #nav ol li a:hover {
					background: #fff url(../images/red_arrow.gif) left no-repeat;
					color: #9d3821;
				}
					
			
			.hide { display: none; }
			
			.show { display: block; }
			
			a.navImg {
				display: block;
				width: 134px;
				height: 28px;
				text-indent: -999em;
				border-bottom: 1px solid #fff;
			}
			
			a#about { background: url(../images/about_us.gif); }
			a#programs { background: url(../images/programs.gif); }
			a#community { background: url(../images/community_service.gif); }
			a#employment { background: url(../images/employment.gif); }
			a#affiliates { background: url(../images/affiliates.gif); }
			a#contact { background: url(../images/contact_us.gif); }
			a#newsletter { background: url(../images/newsletter.gif); }
			
			a#about:hover, a.about_on { background: url(../images/about_us_on.gif) !important; }
			a#programs:hover, a.programs_on { background: url(../images/programs_on.gif) !important; }
			a#community:hover, a.community_on { background: url(../images/community_service_on.gif) !important; }
			a#employment:hover, a.employment_on { background: url(../images/employment_on.gif) !important; }
			a#affiliates:hover, a.affiliates_on { background: url(../images/affiliates_on.gif) !important; }
			a#contact:hover, a.contact_on { background: url(../images/contact_us_on.gif) !important; }
			a#newsletter:hover, a.newsletter_on { background: url(../images/newsletter_on.gif) !important; }
			
			#left_announce { background: #620; padding: 1px 0px 1px 0px; }
			
			#left_announce h2 { color: #66CCFF; font-size: 14px; font-weight: bold; margin: 0px 10px 8px 10px; }
			
			#left_announce h3 { font-size: 11px;  margin: 0px 10px 8px 10px; }
			
			#left_announce a { text-decoration: underline; color: #fff; }
			
			#left_announce p {  margin: 0px 10px 6px 10px; }
			
			#left_announce strong { color: #faf4ad; }
			
	#center {
		float: left;
		width: 400px;
		height: 100%;
		line-height: 1.5;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		background: #f6f7e6;
	}
		
		#center h1 {
			font-family: Arial, Helvetica, sans-serif;
			color: #7198b5;
			font-size: 18px;
			font-weight: bold;
			padding: 0px;
			margin: 5px 15px;
		}
		
		#center h2 {
			color: #666;
			font-size: 14px;
			font-weight: bold;
			padding: 0px;
			margin: 10px 15px 0px 15px;
		}
	
		#center p {
			margin: 10px 15px;
			font-size: 11px;
		}
		
		#center dt {
			padding: 0px;
			margin: 5px 5px 5px 15px;
			font-weight: bold;
		}
		
		#center dd {
			margin: 0px 5px 5px 25px;
			padding: 0px;
		}
		
		#center a {
			color: #00589d;
			}
		
	#right_side {
		background: #9d3821;
		float: right;
		width: 212px;
		height: 100%;
		text-align: center;
	}
	
	#right_side img { display: block; margin: 0; padding: 0; }
	
	#right_tout {
		width: 212px;
		min-height: 200px;
		text-align: left;
		background: url(../images/right_texture.gif) no-repeat top left;
		margin: 0px;
		padding: 1px 0px;
		color: #fff;
	}
	
		#right_tout a { color: #faf4ad; text-decoration: underline; }
	
		#right_tout h1 {
			font-weight: bold;
			color: #faf4ad;
			font-size: 12px;
			margin: 10px 10px;
			padding: 0px;
		}
		
		#right_tout p {
			color: #fff;
			margin: 5px 10px 5px 10px;
		}
		
		#right_tout ul { list-style-type: disc; margin: 15px 30px 15px 15px; padding: 0px 0px 0px 15px; }
		
		#right_tout ul li ul { margin: 0px 5px 0px 0px; list-style-type: circle; }
		
		#right_tout ul li { margin: 0px; padding: 0px; }
	
		#top_address {
			font-size: 9px;
			text-align: left;
			color: #fff;
			margin: 12px 15px 12px 15px;
			padding: 0px;
		}
		
		#events_list {
			margin: 10px;
			font-family: Arial, Helvetica, sans-serif;
			color: #fff;
			text-align: left;
			line-height: 1.2;
		}
		
		#events_list a { color: #faf4ad; }
		
		#events_list p { font-size: 10px; padding: 0; margin: 5px 10px 0px 10px; }
		
		#events_list h2 { font-size: 11px; padding: 0; margin: 10px 0 0 0; color: #faf4ad; }
		
		#calendar {
			font-size: 12px; 
			color: #fff;
			margin:0px;
			padding: 0px;
			width: 212px;
		}
			
			#calendar th {
				font-weight: bold;
			}
		
			#calendar td, #calendar th {
				border-bottom: 1px solid #fff;				
				text-align: center;
				padding: 0px 5px 0px 5px;
				
			}
			
			#calendar td.today {
				background: #fff;
				color: #9d3821;
			}
			
				#calendar td.today a { color: #CC9900; }
			
			#calendar a {
				color: #FFCC00;
				font-weight: bold;
				text-decoration: none;
				display: block;
			}

.canary { background: #f6f7e6; }

#popup {
	position: relative;	
	width: 430px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
	
	#popup h1 {
		font-family: Arial, Helvetica, sans-serif;
		color: #7198b5;
		font-size: 18px;
		font-weight: bold;
		margin: 15px;
	}
	
	#popup p {
		margin: 10px 15px;
		font-size: 11px;
	}
	
	#popup dt {
		margin: 5px 5px 5px 15px;
		font-weight: bold;
	}
	
	#popup dd {
		margin: 0px 5px 5px 35px;
	}
	
	#popup a {
		color: #00589d;
		}
	
#popupLogo {
	background: #fff url(../images/nhi-popup.gif);
	width: 432px;
	height: 71px;
	}
				

#footer {
	clear: both;
	background: #e9f4f2;
	height: 21px;
	width: 750px;
}

	#footNav {
		display: inline;
		padding: 0;
		margin: 0;
		width: 750px;
	}
	
	#footNav li {
		float: left;
		padding: 0; 
		margin: 0;
		display: inline;
		list-style-type: none;
	}
	
	#footNav li a {
		display: block;
		text-indent: -999em;
		height: 21px;
	}
	
		#footNav a#foot_home {
			background: url(../images/home.gif) no-repeat;
			width: 65px;
		}
		
		#footNav a#foot_finance {
			background: url(../images/financial.gif) no-repeat;
			width: 136px;
		}
		
		#footNav a#foot_ar {
			background: url(../images/annual.gif) no-repeat;
			width: 105px;
		}
		
		#footNav a#foot_privacy {
			background: url(../images/privacy.gif) no-repeat;
			width: 127px;
		}
		
		#footNav li.copyright {
			border-top: 2px solid #9d3821;
			width: 317px;
			height: 19px;
			color: #9d3821;
			text-align: right;
			font-size: 10px;
		}
		
		#footNav li.copyright span { margin-right: 25px; }