/* Main Selectors */
body {
	background: #542214 url(lace.gif) repeat-x;
	color: #542214;
  	font-family: garamond;
	font-size: 12pt;

}

a, a:visited {
	background-color: transparent;
	color: #1B1A00;
	text-decoration: none;
}

a:hover {
	background-color: transparent;
	color: #567DB2;
	text-decoration: none;


}

.a1
{
  	font-size: 12pt;
  	font-family: garamond;
}

.a2
{
  	font-size: 11pt;
  	font-family: garamond;
}

.h2
{
  	font-size: 24pt;
  	font-family: sans-serif,arial,helvetica;
}

.ggg
 {
  float: left;
  width:100px;
  height:450px;
  border:0px solid #FCFE13;
 padding-right: 0px;
  padding-top: 8px;
}

.maintext {
  float: left;
  width: 610px;
  height:400px;
  border:0px solid #FCFE13;
  overflow: auto;
  top: 30px;
  padding-left: 0px;

}

#chapelTable {
	border: 0px dotted #333;


 }

div#index td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #7E2B5B;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#index td.thumbcell img {
	border-style: none;
}


.gallerycontainer{
position: relative;
height: 350px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 3px 3px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #1F1458;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
top: 10%;
background-color: ;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
	
top: 0px;
left: 175px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.chapeldesc
 {
  position: relative;
  width:170px;
  border:0px solid #FCFE13;
  padding-right: 0px;
  padding-top: 0px;
}

.postit {
  float: left;
  width: 580px;
  height:160px;
  border:0px solid #FCFE13;
  overflow: none;
  top: 40px;

}


.contentBlock {
  font-size: 10pt;
  top: 0px;
  border:0px solid #FCFE13;
  font-family: sans-serif,arial,helvetica;

}

.picture {
  float: right;
  width: 270px;
  height:350px;
  border:0px solid #FCFE13;
  padding-left: 10px;
}


#popitmenu{
position: absolute;
background-color: #99CC67;
border:0px solid #CC6633;
font: normal 12px sans-serif;
line-height: 18px;
z-index: 100;
visibility: hidden;
text-align: left;

}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
text-align: left;
width: 150px;

}

#popitmenu a:hover{ /*hover background color*/
background-color: #FFFFCC;
}



=================================
 start of Tooltip css code here
================================= */
a.info{
    position:absolute;           /*this is the key*/
    z-index:24; 

	background-color:#eeeec0;    /* background colour of display text */
	border: 1px dashed #cccc99;
    color:#542214;               /* colour of display text */
    text-decoration:none;
	font-style:regular;
	}

a.info:hover {
			 z-index:25; 
			 background-color: transparent ;

			 }

a.info span{
	   display: none;  /* hide the span text using this css */
	   }

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 30em;       /* offset of the tooltip from the top */
	left: 35em;      /* offset of the tooltip from the left */
	width:20em;
    border:2px solid #C60D60; /* border colour */
    background-color:#D5D4DF; /* background colour here */
    color:#542214;         /* text colour */
    text-align: left;
    font-size: 14px;
    font-family: verdana;
    text-indent: 5px;
    padding: 5px;
	}
/*