/************************************************************
*	This is the main style sheet for the E web site.  2020
*************************************************************/
a:link {color:#ffddff;
		padding: 5px;
		background-color: black;
		}   	 /* unvisited links shall be pale pink, with no underline (on the style_one pages */
a:visited {color:#ffff99;
		padding: 5px;
		background-color: black;
		}		 /* visited links shall be a light-ish yellow, with no underline (one the style_one pages)*/
a:hover {color:#d5ff80;
		text-decoration: underline;
		}  		 /* mouse over links shall be a sort of light green, with an underline*/
a:active {color:#FFFF00;
		text-decoration: underline;
		} 		 /* selected links shall be yellow, with an underline */
body
{
	font-family: arial, helvetica, sans-serif; 	/* Standard clean font used for most text. */
	color: #FFFFFF; 							/* white text */
	text-shadow: 0.1em 0.1em 0.2em #000000;				/* black text shadow, diffused */
	background-color: #000000;		 	/* black background for the whole page if image is not available*/	
	margin-left: none;
	margin-right: none;
}

table
{
	border-collapse:collapse;
	margin-left:auto;	/* centers table */
	margin-right:auto;	/* centers table */
	max-width: 100%;	/* trying to make it more phone-friendly, but this is not working yet */
    height: auto;
}

tr
{
	max-width: 100%;	/* trying to make it more phone-friendly, but this is not working yet */
    height: auto;
}

td
{
	height:auto;
	width:auto;
	border:0em solid green; /*border not seen*/
	padding:1em;			/*spaces apart table data by 1em */
	/* font-size:large; */
	text-align:center;	
	vertical-align:center;
	color:#FFFFFF;				/*white Text within the table */
	background-color:transparent;	/*tansparent background for the table */
}

#journal1
{
	text-align:center;
	color:#FFFFFF;				/* white		*/
	background-color:transparent;	/* transparent background */
	width:100%;
}
#leftfloat
{
	float:left;
}
h1
{
	font-size:1.2em;

}
img
{
	border-style:none;
	margin-left:auto;	/* centers image */
	margin-right:auto;	/* centers image */

}

.nav
{
	background-image: url("../imgs/WATER_Nav Banner.JPG");	
	background-size: 100% 15em;				/* this command means that the background image will fill up the full space of the open window browserhorizontally, and vertically will be 15em tall */
	background-repeat: no-repeat;		/* background image will not repeat */
 	font-size:1.2em;
}

.right
{
	position:absolute;
	right:0px;
	width:48%;
	background-color:transparent;	/* transparent background */
}
.left
{
	position:absolute;
	left:10px;
	width:48.5%;
	text-align:right;
	background-color:transparent;	/* transparent background */
}
.center 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}
.shows
{
	width:84%;
	text-align:right;
	padding: 30px;
	background-color:transparent;	/* transparent background */
	color:#ffffcc;					/* light yellow */
}
.links
{
	width:84%;
	text-align:right;
	font-size:1.2em;
	padding: 30px;
	background-color:transparent;	/* transparent background */
	text-shadow: 0.1em 0.1em 0.2em #000000;				/*  black text shadow, diffused */
}
.contact
{
	width:84%;
	text-align:right;
	padding: 30px;
	background-color:transparent;	/* transparent background */
	color:#ffffcc;					/* light yellow */
}
.press
{
	text-align:left;
	font-size:1.1em;
	padding: 10px;
	background-color:transparent;	/* transparent background */
	color:#ffffcc;					/* light yellow */
	text-shadow: 0.1em 0.1em 0.2em #000000;				/* black text shadow, diffused */
}
.source
{
	text-align:left;
	text-indent: 50px;
	padding: 1px;
	background-color:transparent;	/* transparent background */
	color:#ffddff;					/* pale pink text */
}
.sound
{
	width:84%;
	text-align:left;
	padding: 30px;
	background-color:transparent;	/* transparent background */
}
.sound_td1
{
	float: right;
}