/*----------------------- This section fixes site-wide deprecated HTML tags --------------------*/

/* Replacement for <FONT FACE="Arial"> */
	body {
	font-family: Arial, Helvetica, sans-serif; }

/* Replacement for BGPROPERTIES in BODY */
.body-image {
	background-image: url('/images/cwlogo.gif');
	background-attachment: fixed; }

.body-no-image {}

/* Replacement for LINK and VLINK in BODY */
	a:link {
	color: #0000FF; }	/* Your desired color */

	a:visited {
	color: #800080; }	/* Your desired color */

/* Replacement for <P align=justify> */
	p {
	text-align: justify; }

/* Add code for <P> centered */
	.p-center {
	text-align: center; }

/*----------------------- End of site-wide deprecated HTML tag fixes --------------------*/

/*----------------------- This section is CWRG specific stylesheet declarations --------------------*/
.shadow-underline
	{
	FONT: 42px "Brush Script MT", cursive;
	COLOR: #3333cc;
	display: block ;
	box-shadow:
		inset 0 -0.15em white, 
		inset 0 -0.2em black;
	text-shadow:
		0.04em 0 white,
		-0.04em 0 white;
	text-align:	CENTER;
	position:	fixed;
	width:		100%;
	height:		60px;
	text-align:	center;
	padding:	0px 0;
	top:		0;
	left:		0;
	background:	#fff;
	}

/* This will center a table on a page, not the contents */ 
.table-center {
	display: table;
	margin: 0 auto; }

/* Bordered tables */
	.table-border {
	border: 2px solid #888; 
	border-collapse: separate; }

	.table-border th,
	.table-border td {
	border: 1px solid #aaa;
	padding: 3px; }

/* Borderless tables */
	.table-no-border {
	border: none;
	border-collapse: separate; }

	.table-no-border th,
	.table-no-border td {
	border: none;
	padding: 3px; }

/* Photo Archives Pages */
.photo-table {
    border: 0;
    border-collapse: separate;
    border-spacing: 5px;
    font-size: 13px;
}

.photo-table td {
    border: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.photo-table td img {
    width: 100px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
}

.photo-table span {
    display: inline-block;
    width: 180px;
    vertical-align: middle;
    white-space: normal;
}

/* Official Programs and Miscellaneous Archives */
.archive-table {
    border: 0;
    border-collapse: separate;
    border-spacing: 5px;
    font-size: 13px;
}

.archive-table td,
.archive-table th {
    border: 0;
    vertical-align: middle;
    padding: 3px;
}

.archive-table img {
    width: 100px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
}

.archive-table .archive-item {
    width: 400px;
}

.archive-table .archive-gap {
    width: 25px;
}

/* Cabin photo identification tables */
.cabin-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cabin-roster {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 8pt;
    width: auto;
}

.cabin-roster td {
    border: 0;
    padding: 2px;
    text-align: left;
    vertical-align: top;
}

.cabin-roster .row-label {
    width: 220px;
    white-space: nowrap;
}

.hover-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14pt;
    white-space: nowrap;
    flex-shrink: 0;}

.hover-status img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;}

.cabin-photo {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

.container
	{
        padding-top:	10px;
        padding-bottom: 0px;
	margin-top:	10px;
	}

.FOOT1::before
	{
	position:	fixed;
	width:		100%;
	height:		10px;
	bottom:		0;
	left:		0;
	padding:	0 0 30px 0;
	background:	#fff;
	text-align:	CENTER;
	font:		italic bold 16px "Arial";
	COLOR:		GREEN;
	content:	"Forever and forever, Waupaca!";
	}

.FOOT2::before
	{
	position:	fixed;
	width:		100%;
	height:		20px;
	bottom:		0;
	left:		0;
	padding:	0px 0;
	background:	#fff;
	text-align:	CENTER;
	FONT:		10px "Arial";
	COLOR:		BLACK;
	content:	"© 1995-2026 the Camp Waupaca Reunion Group. All Rights Reserved.";
	}

.VIDEO-BUTTONS
	{
	text-align: center;
        <button onclick="Pauseplay()">Pause/Play</button>;
        <button onclick="Big()">Big</button>;
        <button onclick="Small()">Small</button>;
        <button onclick="Normal()">Normal</button>;
 	}