
* {
  padding: 0px;
  margin: 0px;
}


body {
  background-image: url("../art/bodyBackground.png");
  text-align: center;
  padding-bottom: 15px;
}

h1 {
  font-size: 24px;
  margin-bottom: 15px;
}
h2 {
  font-size: 20px;
  margin-bottom: 15px;
}


.outermostEnvelope {
  margin: 10px auto 10px auto;
  width: 950px;
  text-align: left;
}


.contentEnvelope {
  width: 950px;
  background-color: #eff6ef;
  background-image: url("../art/seemlessMarbling.jpg");
}

#topBar {
  width: 950px;
  height: 200px;
  background-image: url("../art/topBarBackground.jpg");
  background-repeat: repeat-x;
  position: relative;
  top: 0px;
  left: 0px;
}



#topBarLogo {
  position: absolute;
  top: 0px;
  left: 0px;
}
#topBarPhoto1 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
  filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
}
#topBarPhoto2 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE 8 */
  filter:alpha(opacity=0); /* IE 4, 5, 6 and 7 */
}
#topBarPhoto3 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* IE 8 */
  filter:alpha(opacity=0); /* IE 4, 5, 6 and 7 */
}
#topBarTopLayer {
  position: absolute;
  top: 0px;
  left: 0px;
}






.menuEnvelope {
  width: 950px;
  height: 31px;
  background-image: url("../art//menuBackground.jpg");
  background-repeat: repeat-x;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 20;
}


ul.menu {
  list-style: none;
  float: left;
  margin-left: 72px;
  margin-top: 8px;
}


ul.menu li {
  float: left;
  color: white;
  font-weight: normal;
  font-family: times new roman,times roman,serif;
  font-size: 14px;
  cursor: pointer;
}
ul.menu a {
  color: white;
  text-decoration: none;
}

.menuDivider {
  background-image: url("../art/menuSep_2x31.png");
  background-repeat: no-repeat;
  background-position: 0px -10px;
  margin-left: 28px;
  padding-left: 28px;
}  




.subMenu {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: left;
}


.subMenuWrapper {
  background-color: white;
  padding: 10px;
  border-color: #e8e8e8;
  border-width: 3px 2px 2px 2px;
  border-style: solid;
}

ul.subMenu a {
  text-decoration: none;
  color: #bf8e49;
  padding-top: 5px;
  font-family: "Times New Roman","Times",serif;
  color: gray;
}

ul.subMenu a:hover {
  color: black;
  font-weight: bold;
}    



#infoSubMenu {
  display: none;
  position: absolute;
  top: 30px;
  left: 580px;
  z-index: 20;
}



#planSubMenu {
  display: none;
  position: absolute;
  top: 30px;
  left: 470px;
  z-index: 20;
}



#outermostContentArea {
  width: 950px;
}

#outerContentArea2Col {
  width: 950px;
  background-image: url("../art/outermostContentBackground_2_Col.png");
  background-repeat: repeat-y;
  
border-color: red;
border-style: solid;
border-width: 0px;

}
#outerContentArea2Col_R275 {
  width: 950px;
  background-image: url("../art/outermostContentBackground_2_Col_R275.png");
  background-repeat: repeat-y;
  
border-color: red;
border-style: solid;
border-width: 0px;

}




#outerContentArea1Col {
  width: 950px;
  background-image: url("../art/outermostContentBackground_1_Col.png");
  background-repeat: repeat-y;
  
border-color: red;
border-style: solid;
border-width: 0px;

}

#recentObits {
  width: 100%;
  background-image: url("../art/menuDropShadow.png");
  background-repeat: repeat-x;
  padding-top: 15px;
}


#homeContactInfo {
  width: 190px;
  background-image: url("../art/homeContactInfo_100x100_O40.png");
  margin-left: 10px;
  margin-top: 15px;
}

#homeContactInfoInner {
  border-color: #003000;
  border-width:3px;
  border-style: solid;
  width: 100%;
}
  

div#homeContactInfoInner p {
  margin: 5px 10px 5px 10px;
  font-size: 12px;
}
div#homeContactInfoInner a {
  color: black;
}

#contentArea2Col_R344 {
  width: 734px;
  background-image: url("../art/outerContentBackground_2_Col_734x419.png");
  background-repeat: no-repeat;
  float: right;
}


.leftCol344R {
  vertical-align: top;
  width: 346px;
border-width: 0px 0px 0px 0px;
border-color: yellow;
border-style: solid;
}
.rightCol344R {
  vertical-align: top;
  width: 344px;
border-width: 0px 0px 0px 0px;
border-color: yellow;
border-style: solid;
}

td.leftCol344R h1 {
  margin: 15px 15px 10px 15px;
}
td.rightCol344R h1 {
  margin: 15px 15px 10px 15px;
}
td.leftCol344R h2 {
  margin: 15px 15px 10px 15px;
}
td.rightCol344R h2 {
  margin: 15px 15px 10px 15px;
}
td.leftCol344R p {
  margin: 0px 20px 10px 15px;
}
td.rightCol344R p {
  margin: 0px 20px 10px 15px;
}
td.leftCol344R ul {
  margin: 15px 20px 15px 35px;
}
td.rightCol344R ul {
  margin: 15px 20px 15px 35px;
}

#contentArea2Col_R275 {
  width: 734px;
  background-image: url("../art/outerContentBackground_2_Col_734x419_R275.png");
  background-repeat: no-repeat;
  float: right;
}
#contentArea1Col {
  width: 734px;
  background-image: url("../art/outerContentBackground_1_Col_734x419.png");
  background-repeat: no-repeat;
  float: right;
}


.innerSingleCol {
  margin: 20px 20px 20px 20px;
}

div.innerSingleCol p {
  margin-bottom: 14px;
  margin-right: 40px;
}

div.innerSingleCol ul {
  margin: 10px 20px 20px 25px;
}


.boldIt {
  font-weight: bold;
}


.tableMinHeight {
  width: 1px;
}

.leftCol275R {
  vertical-align: top;
  width: 415px;
border-width: 0px 0px 0px 0px;
border-color: yellow;
border-style: solid;
}
.rightCol275R {
  vertical-align: top;
  width: 275px;
border-width: 0px 0px 0px 0px;
border-color: yellow;
border-style: solid;
}




td.leftCol275R p {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
}
td.leftCol275R h1 {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
}



td.rightCol275R h1 {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
}


td.rightCol275R p {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
}

td.rightCol275R form {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
}



.horizSep {
  width: 90%;
  border-color: #404040;
  border-style: solid;
  border-width: 0px 0px 1px 0px;

  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}



#endWebSite {
  position: relative;
  top: 0px;
  left: 0px;
  background-image: url("../art/websiteTerm_950x44.png");
  background-repeat: no-repeat;
  width: 950px;
  height: 44px;
}

#columnTerm {
  position: absolute;
  top: 0px;
  left: 216px;
}


.lhArea {
  position: relative;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 44px;
}
.lhContentEnvelope {
  padding-top: 6px;
  text-align: center;
  font-size: 11px;
  color: #202020;
}


div.lhContentEnvelope a {
  color: #202020;
}


.rightPad {
  vertical-align: top;
  padding-right: 5px;
  padding-bottom: 10px;
}

.bottomPadOnly {
  padding-bottom: 10px;
  vertical-align: top;
}


/* Staff Page ds classes */
.ds_215x271 {
  width: 217px;
  margin: 10px 20px 5px 60px;
  background-image: url("../art/staff/ds_215x271.png");
  background-repeat: no-repeat;
  background-position: 1px 0px;
  text-align: center;
}

div.ds_215x271 p {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  margin-left: 10px;
}
div.ds_215x271 img {
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 15px;
}


/* ObitArchive DS */
.oaDS_243x395 {
  position: relative;
  top: 0px
  left: 0px;
  float: left;
  width: 247px;
  margin: 25px 0px 15px 15px;
  background-image: url("../art/dynamic/obitArchiveDS_243x395.png");
  background-repeat: no-repeat;
  background-position: 7px -1px;
  text-align: center;
}

div.oaDS_243x395 p {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  margin-left: 10px;
  font-weight: bold;
}
div.oaDS_243x395 img {
  position: relative;
  top: 0px;
  left: 0px;
  width: 228px;
  hieght: 380px;
  margin-bottom: 15px;
}


/* cemetery page ds classes */
.cyDS_365x260 {
  position: relative;
  top: 0px
  left: 0px;
  float: left;
  width: 367px;
  margin: 10px 10px 5px 0px;
  background-image: url("../art/cemetery/cyDS_365x260.png");
  background-repeat: no-repeat;
  background-position: 7px 1px;
  text-align: center;
}

div.cyDS_365x260 p {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  margin-left: 10px;
  font-weight: bold;
}
div.cyDS_365x260 img {
  position: relative;
  top: 0px;
  left: 0px;
  width: 350px;
  hieght: 245px;
  margin-bottom: 15px;
}


.cyDS_365x277 {
  float: right;
  width: 367px;
  margin: 13px 25px 5px 10px;
  background-image: url("../art/cemetery/cyDS_365x277.png");
  background-repeat: no-repeat;
  background-position: 1px 1px;
  text-align: center;
}

div.cyDS_365x277 p {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  margin-left: 10px;
  font-weight: bold;
}
div.cyDS_365x277 img {
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 15px;
}



.mausDS_365x243 {
  float: left;
  width: 367px;
  margin: 0px 10px 5px 25px;
  background-image: url("../art/cemetery/mausDS_365x243.png");
  background-repeat: no-repeat;
  background-position: 1px 1px;
  text-align: center;
}

div.mausDS_365x243 p {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  margin-left: 10px;
  font-weight: bold;
}
div.mausDS_365x243 img {
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 15px;
}





/* History Page ds classes */

.ds_215x187 {
  width: 217px;
  float: left;
  margin: 0px 20px 5px 0px;
  background-image: url("../art/history/ds_215x187.png");
  background-repeat: no-repeat;
  background-position: 4px 1px;
  text-align: center;
}

div.ds_215x187 p {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  margin-left: 10px;
}
div.ds_215x187 img {
  float: left;
  margin-top: 3px;
  margin-left: 5px;
  margin-bottom: 15px;
}


.ds_315x264 {
  width: 317px;
  float: right;
  margin: 0px 30px 5px 30px;
  background-image: url("../art/history/ds_315x264.png");
  background-repeat: no-repeat;
  background-position: 4px 1px;
  text-align: center;
}

div.ds_315x264 p {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  margin-left: 10px;
}
div.ds_315x264 img {
  float: left;
  margin-top: 3px;
  margin-left: 5px;
  margin-bottom: 15px;
}



.ds_215x147 {
  width: 217px;
  float: left;
  margin: 0px 20px 5px 0px;
  background-image: url("../art/history/ds_215x147.png");
  background-repeat: no-repeat;
  background-position: 4px 1px;
  text-align: center;
}

div.ds_215x147 p {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  margin-left: 10px;
}
div.ds_215x147 img {
  float: left;
  margin-top: 1px;
  margin-left: 3px;
  margin-bottom: 15px;
}




/* Preplanning form classes */

.preplanFormHeading {
  font-weight: bold;
  width: 100%;
  border-width: 0px 0px 1px 0px;
  border-color: #6a2215;
  border-style: solid;
  margin-bottom: 6px;
}


.planningRightAlign {
  vertical-align: top;
  padding-bottom: 10px;
  padding-right: 15px;
}

.planningExtra {
  font-size: 12px;
}


.responseP {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* Dynamic Classes Start Here */

.fullObitListTableStyle {
  margin-left: 20px;
  margin-top: 15px;
  width: 375px;
  margin-bottom: 10px;
}


.fullObitListLinkCell {
  width: 100px;
}

td.fullObitListLinkCell a {
  color: black;
}

.fullObitListNameCell {
  width: 275px;
  font-weight: bold;
}

.fullObitListDateCell {
  font-size: 12px;
  font-weight: normal;
  margin-left: 25px;
}


#obitCopy {
  display: none;
}

.upperAreaButtons {
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

a.upperAreaButtons img {
  border-width: 0px;
}

form.upperAreaButtons input {
  border-width: 0px;
}


.scheduleInfo {
  width: 375px;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-left: 20px;
  margin-right: 20px;
  clear: left;
}

table.scheduleInfo td {
  vertical-align: top;
  padding-left: 10px;
  padding-bottom: 10px;
}



#visitorBook {
  width: 600px;
  margin: 20px 20px 20px 20px;
border-width: 0px 0px 0px 0px;
border-color: yellow;
border-style: solid;
}

.renderVBName {
  font-weight: bold;
}

.renderVBMessage {
  margin-top: 15px;
}

.messageDIV {
  display: none;
}


#candles {
  width: 600px;
  margin: 20px 20px 20px 20px;
}

.candleTable {
  width: 500px;
  margin-bottom: 30px;
}

.renderCandleName {
  width: 400px;
}

.candleCell {
  width: 100px;
  text-align: left;
border-width: 0px 0px 0px 0px;
border-color: yellow;
border-style: solid;
}

