/* CSS Document 

	border:1px solid purple;
*/

/**********************************MAIN********************************/

html {
	height:100%;
}

body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	font-size:0.8em;
	background-color:#7B827C;
	}
	
#non-footer {
	position: relative;
	width:779px;
	margin:auto;
	background-color:#7B827C;
}

* html #non-footer
{
	height: 100%;
}
	
/*********************OUTER DIVS************************/
	
#header-div {
	position:relative;
	left:0;
	top:0;
	background-color:#FFFFFF;
}
  
#middle-div {
	position:relative;
	left:0;
	top:0;
	background-color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:none;
	border-bottom:none;
	border-left:none;
	z-index:1;
}

#body-div {
	position:relative;
	top:0;
	left:0;
	padding:0 5px 30px 79px;
	color:#7B827C;
	background-image:url(images/body-bg.gif);
	background-color:#FFFFFF;
}

#footer-div {
	height:22px;
	width:100%;
	top:0;
	left:0;
	background-image:url(images/footer-bg.gif);
}

/*********************************INNER DIVS**********************/

#stained-glass-div {
	position:absolute;
	top:0;
	left:0;
	margin:70px 0 0 0;
	z-index:50;
	background-color:#7B827C;
}

#nav-bar-div {
	position:absolute;
	left:0;
	top:0;
	margin:0 0 0 59px;
	width:330px;
	height:294px;
	background-image:url(images/blur-dove.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	font-family:"Copperplate", Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:0.8em;
	color:#007576;
}

#pics-div {
	position:relative;
	width:400px;
	height:323px;
	top:0;
	left:0;
	margin:0 0 0 379px;
	text-align:right;
}

#quote {
	position:absolute;
	top:0;
	left:0;
	width:190px;
	text-align:right;
	margin:60px 0 0 23px;
	color:#007576;
	font-size:12px;
}

/*****ABOUT PICS*****/

#pic-01 {
	position:absolute;
	top:0;
	left:0;
	margin:184px 0 0 33px;
}

#pic-02 {
	position:relative;
	top:30px;
	left:0;
}

/**************************FOR CONDOLENCES FORM************************************/

#form-box {
	width: 600px;
	margin:5px auto 0 auto; 
	position:relative;
	text-align:left;
}

div.row {
	clear: both;
	padding-top:5px;
	}

div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
  }

div.row span.formw {
	float: right;
	width:470px;
	text-align: left;
	padding-left:10px;
	position:relative;
	margin:-3px 0 0 0;
	}


.centred {
	clear:both;
	text-align:center;
}
	
/*****************************************************************************/



/*****************************FOR FUNERAL NOTICE PRINT_OUTS*******************/

.labels {
	position:relative;
	width:660px;
	border-bottom:1px solid #FFFFFF;
	padding:5px;
	background-color:#D9DEE2;
	color:#666666;
}

.form-elements {
	position:relative;
	width:660px;
	border-bottom:1px solid #A6CFD0;
   	padding: 3px 5px 5px 5px;
	position:relative;
	background-color:#F1F5F5;
}

.trio-col-01 {
	position:absolute;
	width:30%;
}

.trio-col-02 {
	position:absolute;
	left:43%;
	width:30%;
}

.trio-col-03 {
	position:relative;
	left:75%;
	width:23%;
}


/*****************************************************************************/


/***************************FOR CONTACT COLUMNS*****************************/

.table-rows {
	position:relative;
}

.table-col-01 {
	position:relative;
	top:0;
	left:0;
	width:50%;
}

.table-col-02 {
	position:absolute;
	top:0;
	left:58%;
	width:50%;
}
/**************************************************************************/

/******************************TEXT STYLES***********************/

.subheader {
	color:#007576;
	font-size:1.2em;
}

em {
	color:#007576;
}

ul.list {
	list-style-type:none;
	margin:0;
	padding:0 0 0 12px;
}

ul.list li {
	margin:0;
	padding:7px;
}

ul a:link, ul a:visited {
	color:#7B827C;
	text-decoration:none;
}

ul a:hover {
	color:#007576;
	text-decoration:none;
}

ul li.current a:link, ul li.current a:visited {
	color:#007576;
	text-decoration:none;
}

ul li.current a:hover {
	color:#007576;
	text-decoration:none;
}

a:link, a:visited {
	color:#007576;
	text-decoration:underline;
}

a:hover {
	color:#7B827C;
	text-decoration:none;
}