/* Update for Eam site by Dennis Bellone and Achilles Arts Services as of October 2006 */
/* this is css for the to the letter series updated for Nov 2006 */
/* this is css for the to the letter series updated for July 2007 */

body	{
	background: #E0E0E0;
	margin: 0;
	padding: 0;
	border: 0;
	padding-bottom: 25px;
	}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	line-height: 5px;
	color: #333333;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 5px;
	color: #333333;
	width: auto;
}
font {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #333333;
}

b {
	font-family: Times, "Times New Roman", sans-serif;
	font-size: 12px;
	font-style: italic !important;
	font-style: bold !important;
	font-weight: bold !important;;
	color: #333333;
}
p {
	color: #333333;
	margin: 10px;
	font-size: 13px;
}
	
/* general layout */
#wrapper {
	background: #999999;
	margin: auto;
	padding: 0px;
	width: 950px;
	height: 600px;
	text-align: center;
	position: relative;
	z-index: 8;
	}
	
	
#title {
	width: 950px;
	height: 60px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 7;
	}


#title2 {
	width: 690px;
	height: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(images/home/headtesteric.gif);
	}

#title3 {
	width: 260px;
	height: 60px;
	position: absolute;
		left: 690px;
	top: 0px;
	}

#footer	{
	width: 948px;
	height: 70px;
	text-align: center;
	position: absolute;
	top: 517px;
	left: 1px;
	z-index: 6;
	}

/* where the pictures go */	
#image {
	border: 5px transparent;
	padding: 0px;
	width: 330px;
	height: 400px;
	float: left;
	position: absolute;
	z-index: 4;
	left: 100px;
	top: 80px;
	}

#fimage {
	width: 550px;
	height: 400px;
	float: left;
	position: absolute;
	z-index: 4;
	left: 40px;
	top: 80px;
	}

#imagefield {
	padding: 0px;
	width: 330px;
	height: 400px;
	float: left;
	position: absolute;
	z-index: 2;
	left: 140px;
	top: 80px;
	visibility: hidden;
	}
		
#imagefieldtwo {
	padding: 0px;
	width: 550px;
	height: 400px;
	float: left;
	position: absolute;
	z-index: 2;
	left: 60px;
	top: 80px;
	visibility: hidden;
	}


#imagefieldv {
	padding: 0px;
	width: 330px;
	height: 400px;
	float: left;
	position: absolute;
	z-index: 2;
	left: 140px;
	top: 80px;
	visibility: visible;
	}
		
#imagefieldtwov {
	padding: 0px;
	width: 550px;
	height: 400px;
	float: left;
	position: absolute;
	z-index: 2;
	left: 60px;
	top: 80px;
	visibility: visible;
	}

/* where the words go */
#content {
	background: #999999;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-color: #ccc;
	padding-top: 40px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	position: absolute;
	height: 380px;
	width: 425px;
	left: 457px;
	z-index: 5;
	top: 70px;
	visibility: visible;
}

#fcontent {
	background: #999999;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-color: #ccc;
	padding-top: 10px;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	position: absolute;
	height: 400px;
	width: 290px;
	left: 610px;
	z-index: 5;
	top: 70px;
	visibility: visible;
}

#imagecontentwo {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	padding-top: 10px;
	color: #333333;
	width: 260px;
	height:100px;
	text-align: left;
	position: absolute;
	z-index: 1;
	left: 650px;
	top: 350px;
	visibility: hidden;
}

#imagecontentwov {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	padding-top: 10px;
	color: #333333;
	width: 260px;
	height:100px;
	text-align: left;
	position: absolute;
	z-index: 1;
	left: 650px;
	top: 350px;
	visibility: visible;
}

.socontent {
}

.edcontent {
	margin-top: 40px;
}

/* header class */	
.hhome {
	background-image: url(images/home/headeam.gif);
	background-position: 0px 0px;
}
	
.hletter {
	background-image: url(images/letter/totheletter.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


/* to the letter */
.fountlet {
	background-image: url(images/letter/fountain.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.typelet {
	background-image: url(images/letter/type.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.fontlet {
	background-image: url(images/letter/font.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.typefont {
	background-image: url(images/letter/tfmc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.wordlet {
	background-image: url(images/letter/word.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.signlet {
	background-image: url(images/letter/sign.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.wordsign {
	background-image: url(images/letter/wsnt.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.withinlet {
	background-image: url(images/letter/letofthelaw.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.thislet {
	background-image: url(images/letter/false_s.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.typiclet {
	background-image: url(images/letter/typical_chr.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.deadlet {
	background-image: url(images/letter/dead_let.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.nicelet {
	background-image: url(images/letter/nice_type.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.doyoulet {
	background-image: url(images/letter/read_me.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

/* july update for letter II */
.distill {
	background-image: url(images/letter/distill.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.fount2 {
	background-image: url(images/letter/fountain.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.deadread {
	background-image: url(images/letter/dead_read.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.toolone {
	background-image: url(images/letter/tool_die_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.tooltwo {
	background-image: url(images/letter/tool_die_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.toolthree {
	background-image: url(images/letter/tool_die_3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.amstand {
	background-image: url(images/letter/american_standard.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.simpcip {
	background-image: url(images/letter/simple_cipher.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.readmade {
	background-image: url(images/letter/read_made.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.readymades {
	background-image: url(images/letter/ready_mades.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.boundprint {
	background-image: url(images/letter/bound_print.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.footnote {
	background-image: url(images/letter/foot_note.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.roughspell {
	background-image: url(images/letter/rough_spell.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.imagetrade {
	background-image: url(images/letter/image_trade.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}

.daisychain {
	background-image: url(images/letter/daisy_chain.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: auto;
	width: auto;
}