
body
{
  margin: 0;
  margin-right: 10px
}

div#main
{
  position: relative ;
  color: black ;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
  margin: 0 ;
}

div.borderTop
{
  position: absolute;
  top: 10px ;
  left: 0 ;
  height: 14px ;
  width: 99% ;
  z-index: 0 ;
}

div.borderTopRight
{
  position: absolute;  
  top: 4px ;
  right: 0 ;
  width: 25px ;
  height: 25px ;
  z-index: 1 ;
}

div.borderBottom
{
  position: absolute;
  bottom: 10px ;
  left: 0 ;
  width: 99% ;
  height: 14px ;
  font-size: 1px ; /* stupid IE */
  background-repeat: repeat-x ;  
  z-index: 0 ;
}

div.borderBottomRight
{
  position: absolute;  
  bottom: 4px ;
  right: 0 ;
  width: 25px ;
  height: 25px ;
  z-index: 1 ;
}


div.menuTop
{
  position: absolute;
  top: 0 ;
  left: 0 ;
  width: 101px ;
  height: 29px ;
  z-index: 2 ;
}

div.menuBottom
{
  position: absolute;
  bottom: 0 ;
  left: 0 ;
  width: 101px ;
  height: 30px ;
  z-index: 2 ;
}

div.logo
{
  width:101px ;
  text-align: center;
}

div.control
{
  position: absolute;
  top: 40px;
  left: 0;
  width: 101px ;
  min-height: 80px ;
}

div.button
{
  position: relative;
  width: 101px;
  height: 20px ;
  min-height: 20px;
  max-height: 20px;
  z-index: 4 ;
  font-size: 1px ;
  cursor: pointer;
}

div.button img
{
  height: 20px;
  min-height: 20px;
  max-height: 150px;
  cursor: pointer;
  border: 0;
}

div.button #flowers_image
{
  width: 95px;
  height: 95px;
  margin-left: 3px;
  min-height: 90px;
  max-height: 95px;
  cursor: pointer;
  border: 0;
}

div.button #monument_image
{
  position: relative;
  top: 80px;
  width: 95px;
  height: 95px;
  margin-left: 3px;
  min-height: 90px;
  max-height: 95px;
  cursor: pointer;
  border: 0;
}

div.button #aons_image
{
  position: relative;
  top: 80px;
  width: 95px;
  height: 95px;
  margin-left: 3px;
  margin-top: 80px;
  min-height: 20px;
  max-height: 95px;
  cursor: pointer;
  border: 0;
}

* html div.button img
{
 	cursor: hand;
}

div.contentPanel
{
  position: static ;
  padding-top: 30px ;
  padding-left: 120px;
  margin-right: 2em;
  padding-bottom: 30px ;
}

div.contentPanel img
{
  max-width:200px; 
  max-height:200px; 
  width: auto;
  height: auto;
}

h1
{
  font-family: Times New Roman, serif ;
  text-align: center ;
  font-size: 1.3em ;
  margin: 0;
}

h2
{
  text-align: center ;
  font-size: 1.0em ;
  font-weight: normal ;
  margin: 0;
}

div.obituary
{
  margin-top: 1.5em ;
  font-size: 12pt ;
  margin-bottom: 4em ;
  text-align: justify ;
}

div.epitaph
{
  font-size: 0.8em ;
  text-align: center;
  margin-bottom: 4em ;
}

div.slideshow
{
  float: right ;
  margin-left: 1em ;
  margin-bottom: 1em ;
  text-align: center;
  width: 300px;
  height: 300px;
}

* html div.slideshow
{
  display: inline;  
}

div.topPicture
{
  text-align: center ;
}

div.topLeftPicture
{
  float: left ;
  margin-right: 1.0em ;
  text-align: center;
}

div.topRightPicture
{
  float: right ;
  display: inline;
  margin-left: 1.0em ;
  text-align: center;
}

* html div.topRightPicture
{
  display: inline;  
}

div.bottomLeftPicture
{
  float: left;
  margin-right: 1.0em ;
  text-align: center;
}

div.bottomRightPicture
{
  float: right ;
  margin: 0;
  margin-left: 1.0em ;
  text-align: center;
}

div.bottomPicture
{
  text-align: center ;
}

div.obituary p
{
  margin-bottom: 1px;
}

div.extra
{
  text-align: center;
  margin-top: -3em ;
  margin-bottom: 4em ;
}

div.guestbook
{
  margin-bottom: 2em;
  font-size: 11pt ;
}

div.guestbook h3
{
  font-size: 12pt;
  font-weight: bold;
}

div.guestbook hr
{
  width: 80%;
}

div.message
{
  margin-bottom: 0.5em;
}

div.donor
{
  margin-bottom: 2em;
  font-style: italic;
}

div.service_info

{
  display: none;
  visibility:hidden;
}
