﻿/* Restlawn Memory Gardens.css */

/* Block all default margins and padding */
* {
    margin: 0;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    /* Style to taste */
    background-color: #603;/*burgundy*/
background-image: url('images/bg.gif');   
background-repeat: repeat;
    font-family: Arial, Helvetica, sans-serif;
}


#wrapper {
    /* Sets width of fixed or elastic layout */
    width: 40em; 
    /* Centers the layout (newer browsers) */
    margin: 4px auto; 
    /* Wrapper must have a border */
    border: solid 1px #603; 
    /* Required so absolute mesaurement are in wrapper */
    position: relative; 
    background-color: #fff; /*white*/    
}

/* ---------------------- Start layout division styles ---------------------- */
/* Branding division */
#branding {
    height: 7.0em; 
   	background-color: #603; 
   	border-width: 0px;
}
#branding a,
#branding a:visited,
#branding a:link{
	text-decoration: none; 
	border-width: 0px;
}

/* Navbar division (Vertical navbar) */ 
#navbar{ 
	position: absolute;
	top: 7em;
	padding: 0.5em 0 0 0.3em; 
	width: 8em; 
	left: 0;
	margin: 0; /* Center horizontally */
	text-align: left; 
	border-top: solid 1px #603;
} 

/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
  list-style-type:none; 
  padding-left:5px;
} 

/* List items in the navbar
#navbar li{ 
  border-bottom: 1px #696 solid;
background-color:#999900;
}   */



/* Applies to navbar links, unvisited and visited */ 
#navbar a:visited{ 
  text-decoration: none; 
  font-family: Verdana, Geneva, Arial, Sans-Serif; 
  font-size: 80%; 
  color: #000; 
 /* background-color:#999900 */
  display: block; 
  height: 2em; 
  width: auto; 
  line-height: 2em; 
  text-align: left; 
  outline-style: none; 
} 

#navbar a:link{ 
  text-decoration: none; 
  font-family: Verdana, Geneva, Arial, Sans-Serif; 
  font-size: 80%; 
  color: #000; 
 /* background-color:#999900 */
  display: block; 
  height: 2em; 
  width: auto; 
  line-height: 2em; 
  text-align: left; 
  outline-style: none; 
} 

#navbar a{ 
  text-decoration: none; 
  font-family: Verdana, Geneva, Arial, Sans-Serif; 
  font-size: 80%; 
  color: #000; 
 /* background-color:#999900 */
  display: block; 
  height: 2em; 
  width: auto; 
  line-height: 2em; 
  text-align: left; 
  outline-style: none; 
} 

/* Navbar hover, active, and current page links */ 
#navbar li.selected a:visited{ 
  background:#FFF; 
  color:#7D003F; /*dark maroon*/}


#navbar li.selected a:link{ 
  background:#FFF; 
  color:#7D003F; /*dark maroon*/
}


#navbar a:active{ 
  background:#FFF; 
  color:#7D003F; /*dark maroon*/
}


#navbar a:hover{ 
  background:#FFF; 
  color:#7D003F; /*dark maroon*/
}

/* Content division */
#content {
    padding-top: 0.5em; /* Little space from branding */
    /* Left margin = leftcolumn width */
    margin-left: 8em;
    text-align:left;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;    
	border-top: solid 1px #603;
	top: 8.5625em;
}

/* Captioned images */ 
div.captionpic{
   float: right;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 0.7em;
   color: #000;
   text-align: center; 
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img{
   width: 80%;
   border: none;
} 

/*Rule to separate sections*/
.hr {
    height: 3px;
    width: 80%;
    background:#8A0045;
    float: left;
}

.top {
	color: #fff; 
	float: right;
}


/* Footer division */
#footer {
   position: relative;
    background-color: #fff;
    color: #000;
    border-top: solid 2px #603;
    min-height: 1.5625em;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: center; 
	padding-top: 5px;
	clear: both; 
}

/*Footer img*/
#footer img{
	width: 100%;
	display: block;
}

#footer ul {
/* For absolutely-positioned hyperlinks */
	position:absolute;
	top: 1em;
	left: 14em;
} 

#footer ul li{
	display: inline;
	padding: 0em .5em;
}

/*scd*/
#scd {
   position: relative;
    background-color: #603;
    color: #fef485;
    border-top: solid 2px #603;
    min-height: 1.5625em;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: center; 
	padding-top: 5px;
	clear: both; 
}

#scd a:active {
	text-decoration:none;
	color:#fef485;
}



#scd a:hover {
	text-decoration:none;
	color:#fef485;
}



#scd a {
	text-decoration:none;
	color:#fef485;
}



/* ---------------------- End layout division styles ---------------------- */
/* ---------------------- Start Content division styles ------------------- */
/* Heading 1 tags in content division */
#content h1 {
    margin-left: 10px;
    font-size: 1.3em;
    font-family: "Times New Roman", "bookman old style", Times, serif;
    color: #603;
}

#content h2 {
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 1.0em;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color:#603;
	margin-left: 10px;
}
#content h3 {
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: .8em;
	font-style: normal;
	font-weight: bold;
	color: #603;
	margin: 1.7em auto .4em 10px;

}

/* Paragraphs in content division */
#content p {
    line-height: 1.4em;
    margin: .5em 12px auto 10px;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: .80em;
	text-align: left;  
}

/* Bulleted lists in content division */
#content ul {
	font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-size: 0.80em;
    margin: .5em 20px 1em 40px;
}

#content ul li {
    margin-bottom: 0.3em;
}

/*Images in content*/
#content img{
	margin: 3px 13px 5px 5px;
	border: 1px #000 solid;
}


/* ---------------------- End Content division styles ------------------- */





