* { margin: 0; padding: 0; }
a img { border: 0; }

/* =TYPE STYLES
_____________________________________________________ */
p { margin: 2px 0 10px; line-height: 150%; }
p strong { color: #555; }
h1, h2, h3, h4 { letter-spacing: -.03em; text-shadow: .15em .15em .07em #EEE; }
h1 { font: bold 200% Helvetica, Arial, sans-serif; color: #D50A27; margin: .2em 0 .3em; }
h2 { font: bold 140% Helvetica, Arial, sans-serif; margin-top: 8px; color: #BBB; }
.popup { font: bold 90% Helvetica, Arial, sans-serif; color: #FFF; letter-spacing: -.025em; margin-top: 20px; }
.popup a { color: #BBB; text-decoration: none; border-bottom: 1px solid #999; }
.popup a:hover { color: #FFF; text-decoration: none; border-bottom: 1px solid #FFF; }

#content a:link, #content a:visited { color: #D50A27; text-decoration: none; border-bottom: 1px solid #FBABB7; }
#content a:hover, #content a:active { color: #B1011A; text-decoration: none; border-bottom: 1px solid #D50A27; background: #FEE0E4; }

/* =COMMON ELEMENTS
_____________________________________________________ */
body {
	font: .8em/1.25em Georgia, "Times New Roman", Times, serif;
	color: #555;
	margin: 0; padding: 0;
	text-align: left;
	background: #777 url(../img/body-home.jpg) no-repeat 50% 90px; 
}
body#about { background: #777 url(../img/body-about.jpg) no-repeat 50% 90px; }
body#services { background: #777 url(../img/body-services.jpg) no-repeat 50% 90px; }
body#patients { background: #777 url(../img/body-patients.jpg) no-repeat 50% 90px; }
body#volunteer { background: #777 url(../img/body-volunteer.jpg) no-repeat 50% 90px; }
body#donations { background: #777 url(../img/body-donations.jpg) no-repeat 50% 90px; }
body#contact { background: #777 url(../img/body-contact.jpg) no-repeat 50% 90px; }
body#none { background: #777; margin: 15px; }

#logo { 
	position: absolute;
	bottom: 12px; right: 60px;
	width: 128px; height: 63px;
}
#container {
	position: relative;
	margin: 75px auto 10px;
	width: 800px; height: 500px;
}
#content {
	width: 400px; height: 310px;
	position: absolute;
	top: 70px; right: 55px;
	padding: 6px;
	overflow: auto;
}
#content ul { margin: 3px 0 5px 20px; }
#content li {
	padding-left: 20px; margin: 0;
	line-height: 140%;
	background: url(/img/bullet.gif) no-repeat 0 .3em;
	list-style-type: none;
	position: relative;
}




/* =NAVIGATION
_________________________________________________________________ */
#navs {
    width: 800px; height: 25px;
	background-image: url(/img/navs.jpg);
    margin: 0 auto; padding: 0;
	position: relative;
}
#navlist li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
#navlist li, #navlist a {
    height: 25px; display: block;
	text-indent: -9999px; overflow: hidden;
}
#nav1 { left: 0; width: 100px; }
#nav2 { left: 114px; width: 100px; }
#nav3 { left: 224px; width: 112px; }
#nav4 { left: 336px; width: 110px; }
#nav5 { left: 446px; width: 112px; }
#nav6 { left: 558px; width: 110px; }
#nav7 { left: 668px; width: 112px; }

#nav1 a:hover, #nav1 a.selected {
    background: transparent url(/img/navs.jpg)
	0 -25px no-repeat; }
#nav2 a:hover, #nav2 a.selected {
    background: transparent url(/img/navs.jpg)
    -114px -25px no-repeat; }
#nav3 a:hover, #nav3 a.selected {
    background: transparent url(/img/navs.jpg)
    -224px -25px no-repeat; }
#nav4 a:hover, #nav4 a.selected {
    background: transparent url(/img/navs.jpg)
    -336px -25px no-repeat; }
#nav5 a:hover, #nav5 a.selected {
    background: transparent url(/img/navs.jpg)
    -446px -25px no-repeat; }
#nav6 a:hover, #nav6 a.selected {
    background: transparent url(/img/navs.jpg)
    -558px -25px no-repeat; }
#nav7 a:hover, #nav7 a.selected {
    background: transparent url(/img/navs.jpg)
    -668px -25px no-repeat; }





/* =FOOTER
_____________________________________________________ */
#footer {
	width: 780px; height: 50px;
	margin: 0 auto;
	color: #AAA;
	font-size: 95%;
	background: url(/img/logos-friends.gif) no-repeat right top;
}
#footer p { margin: 1px 0 2px; line-height: 120%; }
#footer p a { border-bottom: 1px solid #888; }
#footer li { display: inline; }
#footer a:link, #footer a:visited { color: #AAA; text-decoration: none; }
#footer a:hover, #footer a:active { color: #EEE; text-decoration: none; }



/* =TABLE
_____________________________________________________ */
table { border-collapse: collapse; border: 1px solid #839E99; background: #f1f8ee; font: .9em/1.2em Georgia, "Times New Roman", Times, serif; color: #033; }
caption { font-weight: bold; font-size: 170%; letter-spacing: -.03em; text-align: center; padding: 1em 4px; color: #FFF; }
td, th { padding: 7px; line-height: 1.3em; }
th { background: #839E99; color: #FFF; font-weight: bold; text-align: left; padding-right: .5em; vertical-align: top; }
thead th { background: #2C5755; text-align: center; }
.odd td { background: #DBE6DD; }
.odd th { background: #6E8D88; }
.centered { text-align: center; }
td a, td a:link { color: #325C91; }
td a:visited { color: #466C8E; }
td a:hover, td a:focus { color: #1E4C94; }
th a, td a:active { color: #FFF; }
tfoot th, tfoot td { background: #2C5755; color: #FFF; }
th + td { padding-left: .5em; }