@charset "UTF-8";
/* SCREEN CSS FOR COMPANION STONES */

body {
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px; padding: 0px;
	overflow: auto;
} 

#frame {
	position: absolute;
	height: 816px;
	width: 1054px;
	margin-left: 50%;
	border: none;
	margin-right: 50%;
	background-image: url(Background.png);
	margin-top: 1%;
	left: -527px;
}


p  {
	font-family: Arial, Helvetica, sans-serif; color: #000000;
	font-size: 13px; line-height: 18px; 
	margin: 0px; padding:0px 20px 5px 20px;  
	font-style: normal; text-transform: none;
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	margin: 0px;
	padding:10px 20px 5px 20px;
	text-transform: lowercase;
}

LI { list-style: none; }
A { text-decoration:none; color: #666666; }
A:hover { color: #3399FF; }

.bold { font-weight: bold;  font-size: 14px;}
.italic { font-style: italic; }
.bolditalic { font-weight: bold; font-style: italic; }
.black { color: #000000; }
.heavy { font-weight: bold; color: #000000; font-size: 15px; }
.current { color: #000000; font-weight: bold; font-size: 15px; }




.label {
	position: absolute;
	width: 267px; height: auto;
	left: 266px; top: 260px;
	background-color: #BEBBA0;
	border-width: 2px; border-style: solid; border-color: #DDDDDD #222222  #222222 #DDDDDD;
	padding: 0px 0px 24px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.label A { color:#000000; text-decoration:underline; }
.label A:hover { color: #3399FF; text-decoration:none; }


#leftlabel, #rightlabel {
	position: absolute;
	width: 165px; height: auto;
	top: 255;
	background-color: #BEBBA0;
	border-width: 2px; border-style: solid; border-color: #DDDDDD #444444  #444444 #DDDDDD;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
#leftlabel  { right: 120px;  }
#rightlabel { left: 120px; }
#leftlabel h1 { padding: 5px 10px 0px 10px; }
#leftlabel p  { padding: 0px 10px 5px 10px; }
#rightlabel h1 { padding: 5px 10px 0px 10px; }
#rightlabel p  { padding: 0px 10px 5px 10px; }


#sitemenu, #cardmenu, #pagemenu, #partmenu, #namemenu, #rolemenu {
	position: absolute;
	height: auto; width: 114px;
	margin: 0px; padding: 0px;
	font-size: 13px; line-height: 22px;	
	text-transform: lowercase;
}
#sitemenu { top: 140px; right: 119px; width: 170px; text-align: right; }
#sitemenu h1{ color: #666666; font-size: 13px; line-height: 22px; margin: 0px; padding: 0px }

#cardmenu { top: 140px; right: 2px; text-align: left; }
#cardmenu h1{ color: #666666; font-size: 13px; line-height: 22px; margin: 0px; padding: 0px }

#namemenu { bottom: 140px; left: 121px; text-align: left; width: 140px;}

#rolemenu { bottom: 140px; left: 2px; width: 115px;	text-align: right; }

#rolemenu A { color: #000000; }
#cardmenu A { color: #000000; }
#rolemenu A:hover { color: #3399FF; }
#cardmenu A:hover { color: #3399FF; }



#homemenu {
	position: absolute; 
	top: 115px; left: 255px; 
	height: auto; width: 680px;
	font-size: 13px; line-height: 18px;	
	text-transform: lowercase; text-align: left;
	padding: 0; margin: 0;
}
#homemenu LI { display:inline; float: left; }
#homemenu A  { padding: 0px 7px 0px 0px; }
#homemenu .current { padding: 0px 7px 0px 0px; }
#homemenu .black { color: #000000; }
.partmenu { position:absolute; top:16px; width:200px; margin:0px; padding:0px; }
.partmenu A { color: #000000; }
.partmenu A:hover { color: #3399FF; }



#information {
	position: absolute; 
	bottom: 115px; right: 254px; 
	height: auto; width: 544px;
	text-transform: lowercase; text-align: right;
	padding: 0; margin: 0;
}
#information p { padding: 0;}








#stone00      { position: absolute; width: 340px; height: 340px; top: 340px; left: 391px; background-image: url(s2back.png); }
#poem00       { position: absolute; width: 272px; height: 442px; top: 204px; left: 323px; background-image: url(p1back.png);text-align: center; }
#design00     { position: absolute; width: 442px; height: 272px; top: 238px; left: 357px; background-image: url(h1back.png); }
#commentary00 { position: absolute; width: 272px; height: 442px; top: 170px; left: 289px; background-image: url(p1back.png);}
#location00   { position: absolute; width: 272px; height: 272px; top: 374px; left: 527px; background-image: url(s1back.png);}
#stoop00      { position: absolute; width: 272px; height: 272px; top: 136px; left: 255px; background-image: url(s1back.png); }
#poem00 p     { padding: 0px 10px 0px 10px; font-size: 18px; line-height: 22px; font-family: Garamond, Georgia, serif; }


#poem01		  { position: absolute; width: 340px; height: 340px; top: 204px; left: 323px; background-image: url(s2back.png); text-align: center; }
#poem01 p     { padding: 0px 10px 5px 10px; font-size: 36px; line-height: 48px; font-family: Garamond, Georgia, serif; }
#location01   { position: absolute; width: 272px; height: 272px; top: 408px; left: 493px; background-image: url(s1back.png);}
#stone01      { position: absolute; width: 340px; height: 340px; top: 306px; left: 391px; background-image: url(s2back.png); }

#stone02      { position: absolute; width: 340px; height: 340px; top: 204px; left: 357px; background-image: url(s2back.png); }
#poem02       { position: absolute; width: 272px; height: 442px; top: 136px; left: 289px; background-image: url(p1back.png);text-align: center; }
#design02     { position: absolute; width: 442px; height: 272px; top: 374px; left: 323px; background-image: url(h1back.png); }
#commentary02 { position: absolute; width: 272px; height: 442px; top: 170px; left: 459px; background-image: url(p1back.png);}
#location02   { position: absolute; width: 272px; height: 272px; top: 238px; left: 255px; background-image: url(s1back.png);}
#stoop02      { position: absolute; width: 272px; height: 272px; top: 408px; left: 527px; background-image: url(s1back.png); }
#poem02 p     { padding: 0px 10px 5px 10px; font-size: 24px; line-height: 30px; font-family: Garamond, Georgia, serif; }

#stone03      { position: absolute; width: 340px; height: 340px; top: 238px; left: 357px; background-image: url(s2back.png); }
#poem03       { position: absolute; width: 272px; height: 442px; top: 204px; left: 459px; background-image: url(p1back.png);text-align: center; }
#design03     { position: absolute; width: 442px; height: 272px; top: 340px; left: 323px; background-image: url(h1back.png); }
#commentary03 { position: absolute; width: 272px; height: 442px; top: 136px; left: 289px; background-image: url(p1back.png);text-align: right;}
#commentary03 p     { font-size: 12px; line-height: 16px;}
#location03   { position: absolute; width: 272px; height: 272px; top: 408px; left: 527px; background-image: url(s1back.png);}
#stoop03      { position: absolute; width: 272px; height: 272px; top: 170px; left: 255px; background-image: url(s1back.png); }
#poem03 p     { padding: 0px 10px 5px 10px; font-size: 22px; font-family: Garamond, Georgia, serif; line-height: 22px;}
#poem03 h1    { padding: 22px 10px 8px 10px; font-size: 24px; font-family: Garamond, Georgia, serif; font-weight: bold; line-height: 24px; }


#poem05       { position: absolute; width: 272px; height: 442px; top: 204px; left: 323px; background-image: url(p1back.png); line-height: 8px;}
#poem05 p 	  { padding: 0px 20px 0px 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 19px;}
#location05   { position: absolute; width: 272px; height: 272px; top: 374px; left: 493px; background-image: url(s1back.png);}
#commentary05 { position: absolute; width: 272px; height: 442px; top: 170px; left: 425px; background-image: url(p1back.png);}
#design05     { position: absolute; width: 442px; height: 272px; top: 272px; left: 357px; background-image: url(h1back.png); }


#stone06      { position: absolute; width: 340px; height: 340px; top: 340px; left: 357px; background-image: url(s2back.png); }
#poem06 { position: absolute; width: 544px; height: 204px; top: 442px; left: 255px; background-image: url(d2back.png); text-align: center; line-height: 17px; }
#poem06 p { padding: 0px; font-size: 19px; font-family: Garamond, Georgia, serif; line-height: 33px;}
#design06     { position: absolute; width: 442px; height: 272px; top: 272px; left: 323px; background-image: url(h1back.png); }
#stoop06      { position: absolute; width: 272px; height: 272px; top: 136px; left: 391px; background-image: url(s1back.png); }
#location06   { position: absolute; width: 272px; height: 272px; top: 306px; left: 459px; background-image: url(s1back.png);}



#poem07		  { position: absolute; width: 340px; height: 340px; top: 204px; left: 323px; background-image: url(s2back.png); text-align: left; line-height: 10px;}
#poem07 p     { padding: 0px 0px 0px 95px; font-size: 22px; line-height: 26px; font-family: Garamond, Georgia, serif; }
#location07   { position: absolute; width: 272px; height: 272px; top: 408px; left: 493px; background-image: url(s1back.png);}
#stone07      { position: absolute; width: 340px; height: 340px; top: 306px; left: 391px; background-image: url(s2back.png); }


#stone08		  { position: absolute; width: 408px; height: 408px; top: 238px; left: 357px; background-image: url(s12recess.png); }
#poem08		  { position: absolute; width: 340px; height: 340px; top: 204px; left: 391px; background-image: url(s2back.png); line-height: 10px; text-align: left; }
#poem08 p     { padding: 0px 0px 0px 40px; font-size: 30px; line-height: 48px; font-family: Arial, Helvetica, sans-serif;   }
#design08     { position: absolute; height: 476px; width: 306px; background-image: url(p14back.png); top: 136px; left: 323px; }
#commentary08 { position: absolute; width: 442px; height: 272px; top: 306px; left: 255px; background-image: url(h1back.png);}
#location08   { position: absolute; width: 272px; height: 272px; top: 408px; left: 538px; background-image: url(s1back.png);}
#stoop08      { position: absolute; width: 272px; height: 272px; top: 170px; left: 289px; background-image: url(s1back.png); }




#legendimage  {
	position: absolute;
	width:  40px;
	height: 86px;
	top: 500px;
	right: 119px;
	vertical-align: bottom;
}
#legend       { position: absolute; width: 100px; height: 86px; top: 500px; right:  14px; }
#legend p     { padding: 1px 0px 3px 0px; font-size: 11px; line-height: 13px; }

#legend A { color:#000000; text-decoration:underline; }
#legend A:hover { color: #3399FF; text-decoration:none; }




#design09     { position: absolute; width: 272px; height: 272px; top: 238px; left: 357px; background-image: url(s1back.png); }
#location09   { position: absolute; width: 272px; height: 272px; top: 408px; left: 527px; background-image: url(s1back.png);}
#stone09      { position: absolute; width: 340px; height: 340px; top: 272px; left: 425px; background-image: url(s2back.png); }
#poem09 { position: absolute; width: 442px; height: 272px; top: 204px; left: 255px; line-height: 52px; background-image: url(h1back.png); text-align: left;}
#poem09 p { padding: 0px 38px 0px 38px; font-size: 35px; line-height: 52px; font-family: Garamond, Georgia, serif; }
#Commentary09 { position: absolute; top: 170px; left: 289px; width: 442px; height: 272px; background-image: url(h1back.png); font-size: 8px; line-height: 10px; }
#Commentary09 p { padding: 0px 30px 0px 30px; font-size: 14px; }
#Commentary09 .bolditalic { padding: 4px 30px 4px 30px;}
#Commentary09 .bold { padding: 15px 30px 0px 30px;}
#stoop09      { position: absolute; width: 272px; height: 272px; top: 136px; left: 323px; background-image: url(s1back.png); }

#poem10		  { position: absolute; width: 340px; height: 340px; top: 204px; left: 323px; background-image: url(s2back.png); text-align: left; line-height: 10px;}
#poem10 p     { padding: 0px 0px 0px 40px; font-size: 36px; line-height: 40px; font-family: Garamond, Georgia, serif; }
#design10     { position: absolute; width: 272px; height: 442px; top: 238px; left: 357px; background-image: url(p1back.png); }
#stoop10      { position: absolute; width: 272px; height: 272px; top: 136px; left: 459px; background-image: url(s1back.png); }
#commentary10 { position: absolute; width: 272px; height: 442px; top: 170px; left: 255px; background-image: url(p1back.png);}
#stone10      { position: absolute; width: 340px; height: 340px; top: 306px; left: 425px; background-image: url(s2back.png); }
#location10   { position: absolute; width: 272px; height: 272px; top: 272px; left: 527px; background-image: url(s1back.png);}



#Poem14i, #Poem14ii { position: absolute; width: 272px; height: 442px; background-image: url(p1back.png); margin: 0px; padding: 0px; text-transform: lowercase; text-align: left; top: 136px; left: 255px; line-height: 12px; }
#Poem14ii 	{ top: 204px; left: 289px; background-image: none;}

#stone14      { position: absolute; width: 340px; height: 340px; top: 306px; left: 357px; background-image: url(s2back.png); }
#design14     { position: absolute; width: 442px; height: 272px; top: 272px; left: 289px; background-image: url(h1back.png); }
#commentary14 { position: absolute; width: 272px; height: 442px; top: 238px; left: 391px; background-image: url(p1back.png);}
#location14   { position: absolute; width: 272px; height: 272px; top: 204px; left: 527px; background-image: url(s1back.png);}
#stoop14      { position: absolute; width: 272px; height: 272px; top: 170px; left: 493px; background-image: url(s1back.png); }

#stone16      { position: absolute; width: 340px; height: 340px; top: 306px; left: 255px; background-image: url(s2back.png); }
#design16     { position: absolute; width: 442px; height: 272px; top: 238px; left: 323px; background-image: url(h1back.png); }
#location16   { position: absolute; width: 272px; height: 272px; top: 408px; left: 527px; background-image: url(s1back.png);}
#poem16		  { position: absolute; width: 340px; height: 340px; top: 204px; left: 391px; background-image: url(s2back.png); line-height: 10px; text-align: left; }
#poem16 p     { padding: 0px 60px 0px 60px; font-size: 30px; line-height: 42px; font-family: Garamond, Georgia, serif; }
#stoop16      { position: absolute; width: 272px; height: 272px; top: 136px; left: 425px; background-image: url(s1back.png); }

#poemW3 { position: absolute; width: 442px; height: 272px; top: 204px; left: 255px; background-image: url(h1back.png); text-transform: text-align: left; line-height: 30px; }
#poemW3 p { padding: 0px 42px 0px 42px; font-size: 36px; line-height: 48px; font-family: Garamond, Georgia, serif; }
#designW3     { position: absolute; width: 340px; height: 340px; top: 238px; left: 323px; background-image: url(c1back.png); }
#stoopW3      { position: absolute; width: 442px; height: 272px; top: 136px; left: 357px; background-image: url(h1back.png); }
#locationW3   { position: absolute; width: 272px; height: 272px; top: 374px; left: 493px; background-image: url(s1back.png);}



#home1 	     { position: absolute; top: 170px; left: 255px; width: 272px; height: 442px; background-image: url(p1back.png); }
#home1 .label { position:absolute; width:267px; height:auto; left:34px; top:306px; padding:0px 0px 10px 0px; }
#home2       { position:absolute; top:204px; left:323px; width:476px; height:476px; }

#about1 { position: absolute; top: 170px; left: 493px; width: 272px; height: 442px; background-image: url(p1back.png); }
#about2 { position: absolute; top: 374px; left: 357px; width: 442px; height: 272px; background-image: url(h1back.png); }
#about3 { position: absolute; top: 238px; left: 289px; width: 272px; height: 442px; background-image: url(p1back.png); }
#about4 { position: absolute; top: 204px; left: 255px; width: 442px; height: 272px; background-image: url(h1back.png); }

#extra4	{ position: absolute; top: 170px; left: 493px; width: 272px; height: 442px; background-image: url(p1back.png); }
#extra2	{ position: absolute; top: 136px; left: 527px; width: 272px; height: 442px; background-image: url(p1back.png); }
#extra3 { position: absolute; top: 204px; left: 367px; width: 340px; height: 476px; background-image: url(hsbookback.png); }
#extra1 { position: absolute; top: 238px; left: 255px; width: 442px; height: 272px; background-image: url(h1back.png); }

#contact1 	    { position: absolute; top: 170px; left: 255px; width: 272px; height: 272px; background-image: url(s1back&raised.png); }
#contact1 p 	{ padding:0px 35px 5px 35px; font-size: 14px; line-height: 16px;  }
#contact1 A 	{ color:#000000; text-decoration:underline; }
#contact1 A:hover { color: #3399FF; text-decoration:none; }

#contact2       { position:absolute; top:204px; left:323px; width:476px; height:476px; }

#map { position:absolute; top:136px; left:255px; height:544px; width:544px; background-image:url(s0back.png);}


#shaddow { position: absolute; width: 272px; height: 272px; top: 357px; left: 510px;}



#linklist {
	position: absolute;
	height: auto;
	width: auto;
	margin: 0px;
	font-size: 13px;
	line-height: 22px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#linklist LI {
	list-style-image: none/*url(listpointer.png)*/;
	list-style-position: inside;
}
#linklist A  {
	text-decoration:none;
	color: #000000;
	text-transform: none;
}
#linklist A:hover { color: #3366CC; }


#nextarrow, #backarrow {
	position: absolute;
	right: 20px;
	bottom: 30px;
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
	float: right;
	clear: both;
}
 #backarrow { right: 45; }



.overlay {
	position: absolute;
	left: 0px;top: 0px;
}