/*the image needs to be 325 x 425 to postion itself correctly*/
a.screen, a.screen:visited {
color:#c00; 
position:relative;
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0;  /*position:the image */
top:-455px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:194;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:125;
}
a.screen:hover b img {
border:0; /* remove the link border */
}

/*all below is for the Family Text pop up */

a.box1class {
	color:#000;
}

a.box1class span { visibility:hidden; border:1px solid #000;  position: absolute; left: -15px; top:  -530px; }

/*a.box1class, a.box1class:visited {
color:#c00; 
position:relative;
z-index:1;
}*/

/* These next two change the color of the text and the background*/
a.box1class:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
/*z-index:194;*/
background-color:#000;

}

#box1 a:hover {
	color:#ddd;
}



/* to change the display and location of the box*/
a.box1class:hover span {
	visibility:visible; 
	display: block;
	border: 5px solid #333;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	width: 873px;
	height: 516px;
	padding: 10px;
	/*font-size: 150%;*/
	position:absolute;
	left: 45px;
	top: -7px;
	background-image: url('../images/linen.jpg');
	background-repeat: repeat;
	color: #000000;
	overflow:auto;
	text-align: justify;
	line-height:25px;

}

/* to change the display and location of the text in the menu
changing the width will move the text to the left or right*/
#box1 a {
	text-decoration: none;
	padding: 0px 8px 0px 0px;
	margin: 0px;
	position: relative;
	top: 3px;
	left: 0px;
	color: #ddd;
	text-decoration: none;
	width: 42px;
	z-index: 1;
	line-height: 35px;
	display: block;
	text-align: center;
}

/* to change the display and location of the menu box*/
#box1 {
position: absolute;
top: 118px;
left: 9px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
text-decoration: none;
width: 50px;
z-index: 1;
line-height: 35px;	
display: block;
text-align: center;
background-color:#333;

}
#box1 h2 {color:#090;}


/*all below is for the Help popup*/
a.box2class {
	color:#000;
}

a.box2class span { visibility:hidden; border:1px solid #000;  position: absolute; left: -15px; top:  -530px; }

/*a.box2class, a.box2class:visited {
color:#c00; 
position:relative;
z-index:1;
}*/

/* These next two change the color of the text and the background*/
a.box2class:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
/*z-index:194;*/
background-color:#000;

}

#box2 a:hover {
	color:#ddd;
}



/* to change the display and location of the box*/
a.box2class:hover span {
	visibility: visible;
	display: block;
	border: 5px solid #333;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	width: 903px;
	height: 516px;
	padding: 10px;
	line-height:25px;
	left: -675px;/*was 675*/
	top: 36px;
	background-image: url('../images/linen.jpg');
	background-repeat: repeat;
	color: #000000;
	overflow: auto;
	text-align: justify;
}

/* to change the display and location of the menu*/
#box2 a {
	text-decoration: none;
	padding-bottom: 6px;
	top: -191px;
	left: 721px;
	Font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	color: #ddd;
	text-decoration: none;
	width: 140px;
	z-index: 1;
	display: block;
	text-align: center;
}


#box2 {
position: relative;
top: -190px;
left: 721px;
font-family: "Times New Roman", Times, serif; 
/*font-family: Arial, Helvetica, sans-serif;*/
font-size: 22px;
color: #ddd;
text-decoration: none;
width: 140px;
z-index: 110;
line-height: 34px;
height:38px;	
display: block;
text-align: center;
background-color:#333;

}
#box2 h2 {color:#090;}

.helpclass{
		visibility: visible;
	display: block;
	border: 5px solid #333;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	width: 903px;
	height: 516px;
	padding: 10px;
	line-height:25px;
	position:absolute;
	left: 9px;/*was 675*/
	top: 114px;
	background-image: url('../images/linen.jpg');
	background-repeat: repeat;
	color: #000000;
	overflow: auto;
	text-align: justify;

}
.helpclass h2 {color:#090;}
.helpclass p {color:#000;}

.otherclass{
	visibility: visible;
	display: block;
	border: 5px solid #333;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	width: 463px;
	height: 516px;
	padding: 10px 220px 10px 220px;
	line-height: 25px;
	position: absolute;
	left: 9px;/*was 675*/;
	top: 114px;
	background-image: url('../images/linen.jpg');
	background-repeat: repeat;
	color: #000000;
	overflow: auto;
	text-align: justify;
}
.otherclass h2 {
	color: #000;
	text-align: center;
	font-size: medium;
	font-weight: normal;
}
.otherclass p {color:#000;}
.otherclass h3 {
	color: #000;
	padding-left: 152px;
	font-size: inherit;
}




img.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: -150px;
}