/* Grahams Funerals CSS                  */
/* HTML tag styles                */
/*********************************/ 

body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.0em;	
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
}


h1{
 font-size: 1.3em;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-size: 1.2em;
 color: #2E3192;
 margin: 0px;
 padding: 0px;
}

h3{
 font-size: 1.1em;;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-size: 1.0em;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-size: 0.9em;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.contlst
{
 list-style-type: circle;
 margin-right: 10px;
 margin-top: 5px;
}

.contlst li
{
 font-size: 0.8em;
 font-weight: normal;
 font-style: normal;
 margin-bottom: 3px;
 padding-left: 5px;
}

.contlstsub
{
 list-style-type: disc;
 }

.contlstsub li
{
font-size: 1.0em;
}

.contlstsvc
{
 list-style-type: none;
 margin-left: 0;
 margin-right: 10px;
}

.contlstsvc li
{
 background-image:url(images/flwrs3.gif);
 background-position: left top;
 background-repeat: no-repeat;
 font-size: 0.8em;
 font-weight: normal;
 font-style: normal;
 margin-bottom: 20px;
}


label{
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
.headban
{
 width: 100%;
 height: 130px;
 border: none;
}

.hdbnlft
{
 width: 31%;
 height: 130px;
 background-image: url(images/logo_lft_pnl.gif);
 background-position: left top;
 background-repeat: no-repeat;
 text-align: left;
 font-size: 0.9em;
 font-weight: bold;
 font-style: oblique;
 padding-left: 10px;
 /*padding-top: 30px;*/
 color: #A0585B;
}

.hdbnctr
{
 width: 23%;
 height: 130px;
 background-image: url(images/grms_logo_2.gif);
 background-position: center top;
 background-repeat: no-repeat;
 text-align: center;
}

.hdbnctr p
{
 font-size: 0.9em;
 font-weight: bold;
 text-align: center;
 color: #A0585B;
 margin-top: 97px;
}

.hdbnrt
{
 width: 46%;
 height: 130px;
 background-image: url(images/log_rt_1.jpg);
 background-position: right top;
 background-repeat: no-repeat;
}

.hsepcs
{
width: 100%;
height: auto;
border-collapse: collapse;
border: 1px solid #CCCCCC;
}

.hsepcs td
{
width: 50%;
height: auto;
text-align: center;
border-bottom: 1px solid #CCCCCC;
padding-top: 10px;
}

.hsepcs td img
{
margin-bottom: -10px;
}

#navBar{
	float: left;
	width: 18%;
	margin: 0;
	padding-right: 10px;
    background-image: url(images/bgnd_lft.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

ul.mainnav
{
display: block;
list-style-type: none;
margin-left: 0;
margin-top: 20px;
}

ul.mainnav li
{
font-family: Univers, Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: normal;
margin-bottom: 5px;
padding: 5px 0px 5px 5px;
}

ul.mainnav a:link, ul.mainnav  a:visited 
{
 text-decoration: none;
 color: #2E3192;
 font-size: 0.9em;
 font-style: oblique;
 font-weight: normal;
}
 
ul.mainnav  a:hover, ul.mainnav a:active
{
 font-size: 0.9em;
 font-style: oblique;
 font-weight: bold;
 text-decoration: underline;
 color: #A0585B;
 }
 

/************** #pics styles **************/

#pics
{
  float: right;
  width: 18%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  background-image: url(images/bgnd_rt.jpg);
  background-position: right top;
  background-repeat: repeat-y;

}

#pics img
{
float: right;
}

.genpics, .genpics2
{
width: 100%;
height: auto;
margin-top: 120px;
text-align: center;
font-size: 0.7em;
color: #A0585B;
}

.genpics img, .genpicslft img
{
 display: block;
 margin-top: 15px;
 border: 1px solid #2E3192;
}

.genpics2 img
{
 display: block;
 margin-top: 15px;
 margin-right: 25px;
 border: 1px solid #2E3192;
 }

.genpics p 
{
 text-align: center;
 margin-bottom: -5px;
}

.genpicslft
{
margin-left: 7px;
margin-top: 30px;
text-align: center;
font-size: 0.7em;
color: #A0585B;
}

.genpicslft p
{
 margin-bottom: -5px;
}

genpicstbl
{
 width: 100%;
 height: auto;
 border: none;
 border-collapse: collapse;
 }


/************** #content styles **************/

#content{
  float: left;
  width: 60%;
  height: auto;
  margin-top: 0;
}

#content p
{
  margin-left: 10px;
  font-size: 0.8em;
  font-weight: normal;
  font-style: normal;
}

.contpics
{
 margin-top: 0;
}

.contpics img
{
   display: block;
   float: left;
   clear: left;
   margin-right: 10px;
   border: 2px solid #A0585B;
}

.maps
{
  float: left;
  width: 80%;
  height: auto;
  margin-top: 20px;
}

.mapcontent h3
{
 margin-top: 120px;
}
.msstmnt
{
text-align: center;
font-weight: bold;
color: #A0585B;
}

.msstmnthdr
{
 font-weight: bold;
}

.tst1, .tst2
{
width: 90%;
margin-left: 5%;
margin-top: 10px;
height: auto;
border: 1px solid #cccccc;
background-color: #F8F9EF;
text-align: left;
}

.tst2
{
background-color: #F3F4F1;
}

.tstsig
{
text-align: right;
font-weight: bold;
font-size: 0.8em;
margin-bottom: 5px;
margin-top: -10px;
padding-right: 5px;
}

.maps
{
width: 100%;
height: auto;
}

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

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}



/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 5px;
}


/************** .feature styles ***************/

.feature{
   width: 100%;
   height: auto;
   padding: 0px 0px 15px 0px;
}

.feature h2
{
	padding-top: 20px;
	text-align: center;
	color: #004D5F;
}
.feature h3
{
	padding-top: 20px;
	text-align: left;
	color: #004D5F;
	margin-top: -10px;
}

.feature h4
{
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	color: #004D5F;
	margin-top: -10px;
}


.feat2img
{
float: right;
clear: left;
margin-left: 5px;
margin-top: 5px;
}

.feature p
{
font-size: 0.9em;
}

.rsns, .acshn, .clrstbl, .contbl
{
width: 95%;
height: auto;
margin-left: 20px;
margin-top: 20px;
border: 2px solid #cccccc;
}

.contbl
{
width: 90%;
margin-left: 5%;
}


.tstmnls
{
 width: 85%;
 margin-left: 7%;
 height: auto;
 color: #2E3192;
 font-size: 0.7em;
 text-align: left;
 padding-left: 10px;
 border: 1px solid #cccccc;
 }
 
 .contbllft
{
width: 33%;
height: auto;
border: 1px solid #cccccc;
font-size: 0.8em;
font-weight: bold;
text-align: right;
color: #2E3192;
padding: 3px;
padding-right: 7px;
}

.contblrt
{
width: 64%;
height: auto;
border: 1px solid #cccccc;
font-size: 0.8em;
font-weight: normal;
text-align: left;
color: #000000;
padding: 3px;
padding-left: 7px;
}
 
/*************** #logo span styles **************/

#lf
{
font-weight: bold;
font-style:normal;
color: #00A651;
}

#scr
{
font-weight: bold;
font-style:italic;
color: #2E3192;
}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}

/************* #siteInfo styles ***************/

#siteInfo
{
  clear: both;
  width: 100%;
  height: 60px;
  padding-top: 5px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.8em;
  text-align: center;
  background-image: url(images/ftr_bgr.jpg);
  background-position: left top;
  background-repeat: repeat-x;
}

#siteInfo a:link,  a:visited 
{
 text-decoration: none;
 color: #2E3192;
 font-style: normal;
 font-weight: normal;

}

#siteInfo  a:hover, #siteInfo a:active
{
 font-style: normal;
 font-weight: normal;
 text-decoration: underline;
 color: #A0585B;
 }
 
 #siteInfo p
 {
 margin-top: 5px;
 color: #999999;
 line-height: 1.0em;
 font-weight: normal;
 font-size: 0.9em;
 }