Body {background-image: url(background.gif);
text-align: center;
}

h1 {font-family: "verdana, arial narrow, times new roman";
font-size: 32px;
color: rgb(255, 128, 192);
padding: 5px;
line-height:60px;
}

h2 {font-family: "verdana, arial narrow, times new roman";
font-size: 16px;
color: gray;
font-style: italic;
padding: 5px;
}

h3 {font-family: "verdana, arial narrow, times new roman";
font-size: 14px;
color: gray;
font-weight: normal;
padding: 5px;
}

p {font-family: "verdana, arial narrow, times new roman";
font-size: 14px;
color: black;
padding: 5px;
width: 95%;
}

address {font-family: "verdana, arial narrow, times new roman";
font-size: 14px;
color: gray;
font-style: normal;
padding: 5px;
}

li {list-style-type: square; color:black;
font-family: "verdana, arial narrow, times new roman";
font-size: 14px;
font-weight: normal;
}

h5 {font-family: "verdana, arial narrow, times new roman";
font-size: 9px;
color: black;
font-weight: normal;
padding: 5px;
}


h6 {font-family: "verdana, arial narrow, times new roman";
font-size: 10px;
color: black;
font-weight: normal;
padding: 5px;
}


/****Links****/

A:Link {color: #808080;
text-decoration: none;
font-family: "verdana, arial narrow, times new roman";
font-size: 14px;
font-style: normal;
}

A:visited {color: #808080;
text-decoration: none;
font-family: "verdana, arial narrow, times new roman";
font-size: 14px;
font-style: normal;
}

A:hover {color: #ff00ff;
font-family: "verdana, arial narrow, times new roman";
font-size: 14px;
text-decoration: underline;
font-style: normal;
}





/*****Div ID*****/


#container {
  margin:auto;
  width: 840px; 
  background: rgb(234,234,234);
}

#banner {
  background: white;
  text-align: left;
  height: 110px;
}

#navbar {
  float: left; 
  width: 840px; 
  height: 25px;
  background-image: url(navbar.gif);
  text-align: left;
}

#address {
 float: left;
 width: 200px;
 background: white;
 text-align: left;
 margin: 15px;
}


#content {
  float:left;
  width: 840px;
  background-color: white;
  text-align: left;
}



#footer { 
  clear: both;
  background: rgb(255,236,245);
  height: 25px;
  width: 840px;
  text-align: left;
 } 

img.floatLeft { 
    float: Left; 
    margin: 4px; 
    padding: 5px;
}


img.floatRight { 
    float: right; 
    margin: 4px; 
    padding: 5px;
}




.gallerycontainer{
position: relative;
padding: 5px;
}

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

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

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

.thumbnail span{ 
position: absolute;
background-color: #ffabff;
padding: 5px;
left: -1000px;
border: 1px dashed #ffabff;
visibility: hidden;
color: gray;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: -60;
left: 400px; 
z-index: 50;
}


/***Table ID***/

td.Headings
{ border-bottom: 1px solid rgb(73,73,73);
border-left: 1px solid rgb(73,73,73);
background-color: white;
text-align: left;
font-family: "verdana, arial narrow, times new roman";
font-weight: bold;
font-size: 9px;
color: #404040; 
margin: 50px;
}

td.helpBod
{ border-bottom: 1px solid rgb(73,73,73);
border-top: 0px;
border-left: 1px solid rgb(73,73,73);
border-right: 0px;
text-align: left;
font-family: "verdana, arial narrow, times new roman";
font-weight: normal;
font-size: 9px;
color: #404040;
background-color: rgb(255,217,255); 
}

table.table
{ text-align: left;
font-family: "verdana, arial narrow, times new roman";
font-weight: normal;
font-size: 9px;
color: black;
width: 580px;
background-color: white;
border: 1px rgb(73,73,73) solid;
border-collapse: collapse;
border-spacing: 0px; 
margin: 50;
} 

td.highlight{
background-color: rgb(255,217,255);
}