h1 {
	border:2px solid saddlebrown; 
	border-radius: 12px; 
	width:960;
	text-align:center; 
	font-family: "script MT bold",Droid Sans, arial, sans-serif;
}
h2{width:938;
text-align:center; 
	font-family: "script MT bold",Droid Sans, arial, sans-serif;
	font-size: 1.5em; }


body {
	background-image: url(background4.jpg);
	}
p{	font-family: "Droid Sans", Helvetica, Arial sans-serif; text-align:center; word-wrap:break-word;
	}
p2 {font-family: "Droid Sans", Helvetica, Arial sans-serif;}

p3{	font-family: "Droid Sans", Helvetica, Arial sans-serif; text-align:right;
}
p4 {/* Font for letters preamble*/font-size:large; }
p5 {/* Font for letters*/ font-style: italic;}
p6{	font-family: "Droid Sans", Helvetica, Arial sans-serif; font-style: italic; text-align:center; word-wrap:break-word; color:green}
p7{font-family: "Droid Sans", Helvetica, Arial sans-serif; font-style: italic; color:red}




ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	text-align: center;
}

li {font-size:large; 
    display: inline;
}




#content /* Used in Samuels Letter*/
{
	padding:10px;
	border:2px solid saddlebrown;
	margin-right:auto;
	margin-left:auto;
	
	
	width:650px;
	position: relative;
	clear: none;
	height: 1500px;
	font-family: "Droid Sans", Helvetica, Arial sans-serif;
	 
}

#content2 /* Used in all main pages*/
{
	padding:10px;
	border:2px solid saddlebrown;
	float:left;
	width:938px;
	position: relative;
	clear: none;
	height: auto;
	font-family: "Droid Sans", Helvetica, Arial sans-serif;
	 text-align: justify;word-wrap:break-word;
	
}
#content3
{/* used in Catherines book*/
	padding:10px;
	border:2px solid saddlebrown;
	float:left;
	width:450px;
	position: relative;
	clear: none;
	height: 520px;
	font-family: "Droid Sans", Helvetica, Arial sans-serif;
	 text-align: justify;word-wrap:break-word;
	
}
#content4
{/* used in Catherines book*/
	padding:10px;
	border:2px solid saddlebrown;
	float:right;
	width:450px;
	position: relative;
	clear: none;
	height: 520px;
	font-family: "Droid Sans", Helvetica, Arial sans-serif;
	 text-align: justify;word-wrap:break-word;
	
}
#content5
{
	padding:10px;
	border:2px solid saddlebrown;
	float:left;
	width:938px;
	position: relative;
	clear: none;
	height: auto;
	font-family: "Droid Sans", Helvetica, Arial sans-serif;
	 text-align: justify;word-wrap:break-word;
	}
#content6
{/* used in Housesale*/
	padding:10px;
	border:2px solid saddlebrown;
	float:right;
	width:450px;
	position: relative;
	clear: none;
	height: auto;
	font-family: "Droid Sans", Helvetica, Arial sans-serif;
	 text-align: justify;word-wrap:break-word;
	
}


.dropcap {
 
    float:left;
    color: #09F;
    font-size:63px;	
    line-height:55px;
    padding-right:25px;	
    padding-top:2px;
    font-family:Sans Droid, Arial, Helvetica, sans-serif;
    text-shadow:1px 1px 1px #000;
 }
	


#container {
     width: 960px;
     margin: 0 auto;
}
div.desc {
    font-weight: normal;
    width: 300px;
    margin: 5px;
	background:white;
	text-align: center;
	
	border:2px solid black;}
figure {
    float: right;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 20px;
    margin-right: 10px;
}
figcaption { 
    display: block;
	 padding: 5px;
  font-family: "Droid Sans", Helvetica, Arial sans-serif;
  font-size: 1em;
  font-weight: 500;
  border: none;
  background: transparent;
  word-wrap:normal;
  text-align: center;
}
figure2 {
    float: left;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 5px;
    margin-right: 20px;
}

}

#transcript{float:left; height:360px; width:300px; background-image: url(galletter.jpg);}
#transcript:hover {background-image: url(galtext.jpg);}

#transcript2{float:right; margin:10px; height:350px; width:300px; background-image: url(diarypage1.jpg);}
#transcript2:hover {background-image: url(diarypage1text.jpg);}
.image1
{float:left; margin:10px}
.image2
{float:right; height:368px; width:300px;}
.image3
{margin:10px;float:left;}
.image4
{margin: 0px auto;display:block}
.image5
{margin:10px;float:right;}

.image6
{margin:0px;float:left;}

    
   
	
    
   
	
.tooltip {
	display: none;
}

.text:hover .tooltip {
	display: inline;
}
.text{color:blue;font-family: "Droid Sans", Helvetica, Arial sans-serif;display:inline;}


.tooltip {
	display: none;
	width: 200px;
	position: inline;
	padding: 8px;
	margin: 4px 0 0 4px;
	top: 0;
	left: 16px;
	font-size: 12px;
	z-index: 999;
}