html {
	height: 100%; padding: 0px; margin: 0px;
	}
body {	background: #ffffff;
	font-family: Verdana, Arial, sans-serif; 
	display: flex; flex-direction: column;
	margin: 10px;
	padding: 0px; 
	height: 98%; 
	}

/*li {	list-style-position: outside; 
	margin: 10px 1em 10px 1em;
	padding: 0 0 1em 0; }*/

a { 	color: #003399;
	text-decoration: none; 
	text-align:	left; 
	border: 	none;
}

a:link                  { color: #003399; text-decoration: none; }
a:visited               { color: #5533bb; text-decoration: none; }
a:link:hover            { color: #003399; text-decoration: underline; }
a:visited:hover         { color: #5533bb; text-decoration: underline; }

a:link .title 		{ color: #003399; text-decoration: none; }
a:visited .title 	{ color: #5533bb; text-decoration: none; }
a:link:hover .title 	{ color: #003399; text-decoration: underline; }
a:visited:hover .title	{ color: #5533bb; text-decoration: underline; }

a:link .details 	{ color: #003399; text-decoration: none; }
a:visited .details 	{ color: #5533bb; text-decoration: none; }
a:link:hover .details 	{ color: #003399; text-decoration: underline; }
a:visited:hover .details{ color: #5533bb; text-decoration: underline; }

a:link .summary 	{ color: #000000; text-decoration: none; }
a:visited .summary 	{ color: #000000; text-decoration: none; }
a:link:hover .summary 	{ color: #000000; text-decoration: none; }
a:visited:hover .summary{ color: #000000; text-decoration: none; }

img.icon {              float:left; border: none; padding:0px; margin: 2px 5px 2px 5px; border: 1px solid black;} 
img.icon-32 {           float:none; border: none; margin:3px 4px 3px 40px; padding: 0px 0px 0px 0px; } 
.externalLink {         float:none; border: none; margin:3px 0px 3px 0px; padding: 2px 0px 2px 0px; text-align:left; background: none; } 
.introduction {		margin: 30px 10% 20px 10%; padding: 5px 30px 5px 20px; text-align: left; }
.content {		margin: 20px 10% 20px 10%; flex: 1 0 auto; }
.menu {			margin: 30px 10% 20px 10%; text-align: center; flex: 1 0 auto; }
.footer {		width: 100%; flex-shrink: 0; }
.title {		display:block; float:none; font-size: 100%; font-weight: bold; text-align: left; }
.details {		display:block; float:none; font-size: 100%; text-align: left;}
.summary {		display:block; float:none; font-size: 75%; text-align: left;}
.preload {		position:absolute; float:left; left: -80px; top: -80px; visibility: hidden; }

.copyright {		font-size: 80%; font-style: italic; text-align: center; }
sup {			font-size: 80%; }

.movie{	margin-left:  auto;
	  	margin-right: auto;
		text-align:   center; 
		/*  background:   #ddddbb; */
		/*  border:  2px solid #bbbb99; */
		padding: 5px;
}
iframe{	        text-align:   center; 
		background:   #000000; 
		border:  4px solid #bbbb99;
		margin:  0px;
		padding: 0px;
}
/*	width: 480px; } */

.vidCaption{  
	     font-size: 75%;
	     text-align: center; }

h1 { 	color:		#ffffff;
	background-color: #000000; 
	/*background-image: url("TV.png");
	background-repeat: no-repeat;*/
	font-weight:      bold; 
	text-align:       center;
	margin: 0px 0px 0px 0px;
	padding:	  5px 120px 5px 120px; 
	/* border: 2px solid #bbbb99; */
}


h2 {	color:		  #ffffff;
	background-color: #000000;
	text-align:	  center; 
	margin:  0px 0px 0px 0px;
	padding:  	2px 120px 5px 120px; }

h3 {	color: 		  #ffffff;
	background-color: #000000;
	text-align:	  left; 
	margin:  40px 0px 10px 0px;
	/*padding:  	2px 5px 5px 100px; }*/
	padding:  	6px 10px 4px 10px; }


div {	margin: auto; }

/*div {	border: gray dotted; }*/