@charset "utf-8";
/* CSS Document for WTW70 main*/

/* Colors
#cc6600 = WTW70 orange
#cc5500 = ?
*/

.orangetext {color:#cc6600;} /* #df6210 */
.center {text-align:center;}

body { 
	height: 100%;
	background-color: black; /* background color on the sides*/
	color: black; /* text color */
	margin: 0px;
	padding: 0px;
	text-align: center;
	} 

div.container {
    position: relative;
	height: 100%;
	width: 960px; /* orig 900 */
    background-color: white; /* red for debugging */
    background-image: url(../images/WTWmasthead.png);
    background-repeat: no-repeat;
	color: black;
	border: 1px solid black;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	}

div.content {
    position: relative;
    z-index: 1;
	height: 100%;
	margin: 0px;
	margin-top: 30px; /* distance from bottom of menu */
	padding: 0px;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 0em;
	background-color: transparent;
	text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	} 

div.footer {
    position: relative;
    z-index: 2;
    height: 100px;
	text-align: center;
    margin: 0px;
	padding-left: 0em;
	padding-right: 0em;
	background-color: white;
    font-size : 7pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
} 

div.title {
	text-align: center;
    font-size : 14pt;
    font-weight: bold;
	height: 60px;
}

textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	} 

/*
#menu0 a {
text-align:center;
height:12px;
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
text-decoration:none;
padding:0 2px;
}

#menu0 a:hover {color: #ccc;}
*/

.titlelink {
	color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}

a:link {text-decoration: underline; color: #cc6600;}
a:visited {text-decoration: underline;  color: #cc6600;}
a:hover {text-decoration: underline; color: #ff0000;}
a:active {text-decoration: none; color: #333333;}

a.obit:link {text-decoration: underline; color: blue;}
a.obit:visited {text-decoration: underline;  color: blue;}
a.obit:hover {text-decoration: underline; color: #cc6600;}
a.obit:active {text-decoration: none; color: blue;}

a.footer:link {text-decoration: none; font-size:7pt; font-weight:bold; color:red;}
a.footer:visited {text-decoration: none; font-size:7pt; font-weight:bold; color:red;}
a.footer:hover {text-decoration: none; font-size:7pt; font-weight:bold; color:blue;}
a.footer:active {text-decoration: none; font-size:7pt; font-weight:bold; color:red;}

h2 {
	color: #cc6600;
	margin: 0px;
	padding: 0px;
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size : 16pt;
} 

h3 {
	color: #cc6600;
	text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

img {border-style: none;}

.button{background-color: #cccccc;}


.tableFixHead          { overflow-y: auto; height: 500px; }
.tableFixHead thead th { position: sticky; top: 0; }

td.border {border: 1px solid black;}
th.border {border: 1px solid black;}

td.center {text-align: center;}
th.center {text-align: center;}

th     { background:#eee; }

td.pad {padding-left: 10px; padding-right: 10px;}

.indented {padding-left: 2em;}

.red {color: red;}

.blue {color: blue;}

.popup{ /*popup is used for directory.php and missing.php*/
position: relative;
background-color: transparent; /*background color of link*/
z-index: 0;
/* cursor: hand; */
}

.popup:hover{
background-color: transparent; /*background color of link on hover*/
z-index: 50;
}

.popup:link {text-decoration:none; color:black;}

.popup span{ /*CSS for enlarged image*/
position: absolute;
background-color: #cc5500; /*background color of box*/
padding: 5px;   /*padding inside box border*/
left: -1000px;
border: 1px dashed gray;  /*border around box*/
visibility: hidden;
color: black; /*text color under image*/
text-decoration: none;
text-align: center;
width: 226px;
}

.popup span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px; /*padding outside of image*/
}

.popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px; /*position where enlarged image should offset vertically */
left: -260px; /*position where enlarged image should offset horizontally */
}

.popup2{ /*popup2 is used for directory.php*/
position: relative;
background-color: transparent; /*background color of link*/
z-index: 0;
/* cursor: hand; */
}

.popup2:hover{
background-color: transparent; /*background color of link on hover*/
z-index: 50;
}

.popup2:link {text-decoration:none; color:black;}

.popup2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightblue; /*background color of box*/
padding: 5px;   /*padding inside box border*/
left: -1000px;
border: 1px dashed gray;  /*border around box*/
visibility: hidden;
color: black; /*text color under image*/
text-decoration: none;
text-align: center;
width: 226px;
}

.popup2 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px; /*padding outside of image*/
}

.popup2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px; /*position where enlarged image should offset vertically */
left: -310px; /*position where enlarged image should offset horizontally */
}

.popup3{ /*popup3 is used for 2010reunion-attending.shtml*/
position: relative;
background-color: transparent; /*background color of link*/
z-index: 0;
/* cursor: hand; */
}

.popup3:hover{
background-color: transparent; /*background color of link on hover*/
z-index: 50;
}

.popup3:link {text-decoration:none; color:black;}

.popup3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightblue; /*background color of box*/
padding: 5px;   /*padding inside box border*/
left: -1000px;
border: 1px dashed gray;  /*border around box*/
visibility: hidden;
color: black; /*text color under image*/
text-decoration: none;
text-align: center;
width: 226px;
}

.popup3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px; /*padding outside of image*/
}

.popup3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -240px; /*position where enlarged image should offset vertically */
left: 100px; /*position where enlarged image should offset horizontally */
}

td.maxw100 {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td.maxw150 {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td.maxw200 {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td.unlisted {background-color: yellow;}