/* ============== */
/* = typography = */
/* ============== */

body, p {
	font-family: Georgia, Cambria, Times, 'Times New Roman', sans-serif;
	color: #525252;
	font-size: 14px; /* see below for JS-based font resizing */
	line-height: 20px;
}
p { margin-bottom: 20px; }
	#content_sidebar p { font-size: 12px; line-height: 18px; }
h2, small, #copyright, .home ul.events li strong {
	font-family: Helvetica;
}
h1 {
	font-size: 28px;
	line-height: 40px;
	font-weight: 500;
	color: #3e4999;
	text-align: center;
	background: transparent url('/images/h1_bg.png') no-repeat bottom;
	margin: 20px 0 0 0;
	padding: 10px 0 30px 0;
}
	.home h1 {
		background: transparent url('/images/h1_bg_home.png') no-repeat bottom;
	}
	#content_subnav h1 {
		font-size: 16px;
		line-height: 26px;
		text-align: left;
		background: none;
		padding: 14px 0 9px 0;
		margin: 0;
		border-bottom: 1px solid #ccc;
	}
			#content_subnav h1 a {
				color: #3e4999;
				text-decoration: none;
			}
	#content_sidebar h1 {
		font-size: 16px;
		line-height: 26px;
		background: none;
		padding: 14px 0 9px 0;
		margin: 20px 0 10px 0;
		border-bottom: 1px solid #ccc;
	}
		.home #content_sidebar h1 {
			font-size: 20px;
			line-height: 26px;
			padding: 10px 0 9px 0;
		}
h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #c1960e;
	margin: 0;
	text-transform: uppercase;
}
	h2 a {
		color: #c1960e;
		text-decoration: none;
	}
		h2 a:hover { text-decoration: underline; }
	body.faqs .qa h2 {
		font-size: 16px;
		line-height: 20px;
		text-transform: none;
	}
.yellow {
	color: #c1960e;
}
a {
	color: #3e4999;
}

/* ================= */
/* = js text-size  = */
/* ================= */
body.size_small #content_body, body.size_small #content_body p  {
	font-size: 14px;
	line-height: 20px;
}

body.size_medium #content_body, body.size_medium #content_body p  {
	font-size: 16px;
	line-height: 24px;
}
	body.size_medium #content_sidebar h1 {
		font-size: 18px;
	}
	body.size_medium #content_sidebar p {
		font-size: 13px;
		line-height: 24px;
	}
	body.size_medium h1 {
		font-size: 30px;
	}
	body.size_medium h2 {
		font-size: 22px;
		line-height: 24px;
	}
	body.size_medium #content_subnav li { font-size: 14px; }

body.size_large #content_body, body.size_large #content_body p  {
	font-size: 18px;
	line-height: 28px;
}
	body.size_large #content_sidebar h1 {
		font-size: 20px;
	}
	body.size_large #content_sidebar p {
		font-size: 14px;
		line-height: 26px;
	}
	body.size_large h1 {
		font-size: 32px;
	}
	body.size_large h2 {
		font-size: 24px;
		line-height: 28px;
	}
	body.size_large #content_subnav li { font-size: 15px; line-height: 26px; }


/* ========= */
/* = lists = */
/* ========= */

#content_body ul {
	margin-bottom: 20px;
}
#content_body li {
	list-style: none outside none;
	background: transparent url('/images/glyphs/yellow_target.png') no-repeat 0 5px;
	margin: 10px 20px;
	padding: 0 20px;
}
	* html #content_body li {
		list-style: none outside url('/images/glyphs/yellow_target_ie.png');
		background: none;
		margin: 10px 30px;
		padding: 0 5px;
	}

#content_body ul ul { /* indented sublists */
	margin-left: 20px;
}


/* ============= */
/* = commoners = */
/* ============= */

.clear, .home ul.events li div {
	clear: both;
	height: 0;
	overflow: hidden;
}
.hr {
	margin: -6px 0 0 0;
	padding: 0 0 5px 0;
	border-top: 1px solid #ccc;
}
img.ml_xinha_img {
	float: right;
	margin-left: 14px;
	margin-bottom: 14px;
}



/* ========== */
/* = layout = */
/* ========== */

#header_stretch {
	width: 100%;
	height: 120px;
	background: url('/images/header_stretch_bg.png') repeat-x;
}
	#header {
		width: 980px;
		height: 120px;
		background: url('/images/header_bg.jpg') no-repeat;
		margin: 0 auto;
		position: relative;
	}
		#header_nav {
			position: absolute;
			right: 20px;
			top: 15px;
		}
			#header_nav li {
				list-style: circle inside none;
				background: transparent url('/images/glyphs/yellow_sun_24.png') no-repeat 7px 2px;
				display: inline;
				padding: 0 13px 0 25px;
				margin: 0;
			}
				* html #header_nav li { background-image: url('/images/glyphs/yellow_sun.png'); }
				#header_nav li a { color: #525252; }
				
				body.home #nav_home a, body.lifestyle #nav_lifestyle a, body.community #nav_community a, body.about #nav_about a, body.contact #nav_contact a, body.giving #nav_giving a, body.volunteers #nav_volunteers a, body.employment #nav_employment a, body.links #nav_links a, body.privacy #nav_privacy a { font-weight: bold; text-decoration: none; }
				
		#logo {
			position: absolute;
			left: 36px;
			top: 19px;
		}
		
#nav_stretch {
	width: 100%;
	height: 44px;
	background: #e6c946 url('/images/nav_stretch_bg.png') repeat-x;

	border-top: 1px solid #cdb24a;
	border-bottom: 1px solid #cbaf44;
}
	#nav {
		width: 960px;
		height: 44px;
		margin: 0 auto;
		
		border-left: 1px solid #cdb24a;
		border-right: 1px solid #ffe87f;
	}
		#nav div {
			float: left;
			width: 238px;
			height: 44px;
			border-left: 1px solid #ffe87f;
			border-right: 1px solid #cdb24a;
			
			cursor: pointer;
		}

		#nav #nav_independent { background: url('/images/nav/independent.png') no-repeat; }
		#nav #nav_assisted { background: url('/images/nav/assisted.png') no-repeat; }
		#nav #nav_health { background: url('/images/nav/health.png') no-repeat; }
		#nav #nav_memory { background: url('/images/nav/memory.png') no-repeat; }

		body.independent #nav #nav_independent { background: url('/images/nav/independent_active.png') no-repeat; }
		body.assisted #nav #nav_assisted { background: url('/images/nav/assisted_active.png') no-repeat; }
		body.health #nav #nav_health { background: url('/images/nav/health_active.png') no-repeat; }
		body.memory #nav #nav_memory { background: url('/images/nav/memory_active.png') no-repeat; }
		
			#nav div a { visibility: hidden; }

#blue_stretch {
	width: 100%;
	height: 254px;
	
	background: #fff url('/images/nav/blue_gradient_bg.png') repeat-x;
}
	#blue {
		width: 958px;
		height: 174px;
		margin: 0 auto;
		position: relative;
	}
		#blue p {
			width: 445px;
			padding: 33px 0 0 20px;
			margin: 0;
			
			color: white;
			font-style: italic;
			font-size: 17px;
			line-height: 40px;
		}
			#blue p a {
				color: white;
			}
			#blue p p { /* if they create a paragraph in xinha */
				margin: 0;
				padding: 0;
			}
			#blue p span.yellow { font-style: normal; }
		#blue img.photo {
			position: absolute;
			top: 0;
			right: 0;
		}
		
#content_container {
	width: 960px;
	margin: 9px auto 0 auto;
	padding: 0 0 10px 0;
	background: transparent url('/images/960_dotted_bg.png') repeat-y;
}
	.home #content_container {
		background: transparent url('/images/960_dotted_bg_home.png') repeat-y;
		margin-top: 9px;
	}
	#content_body {
		position: relative;
		float: left;
		width: 520px; /* 560 */
		padding: 0 20px;
		margin: -89px 0 0 0;
	}
		.home #content_body {
			width: 600px;
			float: right;
		}
	#content_subnav {
		float: left;
		width: 160px;
		padding: 0 20px;
		margin: -9px 0 0 0;
	}
		#content_subnav li {
			list-style: none outside none;
			background: transparent url('/images/glyphs/yellow_target.png') no-repeat 0 15px;
			margin: 0;
			padding: 9px 0 10px 15px;
			border-bottom: 1px dotted #ccc;
			font-size: 13px;
		}
			#content_subnav li.child {
				background: transparent url('/images/glyphs/yellow_target.png') no-repeat 15px 15px;
				padding-left: 30px;
			}
			*html #content_subnav li {
				background-image: url('/images/glyphs/yellow_target.gif');
				border-bottom: 1px solid #ccc;
			}
			#content_subnav li.active { font-weight: bold; }
			#content_subnav li a { color: #525252; }
			#content_subnav li:last-child {
				border-bottom: 1px solid #ccc;
			}
			#content_subnav div#text_size:first-child {
				border-top: 1px solid #ccc;
				margin-top: 49px;
			}
	#content_sidebar {
		float: left;
		width: 160px; /* 560 */
		padding: 0 20px;
		margin: -29px 0 0 0;
	}
		.home #content_sidebar {
			width: 280px;
			float: right;
		}
		#content_sidebar .meet img {
			margin-bottom: 10px;
		}
		#text_size {
			position: relative;
			height: 39px;
			border-bottom: 1px solid #ccc;
		}
			#text_size small {
				top: 3px;
				position: absolute;
				font-size: 11px;
			}
			#text_size #text_size_buttons {
				position: absolute;
				right: 0;
				top: 7px;
			}
				#text_size_buttons div {
					width: 25px;
					height: 25px;
					float: left;
					margin-right: 5px;
				}
				#text_size_buttons a {
					cursor: pointer;
				}
				#text_size_buttons div.small { background-image: url(/images/text/small.gif); }
				#text_size_buttons div.medium { background-image: url(/images/text/medium.gif); }
				#text_size_buttons div.large { background-image: url(/images/text/large.gif); }
				
				body.size_small #text_size_buttons div.small { background-image: url(/images/text/small_a.gif); }
				body.size_medium #text_size_buttons div.medium { background-image: url(/images/text/medium_a.gif); }
				body.size_large #text_size_buttons div.large { background-image: url(/images/text/large_a.gif); }
			
		#search {
			height: 59px;
			border-bottom: 1px solid #ccc;			
		}
			#search small {
				line-height: 26px;
				font-size: 11px;
			}
			#search .search {
				width: 120px;
				height: 14px;
				padding: 4px 2px;
				border: 1px solid #ccc;
				line-height: 22px;
				vertical-align: bottom;
				margin: 0;
			}
			#search .submit {
				height: 24px;
				width: 30px;
				border: 1px solid #ccc;
				line-height: 20px;
				font-weight: bold;
				color: #666;
				margin: 0;
				font-size: 11px;
			}
	
#footer_banner {
	height: 40px;
	line-height: 40px;
	background: transparent url('/images/footer_yellow_bg.png') repeat-x;
	margin: 0 auto;
	text-align: center;
}
#footer {
	padding: 5px 0;
	text-align: center;
	background: transparent url('/images/footer_bg.jpg') no-repeat center;
}
	#footer_banner li, #footer li {
		list-style: circle inside none;
		background: transparent url('/images/glyphs/white_sun_24.png') no-repeat 7px 2px;
		display: inline;
		padding: 0 13px 0 25px;
		margin: 0;
	}
	#footer li {
		background: transparent url('/images/glyphs/yellow_sun_24.png') no-repeat 7px 2px;		
	}
		* html #footer_banner li { background-image: url('/images/glyphs/white_sun.png'); }
		* html #footer li { background-image: url('/images/glyphs/yellow_sun.png'); }
		#footer_banner li a, #footer li a { color: #525252; }
	#footer ul {
		padding: 10px 0;
	}
#copyright, #copyright a {
	font-size: 11px;
	color: #808080;
	margin: 0;
	text-decoration: none;
}
	#copyright a:hover { text-decoration: underline; }
	
	
/* ============ */
/* = homepage = */
/* ============ */

.column {
	width: 280px;
	margin-right: 40px;
	float: left;
}
	.column_right { margin-right: 0; }
	.column img {
		padding: 10px 0;
	}
	.column h2 {
		padding-top: 20px;
	}
.home ul.events {
	margin: -10px 0 10px 0;
}
.home .events li {
	list-style: none inside none;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 9px 0;
	margin: 0 0 0 0;
}
	.home #content_sidebar .events li strong {
		display: block;
		float: left;
		font-weight: 500;
		width: 75px;
		color: #e3c84b;
		font-size: 13px;
		line-height: 20px;
	}
	.home #content_sidebar .events li p {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 205px;
		float: left;
		font-size: 13px;
		line-height: 20px;
	}
	

/* ========= */
/* = staff = */
/* ========= */

.staff, .thumbnails {
	padding: 10px 0;
}
.staff img, .thumbnails img {
	float: left;
	padding-right: 20px;
	margin: -10px 0 10px 0;
}


/* ========= */
/* = links = */
/* ========= */

body.links .thumbnails {
	padding: 0;
	vertical-align: middle;
	padding: 10px 0;
}
body.links .thumbnails a {
	float: left;
	width: 160px;
	background-color: #f0f0f0;
	margin: 0 20px 0 0;
	height: 100px;
	text-align: center;
	padding: 0;
}
body.links .thumbnails h2 a {
	background-color: #fff;
	width: auto;
	height: auto;
}
body.links .thumbnails img {
	float: none;
	margin: 0;
}

/* ========= */
/* = video = */
/* ========= */

.video_list {
	float: left;
	width: 140px;
	margin-right: 20px;
}
	#content_body ul.video_list {
		margin-top: 20px;
		border-top: 1px dotted #ccc;
	}
	#content_body .video_list li {
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #ccc;
		background-position: 0 15px;
	}
		#content_body .video_list li.active a {
			font-weight: bold;
		}
.video_player {
	float: left;
	width: 320px;
	background-color: #f3f3f3;
	padding: 20px;
	margin: 19px 0 20px 0;
}
	.video_player .description, .video_player h2 {
		display: none;
	}