/* 
Title:		hospiceofsouthernmaine.org screen styles
Author: 	gordon@slickfishstudios.com
*/

html, body, table { 
	height: 100%;
	width: 100%; 
	margin: 0; 
	padding: 0;

	font-size: small;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #5c5c5c;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
body {
	background: #d2c997 url(../images/hsm-gradient.jpg) repeat-x left top;
}

td {vertical-align: middle;}


/* anchors */
a:link, a:hover, a:visited, a:active {
	outline: none;
}
a {
	color: #41ad49;
	text-decoration: underline;
}
a:hover {
	color: #3e795f;
	text-decoration: underline;
}

a.backtotop {
	color: #7f9db9;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: .85em;
	margin-bottom: 10px;
}
a.backtotop:hover {
	color: #355a7c;
	text-decoration: underline;
}

/* specifics */
em {
	color: #0b4d1a; /* green */
}
h1 {
	font-family: "Adobe Garamond Pro", Palatino, "Times New Roman", Times, serif;
	color: #5c5c5c;
	font-size: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: normal;
}
h2 {
	padding: 5px 0;
	margin: 0;
	color: #5c5c5c;
	font-size: 14px;
}
h3 {
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
}



.green {
	color: #0b4d1a;
}
.grey {
	margin: 0;
	padding: 0;
	color: #555;
	font-size: 11px;
	text-transform: uppercase;
	font-variant: small-caps;
}
hr {
	border: none; 
	background: #ccc;
	color: #ccc;
	height: 1px;
	padding: 0;
	margin: 10px 20px 10px 0;
}
.inset {
	margin: 0 20px;
}
.black {
	color: #000;
}
.clear {
	clear: both;
}
.line-height-normal {
	line-height: normal;
}	

.indent {
	padding: 0 10px;
	display: block;
}

.small {
	font-size: .9em; 
	font-weight: normal;
	text-transform: none;
}
.big {
	font-size: 1.2em; 
}
.right_side {
	float: right;
	padding: 0;
	margin: 0 0 0 15px;
	text-align: right;
}
.right_side2 {
	float: right;
	padding: 0;
	margin: 0 0 0 15px;
	text-align: right;
	font-size: 11px;
	color: #999;
}
.right_side2 img {
	border: 1px solid #333;
	display: block;
}
.column {
	float: left;
	width: 190px;
	padding-right: 16px;
}
.column-small {
	float: left;
	width: 193px;
	padding: 0 5px;
	display: inline;
	color: #777;
}
.column-small p {
	line-height: normal;
	padding: 4px 0;
	margin: 0;
}
.column-small a {
	color: #025c1a;
	text-decoration: underline;
	font-size: 11px;
}
.column-small a:hover {
	color: #002f0d;
	text-decoration: underline;
}
.column-small b, .column-small strong, .column-small .head {
	color: #014b15;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}
.column-small .current {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

/* LISTS */
ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 12px;
}
ul li {
	padding: 0 0 7px 0;
	margin: 0;
}
ul li.header {
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
}
ul li.header a {
	text-decoration: none;
	color: #5c5c5c;
}
ul li.header a:hover {
	text-decoration: underline;
	color: #444;
}
/* nested list */
ul li ul, ul.parent {
	list-style-type: disc;
	padding: 0;
	margin: 5px 0 5px 20px;
	font-size: 12px;
}
ul.parent {
	margin: 10px 0 5px 40px;
	font-size: 12px;
}
ul.parent a.header, ul.parent span.header {
	font-size: 14px;
	font-weight: bold;
}
ul li ul li, ul.parent li {
	padding: 0 0 4px 0;
	margin: 0;
}

/* *************** ALTERNATE FLASH CONTENT *************** */
#noflash {
	background: url(../images/no_flash-bkg.jpg) no-repeat left top;
	width: 870px;
	height: 600px;
	color: #fff;
}
#noflash #noflash-format {
	padding: 15px;
	text-align: center;
}

/* ***************//*************** */
/* ***************WRAPPERS*************** */
/* wrapper etc */
#wrapper { 
	margin: 0 auto;
	padding: 0;
	width: 920px;
}
#hospice-tree {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: -1;
	background: url(../images/hospice-tree.gif) no-repeat left top;
	width: 550px;
	height: 300px;
}

/* ***************//*************** */
/* *************** BANNER *************** */
#banner { 
	margin: 0;
	padding: 0;
	width: 920px;
	height: 91px;
	background: url(../images/banner-bkg.jpg) no-repeat left top;
}
#logo {
	width: 470px;
	height: 91px;
	margin: 0 95px 0 30px;
	padding: 0;
	float: left;
}
#logo img {
	margin: 0;
	padding: 0;
	border: none;
	width: 470px;
	height: 91px;
	display: block;
}
#banner-box {
	width: 325px;
	height: 91px;	
	float: left;
	padding: 0;
	margin: 0;
}
#banner-contact-btn {
	height: 22px;
	width: 80px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/banner-contact-btn.png) no-repeat left top;
	display: block;
	margin: 20px 0 0 0;
	border: none;
}
#banner-contact-btn:hover {
	background: url(../images/banner-contact-btn.png) no-repeat left -22px;
	border: none;
}
#banner-info {
	float: right;
	display: inline;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
	width: 235px;
	height: 69px;
	font-size: 11px;
	color: #5c5c5c;
	line-height: 140%;
	overflow: hidden;
}
/* ***************//*************** */

/* *************** NAVIGATION *************** */
#navigation { 
	margin: 0 auto;
	padding: 0;
	width: 920px;
	height: 54px;
}
/* About Hospice and End-of-Life */
#btn-hospice, 
#btn-hospice.current 
{
	width: 150px;
	height: 54px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/btn-hospice.png) no-repeat left top;
	display: block;
	float: left;
	margin: 0;
	border: none;
}
#btn-hospice.current {
	background: url(../images/btn-hospice.png) no-repeat left -108px;
}
#btn-hospice:hover, #btn-hospice.current:hover {
	background: url(../images/btn-hospice.png) no-repeat left -54px;
	border: none;
}

/* Our Services */
#btn-services, 
#btn-services.current 
{
	width: 110px;
	height: 54px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/btn-services.png) no-repeat left top;
	display: block;
	float: left;
	margin: 0;
	border: none;
}
#btn-services.current {
	background: url(../images/btn-services.png) no-repeat left -108px;
}
#btn-services:hover, #btn-services.current:hover {
	background: url(../images/btn-services.png) no-repeat left -54px;
	border: none;
}

/* Care Settings at Hospice */
#btn-care-settings, 
#btn-care-settings.current 
{
	width: 119px;
	height: 54px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/btn-care-settings.png) no-repeat left top;
	display: block;
	float: left;
	margin: 0;
	border: none;
}
#btn-care-settings.current {
	background: url(../images/btn-care-settings.png) no-repeat left -108px;
}
#btn-care-settings:hover, #btn-care-settings.current:hover {
	background: url(../images/btn-care-settings.png) no-repeat left -54px;
	border: none;
}

/* From Our Patients and Their Families */
#btn-from-patients, 
#btn-from-patients.current 
{
	width: 152px;
	height: 54px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/btn-from-patients.png) no-repeat left top;
	display: block;
	float: left;
	margin: 0;
	border: none;
}
#btn-from-patients.current {
	background: url(../images/btn-from-patients.png) no-repeat left -108px;
}
#btn-from-patients:hover, #btn-from-patients.current:hover {
	background: url(../images/btn-from-patients.png) no-repeat left -54px;
	border: none;
}

/* About Us */
#btn-about, 
#btn-about.current 
{
	width: 100px;
	height: 54px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/btn-about.png) no-repeat left top;
	display: block;
	float: left;
	margin: 0;
	border: none;
}
#btn-about.current {
	background: url(../images/btn-about.png) no-repeat left -108px;
}
#btn-about:hover, #btn-about.current:hover {
	background: url(../images/btn-about.png) no-repeat left -54px;
	border: none;
}

/* Donations and Volunteering */
#btn-donate, 
#btn-donate.current 
{
	width: 129px;
	height: 54px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/btn-donate.png) no-repeat left top;
	display: block;
	float: left;
	margin: 0;
	border: none;
}
#btn-donate.current {
	background: url(../images/btn-donate.png) no-repeat left -108px;
}
#btn-donate:hover, #btn-donate.current:hover {
	background: url(../images/btn-donate.png) no-repeat left -54px;
	border: none;
}

/* Hospice Referrals */
#btn-referrals, 
#btn-referrals.current 
{
	width: 160px;
	height: 54px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/btn-referrals.png) no-repeat left top;
	display: block;
	float: left;
	margin: 0;
	border: none;
}
#btn-referrals.current {
	background: url(../images/btn-referrals.png) no-repeat left -108px;
}
#btn-referrals:hover, #btn-referrals.current:hover {
	background: url(../images/btn-referrals.png) no-repeat left -54px;
	border: none;
}



/* ***************//*************** */
/* *************** CONTAINER FLEXBOX FLASH MAIN *************** */
#container { /* surrounds #flexblock, #flash, #main */
	width: 920px;
	margin: 0 auto;
	padding: 0;
	min-height: 500px;
	background: url(../images/container-bkg.png) repeat-y left top;
}
#flexblock {
	width: 900px;
	min-height: 170px;
	margin: 0 10px;
	padding: 0;
	background: url(../images/flex-bkg.png) no-repeat left top;	
	clear: both;
}
#flexblock-taller {
	width: 900px;
	min-height: 190px;
	margin: 0 10px;
	padding: 0;
	background: url(../images/flex-bkg-taller.png) no-repeat left top;	
	clear: both;
}
#flexblock-inner { 
	width: 825px;
	margin: 0 0 0 0;
	padding: 22px 0 0 25px;
	position: relative; 
	z-index: 4;
}

#flash { 
	width: 900px;
	height: 370px;
	margin: 0 10px;
	padding: 0;
	background: url(../images/flash-bkg.png) no-repeat left top;
}
#flash-inner { 
	width: 825px;
	height: 330px;
	margin: 0 0 0 0;
	padding: 22px 0 0 37px;
}
#breadcrumb { 
	width: 900px;
	height: 1em;
	line-height: 1em;
	font-size: 10px;
	margin: 0 10px;
	padding: 0 30px;
}
#breadcrumb a {
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#main {
	width: 900px;
	margin: 0 10px;
	padding: 10px 30px 25px 30px;
	overflow: auto;
	line-height: 140%;
}
.double-wide {
	width: 610px;
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 140%;
}
#leftCol, #rightCol {
	float: left;
	width: 625px;
	padding: 0 10px 0 0;
	margin: 0;
}
#rightCol {
	width: 200px;
	padding-left: 15px;
	background: url(../images/dots.gif) repeat-y left top;
}
.pad15 {
	padding-top: 15px;
	display: block;
	margin: 0;
}


/* *************** Index and Content Page Picture Blocks ******************* */
div.left-pic {
	float: left; 
	margin: 0;
	padding: 0;
	border: none;
}
div.left-pic p {
	padding: 0 0 0 15px;
	margin: 0;
	background: url(../images/white-border-left.png) no-repeat left top;
}
div.left-pic img {
	border: none;
	height: 160px;
	overflow: hidden;

	padding: 15px 15px 15px 0;
	background: url(../images/white-border-right.png) no-repeat right top;
}

/* image border regular */
img.border-regular {
	padding: 8px;
	border: 1px solid #c9c9c9;
	margin: 4px 0;
}



/* *************** Butterfly Header ******************* */
.butterfly-header {
    float: left;
    width: 200px;
    line-height: normal;
}
.butterfly-header ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
.butterfly-header li, .butterfly-header li.alt {
	float:left;
	margin: 0 0 10px 0;
	padding: 0 20px 0 0;
	background: url(../images/butterfly-right01.jpg) no-repeat right top;
}
.butterfly-header li.alt {
	padding: 0 25px 0 0;
	background: url(../images/butterfly-right02.jpg) no-repeat right top;
}
.butterfly-header a, .butterfly-header p {
	display: block;
	background: url(../images/butterfly-left.jpg) no-repeat left top;
    padding: 10px 15px 0 10px;
	margin: 0;
	color: #5c5c5c;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.butterfly-header a:hover {
	text-decoration: underline;
	color: #444;
}

/* *************** footnav *************** */
#footnav {
	width: 100%;
	height: 2.2em;
	line-height: 2.2em;
	font-size: 12px; 
	color: #282828;
	background: #090909;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #292929;
	text-align: center;
	text-transform: lowercase;
}
#footnav a {
	color: #828282;
	text-decoration: none;
}	
#footnav a:hover {
	color: #95b0bf;
	text-decoration: underline;
}	
#footnav a.current {
	color: #b7b7b7;
	text-decoration: none;
}	
#footnav a.current:hover {
	color: #95b0bf;
	text-decoration: underline;
}	
/* ***************//*************** */


/* ***************//*************** */
#footer { 
	width: 920px;
	clear: both;
	font-size: 11px;
	color: #fff;
	border: 0;
	margin: 0;
	padding: 15px 0 0 0;
	background: url(../images/footer-bkg.png) no-repeat left top;
}
#footmiddle { 
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline;
	text-align: center;
}
#footmiddle p {
	margin: 0 0 15px 0;
	padding: 3px 0 0 0;
}
#footer a {
	border-bottom: none;
	color: #fff;
	text-decoration: none;
	outline: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
/* *************** EDITIONS SLIDESHOW*************** */
#slideshow {
	float: left;
	padding: 0;
	margin: 0 18px 15px 0;
	border: 1px solid #404040;
}