@charset "UTF-8";

/* Hospice -- 3 columns */


/* ================================ Body and Main Structure ==============================*/

body {
	margin:0;
	padding:0;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-image: url(images/yellowgradient.jpg);
}
div#container{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-color: #492f53;

}#contentwrapper{
	width:950px;
	position: relative;
}

a:link {
	color: #492f53;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #990000;
}
a:active {
	color: #666666;
}


/*-------------------------------------------LEFT SIDE----------------------------*/
div#left{
	width: 710px;
	float: left;
	color: #e5dac9;

}
div#left_header{
	width: 710px;
	height: 169px;		
}
div#left p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
}
div#leftintro{
	background-color: #636;
	height: 80px;
}
div#leftintro h1{
	margin: 0;
	font-size: 20px;
	padding: 12px 12px 6px 56px;
	font-family: Arial, Helvetica, sans-serif;
	color: #e6c46d;
}
div#leftintro p{
	margin-top: 0;
	padding: 0 12px 20px 56px;
	font-size: 16px;
}
div#leftintro p.how{
	padding: 24px 12px 0 56px;
	font-size: 1.1em;

}
div#names{
	margin: 50px 0 20px;
	padding-top: 20px;
	width: 950px;
	font-size: .95em;
	color: #e5dac9;
	clear: left;
}
div#names p.section{
	text-decoration: none;
	margin: 6px 0 0 20px;
	color: #e5dac9;
	font-size: 24px;
	margin: 6px 36px -6px 20px;
	padding: 0 0 6px 6px;
	border-bottom: 1px solid #E76A37;

}
div#names ul li{
	text-decoration: none;
	margin: 10px 0 10px 0;
	padding-right: 6px;
	
}
div#names ul li:hover{cursor:pointer;
}
div#names_col1{
	float: left;
	width: 230px;
	padding-right: 6px;
	border-right: 1px solid #e6c46d;

}
div#names_col2{
	float: left;
	width: 230px;
	padding-right: 6px;
	border-right: 1px solid #e6c46d;

}
div#names_col3{
	float: left;
	width: 230px;
	padding-right: 6px;


}div#names_col4{
	position: absolute;
	top: 0;
	right:0;
	float: left;
	width: 239px;
	border-left: 1px solid #e6c46d;

}
div#names_col4 img.mid{
	vertical-align: bottom;
	float: right;
	padding-right: 50px;
}
/*---------------------------Section about LUAL----------------------------*/
div#about{
	background-color: #e6c46d;	/*--mustard--*/
}

div#about img{
	padding: 0px;
	margin:0px;
	vertical-align: bottom;	

}
div#about h1,h2{
	padding: 6px 0 0 0;
	margin: 0 0 0 16px;
	width: 238px;
	font-size: 16px;
	color: #492f53;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

div#about_nav{
	background-color: #E76A37;
	border-bottom: 1px solid #492F53;
	width: 238px;
	padding: 0;
}
div#about_nav a{
	display: block;
	line-height: 36px;
	color: #E76A37;/* orange */
	text-align: center;
}
div#about_nav a:hover{
	line-height: 36px;
	background-color: #91A33A; /* green */
}
div#about_nav h2{
	margin: 0;
	padding: 0;

}
div#about_nav h2 a{
	text-decoration: none;
	color: #492f53;	/* purple */

}
div#about_nav h2 a:hover{
	background-color: #91A33A; /* green */
	color: #930;/* red */
}

div#about p{
	padding: 0 16px;
	margin: 14px 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	line-height: 1.3;
	color: #492f53;
}
div#about img.rt{
	vertical-align: bottom;
	float: right;
	padding:0 6px;
}
div#about .rule{
	margin: 20px 100px -20px 0;
	padding:0;
	vertical-align: bottom;
	border-top: 1px solid #e76a37;
/*-------------------------------------------Concluding Section (before footer)----------------------------*/
}
div#afternames{
	clear: both;
}
div#afternames p{
	font-size: .8em;
	padding: 10px 20px 20px;
}

/*========================BEGIN Footer==================*/

div#footer {
	width:950px;
	background-color:#492f53;
	padding: .3em 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;  /* sets the font size of all links */
	color: #e76a37;
	border-bottom: 1px solid #cc9933;
	clear: both;
}
div#footer_container {
	border-top: 2px solid #f93;
}
div#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 2px 0;
	color: #f9f9e5;
}
div#footer h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: bold;
	padding-top: 3px;
	margin: 0 0 2px 0;
	color: #f9f9e5;
	
}div#bottomimage {
	width: 950px;
	height: 75px;
	clear: both;
	border-bottom: 2px solid #F93;

}div#bottomband {
	width: 950px;
	background-color: #6d8800;
	clear: both;
	border-bottom: 2px solid #F93;
}

div#bottomband p{
	color: #000000;
	padding: 10px 30px;
	font-size: 14px;
}
div#footer_left{
	float: left;
	width: 180px;
	margin: 0 0 3px 0;
	padding: 6px 0;
	border-right: 1px solid #30AFC0;

}
div#footer_mid{
	float: left;
	width: 570px;
	margin: 0 0 3px 0;
	padding: 6px 0;
}
div#footer_rt{
	float: left;
	width: 180px;
	margin: 0 0 3px 0;
	padding: 6px 0;
	border-left: 1px solid #30AFC0;

}
div#footer_bot{
	width: 950px;
	margin: 0;
	padding: 3px 0;
	border-top: 1px solid #CC6633;
	clear: both;
	background-color: #D3D3D3;
}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:#333333; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#AFF; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:#666666; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#333333;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#333333;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#990000;} /* turns bottom row white when hovered */


/*==================================================END Footer=================================================*/

	
	
/*===========================START:Clearfix====================================*/


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;}	     /* further ensures the period is not visible */


.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*=======================================END Clearfix ============================================*/