body {
  text-align: center;
  background-color: #fff6dc;
}

.outermostEnvelope {
  width: 1100px;
  margin: 0px auto 0px auto;
  background-color: #e6dbae;
border-color: #9f5844;
border-width: 1px;
border-style: solid;  
}

.outerEnvelope {
  width: 1100px;
  background-image: url("../art/topBar_1100x256.jpg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.contentEnvelope {
  margin: 0px 0px 0px 0px;
  padding: 256px 0px 0px 0px;
  text-align: left;
}


.outerLeftColumn {
  background-color: #e6dbae;
  width: 100%;
  margin: 0px;
  padding: 0px;
border-color: blue;
border-style: solid;
border-width: 0px;
}

.menuEnvelope {
  width: 100%;
/*  width: 213px;*/
  height: 350px;
  background-image: url("../art/menuBar_174x329.jpg");
  background-repeat: no-repeat;
  background-position: 20px 0px;
  border-width: 0px 0px 6px 0px;
  border-color: #9f5844;
  border-style: solid;
}

div.menuEnvelope ul {
  list-style-type: none;
  width: 150px;
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 0px 0px;
/*
border-color: white;
border-width: 1px;
border-style: solid;
*/
}

div.menuEnvelope li {
  height: 30px;
}

div.menuEnvelope a {
  color: white;
  font-weight: bold;
  font-family: Times New Roman, Times Roman, Century, serif;
  font-size: 16px;
  text-decoration: none;
  display: block;
  width: 150px;
  text-align: center;
  margin-left: 25px;
/*
border-color: white;
border-width: 1px;
border-style: solid;
*/
}


.outerRightColumn {
  float: right;
  width: 886px;
  border-width: 0px 0px 0px 6px;
  border-color: #9f5844;
  border-style: solid;
  background-color: #fff6cf;
  margin-left: -3px;
  padding-top: 15px;
}

.bottomS {
  width: 100%;
/*  width: 213px;*/
  height: 250px;
  background-image: url("../art/bottomS_197x213.jpg");
  background-repeat: no-repeat;
  background-position: 8px 15px;
}
    


.rightBox {
  width: 300px;
  float: right;
  margin: 0px 20px 15px 20px;
}

.innerRightBox {
  border-width: 1px 1px 1px 1px;
  border-color: #9f5844;
  border-style: solid;
  margin-bottom: 10px;
  text-align: center;
}

div.innerRightBox p {
  font-size: 14px;
  margin: 10px auto 10px auto;
}

.innermostRightBox {
  width: 285px;
  padding-top: 8px;
  padding-bottom: 8px;
}


.lhArea {
  border-width: 6px 0px 0px 0px;
  border-style: solid;
  border-color:  #9f5844;
  font-size: 10px;
  color: #9f5844;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 100%;
  margin-right: -2px;
}

.lhLink {
  font-size: 10px;
  color: #9f5844;
  text-decoration: none;
}

.centerIt {
  margin-left: auto;
  margin-right: auto;
}


h2 {
  font-size: 20px;
  margin: 5px 0px 8px 8px;
}



.indentLeft{
  margin-left: 15px;
  margin-right: 80px;
}

h3 {
  font-size: 18px;
  margin: 0px 0px 0px 8px;
  text-decoration: underline;
  font-weight: bold;
}

.boldIt {
  font-weight: bold;
}

div.indentLeft p {
  margin-left: 8px;
  width: 500px;
}

div.indentLeft table {
  margin-left: 8px;
  margin-top: 5px;
  margin-bottom: 18px;
}

div.indentLeft td {
  width: 240px;
  text-align: left;
  vertical-align: top;
}

/*
.noMargin {
  margin-top: 0px;
  margin-bottom: 0px;
}
*/

div.innermostRightBox h2 {
  border-width: 0px 0px 1px 0px;
  border-color: #9f5844;
  border-style: solid;
  width: 96%;
}


h1 {
  font-size: 26px;
  margin: 0px 0px 10px 20px;
}

.underline {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #9f5844;
  width: 500px;
}


div.innermostRightBox p {
  margin: 5px 0px 8px 8px;
}


.leftArea {
  margin: 0px 0px 10px 20px;
  width: 505px;
}
div.leftArea h1 {
  margin: 10px 0px 0px 0px;
}
div.leftArea h2 {
  margin: 5px 0px 0px 0px;
}


.staffArea {
  margin: 0px 0px 10px 20px;
  width: 510px;
}


div.staffArea img {
  float: left;
  margin: 0px 15px 10px 0px;
}

div.staffArea h1 {
  border-width: 0px 0px 1px 0px;
  border-color: #9f5844;
  border-style: solid;
  width: 96%;
  margin-left: 0px;
}

div.staffArea hr {
  color: #9f5844;
  height: 1px;
  width: 96%;
  margin-top: 5px;
}
  

/* classes for dynamic sections */


iframe {
  width: 265px;
  height: 240px;
  border-width: 0px;
  margin: 0px 0px 0px 15px;
}

.frameLook {
  background-color: #fff6cf;
  margin: 0px;
  padding: 0px;
}


body.frameLook table {
  width: 250px;
  margin: 18px 0px 0px 0px;
}

body.frameLook td {
  width: 250px;
}

body.frameLook span {
  margin-left: 35px;
  font-size: 12px;
}

body.frameLook h2 {
  border-width: 0px 0px 1px 0px;
  border-color: #9f5844;
  border-style: solid;
  width: 96%;
}




.fullObitListTableStyle {
  width: 500px;
  margin: 20px 0px 10px 20px;
}


.fullObitListLinkCell {
  width: 60px;
  text-align: left;
}

.fullObitListNameCell {
  width: 440px;
}

.fullObitListDateCell {
  margin-left: 40px;
  font-size: 12px;
}


#obitCopy {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
}



.obitArea {
  margin: 0px 0px 10px 20px;
}

div.obitArea h1 {
  margin: 10px 0px 0px 0px;
}
div.obitArea h2 {
  margin: 5px 0px 0px 0px;
}

.obitCondolenceDetails {
  margin: 0px 20px 12px 20px;
  font-size: 14px;
}


.lifeYears {
  font-size: 20px;
}

.obitDetails {
  padding-right: 10px;
}


.upperAreaButtons {
  border-width: 0px;
  margin-top: 1px;
  margin-bottom: 1px;
  display: block;
}

.messageDIV {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
}

#visitorBook {
  width: 510px;
  margin-left: 20px;
}

#visitorBook h1 {
  margin: 0px 0px 10px 0px;
}

.renderVBName {
  font-weight: bold;
  margin-bottom: 0px;
}

.renderVBLoc {
  margin-top: 0px;
}

.renderVBMessage {
  margin: 0px 0px 10px 0px;
}

.renderVBSeparator {
  color: #9f5844;
  height: 1px;
}

#candles {
  width: 510px;
  margin-left: 20px;
}
#candles.h1 {
  margin: 0px 0px 10px 0px;
}