/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.75em/1.6 Verdana,sans-serif;
	background:#D9D9D9 url(../images/bg1.gif) repeat-x 0 0;
	color:#000}
.top {float:right; font-size:.85em; margin:0 27px 7px 20px}
#skip {position:absolute; top:0; right:0; visibility:hidden}

/* Universal Styles ----------------------------------------------- */
hr {clear:both; margin:0 27px 7px 20px; padding:12px 0 0; height:0; background:none; border:none; border-bottom:1px solid #CCC}
hr + ul {margin-top:20px}
hr + p {padding-top:10px}

.nobr {white-space:nowrap}
abbr {cursor:help}
.note {font-size:.9em; color:#333}

/* ---- links ---- */
a:link,
a:visited {color:#1B1B43; text-decoration:none}
a:hover {color:#BF0D00; text-decoration:underline}
a:active {color:#1B1B43; text-decoration:none}

/* ---- list ---- */
ul {list-style-image:url(../images/bullet1.gif); margin:0 27px 0 50px; padding:0}
ol {margin:0 27px 0 30px; padding:0}
ol ol {margin:0 27px 0 15px; padding:0}
li {margin:0; padding:0}
li span.more_info {margin:0; padding:0; display:block; color:#333}
ul li ul {margin-top:10px}

/* ---- definition list ---- */
dl {margin:0 27px 0 20px; padding:0}
dt {margin:13px 0 2px; padding:0; font-weight:bold}
dd {color:#333}

/* ---- styles for no javascript ---- */
#toggle dl {
	margin:0 27px 0 20px;
	padding:0 0 20px 20px}
#toggle dt {
	margin:7px 0;
	padding-left:15px;
	font-weight:bold;
	background:url(../images/arrow-right.gif) no-repeat 0 50%}
#toggle dd {
	font-size:.95em;
	margin:0;
	padding:0 0 10px 16px}
#toggle dd p {margin-left:0; margin-right:0}
#toggle_ON, #toggle_OFF {display:none}
#toggle dl dd img {
	margin:2px 0 2px 20px;
	padding:2px;
	float:right;
	border:1px solid #8C8ABD}
#toggle ol {
	margin:0 0 0 100px;
	padding:0}

/* ---- Service Area Toggle ----*/
#toggle dl {width:496px; margin:0 27px 0 20px; padding:0}
#toggle dl dt {color:#39378F}
#toggle dl dd {width:496px; font-size:1em; padding:0}
#toggle dl hr {margin:0 0 17px}
#toggle dl a.top {margin:0}

/* ---- Service Area Toggle BACKUP ----*/
/*#toggle dl#service_area {width:496px; margin:0 27px 0 20px; padding:0}
#toggle dl#service_area dt {font:normal 1.3em/1.6 Verdana,sans-serif; color:#39378F}
#toggle dl#service_area dd {width:496px; font-size:1em; padding:0}
#toggle dl#service_area hr {margin:0 0 17px}
#toggle dl#service_area a.top {margin:0}*/


/* ---- table ---- */
table {
	border-collapse:collapse;
	border:1px solid #CCC;
	margin:0 27px 7px 20px;
	padding:0;
	width:496px;
	background:#EEE;
	font-size:.9em}
tr {vertical-align:top}
th {
	padding:5px;
	background:#55850D;
	color:#FFF;
	border:1px solid #CCC}
th.cope_fax {width:90px}
th.cope_phone {width:140px}
th.cope_address, th.cope_provider {width:140px}
td {
	margin:2px 0;
	padding:5px;
	border-bottom:1px solid #666;
	border-left:1px solid #CCC}

table ul {list-style-image:url(../images/bullet3.gif); 	margin:0 0 0 20px}

table.extra_header {
	background:#55850D url(../images/bg_extra_header.gif) repeat-x left top;
	margin:15px 27px 0 20px;
	text-align:center}
table.extra_header h3 {
	margin:0;
	padding:10px 0;
	color:#FFF;
	font-weight:bold}
table.extra_header th {border-bottom:none}
table.extra_header td {border-bottom:none}

/* ---- headings ---- */
h1 {
	margin:0 27px 20px 20px;
	padding:0 0 11px;
	font:normal 1.5em/1.3 Verdana,sans-serif;
	color:#39378F;
	border-bottom:1px solid #BBB}
body#default h1 {border-bottom:none}
h2 {
	margin:0 27px 10px 20px;
	padding:20px 0 0 0;
	clear:both;
	font:normal 1.3em/1.6 Verdana,sans-serif;
	color:#39378F}
h2.less {font-size:1.2em; padding:0}
h1 + h2 {padding:0}
h3 {
	margin:20px 27px 5px 20px;
	padding:0;
	font:normal 1.2em/1.4 Verdana,sans-serif;
	color:#395D04}
h3.extra {color:#1B1B43}
h4, h5 {
	margin:10px 27px 5px 20px;
	padding:0;
	font-size:1.1em}
h5 {font-size:1em}

/* ---- linkPreview ---- */
.pdf, .doc, .docx, .ppt, .xls, .txt, .rtf {cursor:default; width:20px; margin:0 5px 0 0; padding:0 20px 0 0; background:transparent url(../images/icon_pdf.gif) no-repeat 100% 0}
.doc {background-image:url(../images/icon_doc.png)}
.docx {background-image:url(../images/icon_doc.png)}
.ppt {background-image:url(../images/icon_ppt.png)}
.xls {background-image:url(../images/icon_xls.png)}
.txt, .rtf {background-image:url(../images/icon_txt.png)}

/* Container ----------------------------------------------- */
#container {
	text-align:left;
	width:769px;
	margin:0 auto;
	background:url(http://www.agingkingcounty.org/images/bg_container.png) repeat-y 50% 0}

/* header1 ----------------------------------------------- */
#header1 {
	position:relative;
	width:769px;
	height:186px;
	margin:0 auto;
	background:transparent}
#top_nav {
	font:bold 10px/1.1 Verdana,sans-serif;
	position:absolute;
	top:6px;
	right:0;
	margin:0;
	padding:0;
	list-style:none}
#top_nav li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	border-left:1px solid #7573B1}
#top_nav li.top_nav_first {border:none}
#top_nav li a {
	display:block;
	border:0;
	padding:2px 6px;
	margin:0 4px;
	color:#100C40}
#top_nav li.selected a {background:#A1A0CA}
#top_nav li a i {color:#9B1707}

/* ---- Logo ---- */
a#logo {
	position:absolute;
	border:none;
	top:32px;
	left:0;
	display:block;
	width:385px;
	height:101px;
	padding:10px 10px 10px 0;
	background:transparent}
a#logo img {border:0}

/* ---- Header Pic ---- */
#pic {
	width:383px;
	height:124px;
	background:transparent url(../images/header_pic.jpg) no-repeat 0 0;
	position:absolute;
	top:29px;
	right:0}

/* ---- Navigation (see menu.css)---- */
ul.menu {
	position:absolute;
	bottom:3px;
	left:7px}

/* ---- Text Size ---- */
#header1 p {
	position:absolute;
	top:3px;
	left:0;
	margin:0;
	padding:0;
	font:bold 10px/1 Verdana,sans-serif;
	cursor:default}
#header1 p span,
#header1 p a {display:block; float:left; padding:6px}
#header1 p span {color:#666}
#header1 p a:hover {text-decoration:none; background:#A1A0CA}
a#size_default {background:#A1A0CA}
a#size_large {background:transparent}

/* header2 ----------------------------------------------- */
#header2 {
	margin:0;
	height:33px;
	background:url(../images/bg_header2.gif) no-repeat 0 100%}

p#breadcrumb {margin:5px 27px 7px 252px; font-size:.9em; color:#999}
p#breadcrumb a {color:#666}

/* Content ----------------------------------------------- */
#content {
	line-height:1.8em;
	float:right;
	width:543px;
	min-height:500px; height:auto !important; height:500px}

body#default #content {min-height:600px; height:auto !important; height:600px}

#content p {margin:0 27px 7px 20px}
#content li {margin:0 2px 7px 20px}
#content a:link {text-decoration:underline; color:#343492}
#content a:visited {text-decoration:underline; color:#444}
#content a:hover, #content a:active {text-decoration:underline; color:#BF0D00}

p.map a img {padding:5px; border:1px solid #CCC}
p.map a:hover img {border:1px solid #39378F}

img#sub-regions {float:right}

/* ---- Right ---- */
#right1,
#right2,
#right_space {
	float:right;
	width:150px;
	margin:0 8px;
	background:#FFF;
	border:1px solid #BBB;
	border-width:0 1px 1px;
	clear:both}
html>body #right1,
html>body #right2 {margin:0 17px}

/* What's New plug-in */
#right2 dl {margin:0; padding:0; font-size:.9em}
#right2 dt {margin:0; padding:5px; line-height:1.4em}
#right2 dd {margin:0; padding:0 5px 5px; font-size:.9em; line-height:1.4em; border-bottom:1px dashed #BBB}
#right2 .normal {}
#right2 .alternate {}

/* Highlights Page */
body.highlights div#content h2 {
	margin-bottom:0;
	font-size:.9em;
	padding:0 0 0 15px;
	background:url(../images/arrow-right2.gif) no-repeat 0 50%}
body.highlights div#content h2.less,
body.highlights div#content h2.less2 {
	margin:0 27px 10px 20px;
	padding:0;
	font-size:1.2em;
	background:none}
body.highlights div#content h2.less2 {font-weight:bold}
body.highlights div#content h3 {margin:0 27px 14px 35px; font-size:1.2em}
body.highlights div#content h3.less {margin:20px 27px 5px 20px}
div.short_desc {margin:0 27px 20px 35px; color:#666}
div.short_desc p {margin:0 0 7px}

/* Highlight Details page */
body.highlight_details div#content h2 {margin-bottom:0}
body.highlight_details div#content h3 {margin:7px 27px 14px 20px; font-size:.9em}
div#details {margin:0 27px 0 20px}
div#details p {margin:0 0 7px}

#right_space {
	border:0;
	height:10px}

#right1 h2,
#right2 h2 {
	font:bold 1.3em arial,verdana,sans-serif;
	margin:0;
	color:#442308;
	text-align:center;
	padding:4px 0;
	background:#EACE96 url(../images/bg_right1.gif) repeat-x 0 0}
#right2 h2{
	color:#300A0A;
	background:#EAA395 url(../images/bg_right2.gif) repeat-x 0 0}
#right1 h2 a:link, #right1 h2 a:visited {text-decoration:none; color:#442308}
#right2 h2 a:link, #right2 h2 a:visited {text-decoration:none; color:#300A0A}
#right1 h2 a:hover, #right1 h2 a:active, #right2 h2 a:hover, #right2 h2 a:active {text-decoration:underline}

#right1 p,
#right2 p {
	margin:5px 5px 0 5px;
	color:#2F0808;
	font-weight:bold;
	font-size:.9em}
#right1 ul,
#right2 ul {
	font:.9em/1.4em Verdana,sans-serif;
	margin:5px 0 0;
	padding:0;
	color:#272727;
	list-style:disc none}
#right1 li,
#right2 li {margin:0 10px 7px 20px}

/* Left ----------------------------------------------- */
#left {
	float:left;
	width:226px}
#left h2 {
	margin:0 10px 0 17px;
	padding:4px 0;
	font:bold 1.3em Arial,Verdana,sans-serif;
	color:#0E1F01;
	text-align:center;
	background:#CADFBB url(../images/bg_left_h2.gif) repeat-x 0 0}
body#default #left div,
#left div {
	margin:0 10px 0 17px;
	border:0;
	padding:0}
#left h3 {
	margin:0;
	font-size:1.1em;
	background:url(../images/arrow1.gif) no-repeat 5px .75em;
	padding:9px 0 7px 30px;
	color:#69140D}
h3#item1 a:link, h3#item1 a:visited, h3#item1 a:hover, h3#item1 a:active {color:#69140D}

h3#item2 {color:#1E2172; background-image:url(../images/arrow2.gif)}
h3#item2 a:link, h3#item2 a:visited, h3#item2 a:hover, h3#item2 a:active {color:#1E2172}

h3#item3 {color:#9E6500; background-image:url(../images/arrow3.gif)}
h3#item3 a:link, h3#item3 a:visited, h3#item3 a:hover, h3#item3 a:active {color:#9E6500}

h3#item4 {color:#395D04; background-image:url(../images/arrow4.gif)}
h3#item4 a:link, h3#item4 a:visited, h3#item4 a:hover, h3#item4 a:active {color:#395D04}

h3#item1,
h3#item2,
h3#item3 {border-bottom:1px dashed #BBB}
h3#item4 {border-bottom:1px solid #BBB}

body#default h3#item1,
body#default h3#item2,
body#default h3#item3,
body#default h3#item4 {border:0; margin:0}

#left h3.selected {
	border-bottom:1px solid #8B8BBD !important;
	background:#A1A0CA url(../images/arrow1b.gif) no-repeat 5px .75em}

h3.selected#item2 {background-image: url(../images/arrow2b.gif)}
h3.selected#item3 {background-image: url(../images/arrow3b.gif)}
h3.selected#item4 {background-image: url(../images/arrow4b.gif)}

#left h3.selected a {color:#FFF !important}

#left hr {
	margin:0;
	padding:0;
	border-bottom:1px dashed #BBB}
#left hr#bottom {border-bottom:1px solid #BBB}

#left p {
	color:#282828;
	margin:0 0 2px;
	padding:0 10px 5px;
	border-bottom:1px dashed #BBB}
#left p.last {border:0}

p#section {
	color:#150F6D;
	font-weight:bold;
	font-style:italic;
	margin:25px 10px 0;
	border:0} 
#left ul {
	margin:0 10px 43px;
	padding:0}
#left li {
	margin:0 10px 4px 43px;
	padding:0;
	color:#150F6D}

ul#pages {margin:0; padding:5px 0; background:#E6E5F1}
ul#pages li.selected {font-weight:bold; list-style:url(../images/bullet2.gif)}

#left a.getpdf img {margin:50px 0 0 0; padding:0 17px}

ul#pages ul {
	list-style:square;
	margin:0 !important;
	padding:0;
	font-size:.95em;
	line-height:1.2em}
	
ul#pages ul li{
	margin:0 10px 4px 23px;
	padding:0;
	color:#150F6D}
	
ul#pages ul li.selected {font-weight:normal; list-style:url(../images/bullet2.gif)}


/* ---- Other Logos ---- */
ul#logos {
	margin:15px 0 0 17px;
	background:#CCC;
	padding:0;
	list-style:none}
ul#logos li {
	margin:0;
	padding:0;
	display:inline}
ul#logos li a {
	display:block;
	float:left;
	overflow:hidden;
	text-decoration:none}
ul#logos li a i {visibility:hidden}
a#king {background:#FFF url(../images/logo_king.gif) no-repeat 0 0; margin:8px 0 0; width:55px; height:48px}
a#city {background:#FFF url(../images/logo_city.gif) no-repeat 0 0; margin:6px 0 0 13px; width:54px; height:50px}
a#united {background:#FFF url(../images/logo_united.gif) no-repeat 0 0; margin:14px 0 0 13px; width:68px; height:41px}

/* ---- Recent Blog Posts ---- */
div#blog-posts {margin-top:3em; padding:0 0 .5em; background:#F3F4F3}
#blog-posts h4 {margin:0 0 .5em; padding:.5em 30px; font-weight:normal; color:#1E2172; background:#E6E5F1}
#blog-posts ul {margin:0}
#blog-posts li {margin-bottom:1em}
#blog-posts li span {font-size:.9em}
#blog-posts p {padding:0 30px; border:0}
#blog-posts a {text-decoration:underline}

/* Footer ----------------------------------------------- */
#footer1 {
	clear:both;
	width:769px;
	height:54px;
	background:#FFF url(../images/bg_footer1.gif) no-repeat 50% 0}
#footer2 {
	margin:0 auto;
	width:769px;
	height:90px;
	background:transparent;
	color:#4F4F4F;
	font-size:.9em;
	clear:both;
	text-align:center}
#footer2 p {margin:10px 0 0 0}
#footer2 a {color:#888}

/* Calendars ----------------------------------------------- */
body.calendar h1 + h2 {margin:0; padding:0}
body.calendar dl {padding-bottom:20px}
body.calendar dt {margin-bottom:1em; font-size:.9em; padding:0 0 0 15px; background:#E6E5F1 url(../images/arrow-right2.gif) no-repeat 5px 50%}

body.calendar dl dd {margin:0 0 0 16px}
body.calendar dl dd p,
body.calendar dl dd hr {margin:1em 0}
html>body.calendar dl dd hr {margin:.25em 0 1em}
body.calendar dd.title {font:bold 1.2em/1.4em verdana,sans-serif; color:#395D04}

body.calendar dl dd.description {margin-top:10px; color:#666}
body.calendar dl dd.description p {margin-left:0 !important; margin-right:0 !important}

body.calendar ul.month {margin:0 27px 10px 37px; padding:0; list-style:none none}
body.calendar ul.month li {display:inline; margin:0 !important; padding:0}
body.calendar ul.month li a {display:inline; padding:5px 7px}
body.calendar ul.month li h2 {margin:3px 10px 0 0; padding:0; display:inline}
body.calendar ul.month li h2 a {padding:0}
body.calendar ul.month li span {padding:0 5px; color:#666}

body.calendar input {width:65px; font-size:.9em}
body.calendar input.submit {cursor:pointer; margin:10px auto 0; width:65px; display:inline}

/* Zoom Search ----------------------------------------------- */
#search {}
#search form {margin:0 27px 7px 20px; padding:20px 10px; background:#CECDE3; font-weight:bold; border-bottom:1px dashed #BBB}
#search input.zoom {width:300px}
#search input.submit {margin:0; width:70px}

#search .results {}
span.zoom, .highlight {background:#FFFF40}

#search h3 {margin-bottom:12px}
#search h4 {font-size:1.2em}
#search h4 strong {color:#E73421; font-size:.9em; padding:0 5px 0 0}
#search .infoline {padding-bottom:21px}
#search .context {color:#666}
#search .result_pages {padding:5px; font-weight:bold; background:#CECDE3; border-bottom:1px dashed #BBB}

.message {
	visibility:visible;
	display:none}