@import "reset.css";

/*body {background:#fff url('/img/gui/bg-col.jpg') repeat-y; font:93%/1.5 arial, verdana, times new roman; color:#333333;}*/
body {background:#fff url('/img/gui/bg-col.jpg') repeat-y; font:93%/1.5 Georgia,"Lucida Sans Unicode",lucida,Verdana,sans-serif; color:#333333;}

/*********************************************************************************** SPLASH PAGE *****/
#splashpage {background:#fff url('/img/gui/bg.jpg'); }
#splashpage a{color:#6b1414;}
#shell {position:relative; background:transparent url('/img/gui/enter.png') 50% 185px no-repeat; margin:10px auto; width:860px; height:600px; text-align:center;}

a#tacoma, a#tacoma:hover  {display:block; position:absolute; top:185px; left:40px; width:335px; height:275px; text-indent:-99999px;}
a#tacoma:hover {background:transparent url('/img/gui/enter-hover.png') 0% 0% no-repeat;}
#t-cap {display:block; position:absolute; top:450px; left:56px; width:200px;  text-align:left;}

a#kent, a#kent:hover {display:block; position:absolute; top:185px; right:40px; width:335px; height:275px; text-indent:-99999px; }
a#kent:hover{background:transparent url('/img/gui/enter-hover.png') right 0 no-repeat;}
#k-cap {display:block; position:absolute; top:450px; right:54px;}

#newsletter {display:block; position:absolute; top:518px; left:340px; font-weight:bold; font-size:1.2em;}
#communityblog{display:block; position:absolute; top:548px; left:347px;}

.logo{width:172px; height:131px; margin:0 auto; background: transparent url('/img/gui/main_logo.gif') top left no-repeat; text-indent:-99999px; }
.slogan{width:449px; height:25px; margin:20px auto 0 auto; background: transparent url('/img/gui/slogan.gif') top left no-repeat; text-indent:-99999px;}

/********************************************************************************* MAIN CONTENT *****/
#container{width:900px;  overflow:hidden;}
#left-bar{float:left; width:140px; padding-top:10px;}
#left-bar h1{margin:10px;}
#main-content{float:left; margin:10px 0 0 25px; width:700px;}

/******************* HEADERS *****/
#tacomaheader{background: transparent url('/img/weatherly-tacoma.gif') 50% 0% no-repeat; width:100%; height:107px; text-indent:-99999px;}
#kentheader{background: transparent url('/img/weatherly-kent.gif') 50% 0% no-repeat; width:100%; height:107px; text-indent:-99999px;}

.mainheader{width:100%; height:107px; text-indent:-99999px; }
#aboutus{background: transparent url('/img/about-us.gif') top right no-repeat;}
#activities{background: transparent url('/img/activities.gif') 100% 0 no-repeat;}
#adult{background: transparent url('/img/adult-day-care.gif') top right no-repeat;}
#asslivacts{background: transparent url('/img/assisted-living.gif') top right no-repeat;}
#assistedliving{background: transparent url('/img/assisted-living.gif') top right no-repeat;}
#dementia{background: transparent url('/img/dementia-care.gif') top right no-repeat;}
#demact{background: transparent url('/img/dementia-care.gif') top right no-repeat;}
#respitecare{background: transparent url('/img/respite-care.gif') top right no-repeat;}
#respiteass{background: transparent url('/img/respite-care.gif') top right no-repeat;}
#respitedementia{background: transparent url('/img/respite-care.gif') top right no-repeat;}
#retirementliv{background: transparent url('/img/retirement-living.gif') top right no-repeat;}
#partners{background: transparent url('/img/partners-in-care.gif') top right no-repeat;}
#respitecare2{background: transparent url('/img/respite-care2.gif') top right no-repeat;}

/********************************************************************************* NAVIGATION *****/
.nav {list-style-type:none; background:url('/img/gui/bg-nav.jpg') no-repeat; width:120px; margin:0 auto; height:165px; margin-bottom:5px; line-height:1.3;}
.kent{height:190px;}
.tacoma{height:250px;}
.nav li { margin: 0 5px; padding:5px 3px; border-bottom: 1px solid black; font-weight:bold; font-size:.8em; }
.nav li a {text-decoration:none; color:#6b1414;}
.nav li a:hover {color:#CD7677; }
.nav li.first {padding-top:8px;}

/********************************************************************************* FOOTER *****/
#footer {margin:0 auto 15px auto; width:450px; text-align:center; font-size:.8em;}

/******************* Footer Navigation *****/
.footer-nav {list-style-type:none; margin:20px auto 15px auto; text-align:center;}
.footer-nav li {display:inline; padding:0 3px; border-right:1px solid #000; text-transform:uppercase; font-size:.8em;}
.footer-nav li.last{border:0 none;}

/********************************************************************************* FORMS *****/
#inquiry {margin:20px 0 0 0;}
#inquiry table {margin:0 auto;}
#inquiry label {display:block; float:right; font-weight:bold;}
#inquiry td {padding:10px; border:1px solid #616161;}
#inquiry input[type="text"] { height:20px;}

/********************************************************************************* MISCELLANEOUS *****/
.center {text-align:center; margin:0 auto;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.float-right {float:right;}
.float-left {float:left;}
.noborder {border:none;}
.nomargin {margin:0;}
.underline {text-decoration:underline;}
.cap-f {display:block; float:left; background: url('/img/f.gif') no-repeat; padding:15px 15px 0 15px; margin-top:-2px; text-indent:-99999px;}
.lrgheader{font-size:1.3em;}
.uppercase{text-transform:uppercase;}

.oval{display:block; width:116px; height:24px; background:transparent url('/img/gui/oval.gif') no-repeat; text-align:center; margin:0 auto;
	  font-weight:bold; font-size:.9em; text-decoration:none; color:#6b1414; padding-top:9px;}
.oval:hover{background:transparent url('/img/gui/oval_RO.gif') no-repeat;}

.big{font-size:1.5em; font-weight:bold;}

/******************* Lists *****/
.box{list-style-type:disc; margin:10px 0 10px 15px; padding:5px; border:3px solid #660000; background:#feebcf; }
.box li{margin:0 0 0 15px;}

ul.disc{list-style-type:disc; margin:10px 0 10px 30px;}
#sitemap ul.disc{margin:0 0 0 30px;}