<style type="text/css">
/*THIS IS THE PICTURE EXPANDING CSS */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 50;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightgrey;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 50;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
z-index: 50;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>


{
border-style:solid;
border-width:0px;
}



p	{font-family:wright,rapunzel,enviro,scribble;
		font-weight:normal;
		color:#000000;
		font-size:18px;
		line-height:90%; 
		text-align:center
		
	}


p.ital 	{font-style:normal;
		font-weight:bold;
		color:#000000
	}


h1	{font-family:wright,rapunzel,enviro,scribble;
		font-weight:bold;
		color:#000000;
		font-size:32px;
		line-height:80%;
		text-align:center 
		
	}

h1 em
	{	color:#6c000a
	}

h2
	{	font-family:wright,papyrus, enviro, fine hand;
		font-weight:bold;
		color:#000000;
		font-size:16px;
		line-height:90% 
	}



h2 em
	{	color:#6c000a
	}



h3
	{	font-family:wright,papyrus, enviro, fine hand;
		font-weight:bold;
		color:#000000;
		font-size:24px;
		line-height:90% 
	}




h4
	{	font-family:arial;
		font-weight:normal;
		color:#000000;
		font-size:16px;
		line-height:80%
		
	}




h6
	{	font-family:"times new roman";
		font-weight:normal;
		color:#000000;
		font-size:42px;
		line-height:80% 
		
	}

body {
margin:0px 0px;
padding:0px;
text-align:center;/* hack ie5 */
background-image:url(whtmarb.jpg);
}	

/*this is the holding box for top information*/ 
div.head1 {position:absolute;
		top:0px;
		left:0%;
		width:100%;
		margin-bottom:0em;
		margin-top:0em;
		min-height:50px;
		
}
	
/*this is the holding box for the menu */ 
div.head2 {position:absolute;
		top:78px;
		left:0%;
		width:100%;
		margin-bottom:0em;
		margin-top:0em;
		min-height:40px;
		z-index:200;
}

/*this is the holding box for the three divisions  ONLY on the index sheet */ 
div.head3{position:absolute;
		top:75px;
		left:0%;
		width:100%;
		margin-bottom:0em;
		margin-top:0em;
		min-height:780px;
		
}

/*this is the 3 columns for the Iframe INDEX*/ 
div.leftdiv1{position:absolute;
 top:0%;
 left:0%;
 width:10%;
 height:100%;
 
 }
div.centdiv1 {position:absolute;
 top:0%;
 left:10%;
 width:80%;
 height:780px;
 
 }
div.rightdiv1 {position:absolute;
 top:0%;
 left:90%;
 width:10%;
 height:780px;
 }
 

div.foot {position:absolute;
 top:810px;
 left:5%;
 width:90%;
 height:20px;
 }



div#bgtopline
 	{	background-image:url(topline2.png) ;
		background-repeat:repeat;
		background-attachment:fixed;
		background-position:center -25px;  
		
		
	}


div#bgmarw
 	{	background-image:url(whtmarb.jpg) ;
		background-repeat:repeat;
		background-attachment:fixed;
		background-position:center center
		
	}


div#bgcoldn
 	{	background-image:url(coldn2.png);
		background-repeat:no-repeat;
		background-position:center 99%
		
	}

div#bgcola
 	{	background-image:url(colbrefl.png);
		background-repeat:no-repeat;
		background-attachment:fixed; 
		background-position:center 0
		
	}

div#bgcolb
 	{	background-image:url(colarefl.png);
		background-repeat:no-repeat;
		background-attachment:fixed; 
		background-position:center 0
		
	}


div#bglines
 	{	background-image:url(collines.gif);
		background-repeat:no-repeat;
		 
		background-position:center 140
		
	}

div.bglines2
 	{	background-image:url(collines.gif);
		background-repeat:repeat;
		background-attachment:fixed; 
		background-position:center 0
		
	}


div#letter p:first-letter 	
	{		color:#6c000a;
			font-weight:bold;
			font-size:1.75em;
			font-family: papyrus, enviro, fine hand
			
	}	

div#letter p
	{	text-indent:1em
	}







div#const p:first-letter 	
	{		color:#6c000a;
			font-weight:bold;
			font-size:1.75em;
			font-family: papyrus, enviro, fine hand
			
			
	}

div#const p
	{	text-indent:2em
	}


font face= "wright,enviro,poor richard,parchment,kunstler script,harrington,fine hand,script mt bold,papyrus,times new roman"

/*this is the simpledropdownmenu menu*/



#dd {
  margin-left: 15%;
  padding: 0 0 10px 0;
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: normal 14px arial;
}    

/*added here*/
/*
#dd{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
	
}
#dd ul{
	list-style:none; 
	position:relative;
	left:-50%;
	margin:0;
	padding:0;
} 
#dd li{
	
	float:left;
	margin:0 0px 0 0;
	list-style: none;
	font: normal 14px arial;
	
	
} */

/* end of ADDED*/


#dd li a.menu {
 /* display: block;
  text-align: center;
  background-image: url(bg1.png);
  padding: 4px 4px;
  margin: 5px 1px 5px 0;
  color: #FFF;
  width: 70px;
  text-decoration: none;*/
  
	float:left;
	border:0px solid #ffffff;
	position:relative;
	left:-10px;
	top:-27px;
	background-image:url(bg1.png);
	color:#ffffff;
	text-decoration:none;
	padding:3px 5px;
	font: normal 14px arial;
	margin: 5px 1px 5px 0;
  
}

#dd li a.menu:hover {
  background-image: url(bg2.png)
}

.submenu {
  background: #EAEBD8;
  border: 1px solid #5970B2;
  visibility: hidden;
  position: absolute;
  z-index: 50;
 
}

.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 2px;
  color: #2875DE;
}

.submenu a:hover {
  background: #49A3FF;
  color: #FFF;
}

/*this is the end of dropdownmenu menu*/










	
