@charset "utf-8";
/* CSS Document */

body {
	background-image: url(images/bg.jpg);
	background-color: #AD87BA; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
}

table { 
   background-color: #AD87BA; 
}

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

a:not([href]) {
	color: #470366;
	text-decoration: none;
	cursor: default;
}

.enter_text {
	font-size: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #470366;
}

.text_small, .sites {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
}

.list {
   width: 120px;
}

.live-cams-note {
	font-size: 16px;
	line-height: 1.5;
}

#legacy-artwork-frame {
	width: 774px;
	height: 713px;
	margin: 0 auto;
	overflow: hidden;
}

#legacy-artwork {
	width: 774px;
	height: 713px;
	transform-origin: top left;
}

@media (max-width: 773px) {
	body {
		overflow-x: hidden;
	}

	table[width="774"]:not(#Table_01),
	table[width="700"],
	table[width="600"] {
		width: 100% !important;
		max-width: 100%;
	}

	table.body {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	table.body > tbody,
	table.body > tbody > tr {
		display: contents;
	}

	table.body td {
		display: block;
		width: auto !important;
		padding: 5px;
		box-sizing: border-box;
	}

	table.body td font,
	table[width="600"] font {
		font-size: 12px;
	}

	table[width="600"] > tbody > tr {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	table[width="600"] td {
		width: auto !important;
		padding: 4px;
		box-sizing: border-box;
	}

	.text_small,
	.sites {
		font-size: 13px;
		line-height: 1.45;
	}

	.enter_text {
		font-size: 26px;
	}

	select.list {
		max-width: 100%;
	}
}