.clickArea {
	height:100%;
	width: 100%;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding: 0px 0px 0px 0px; /* top right bottom left */
	display:inline-block;
	position:relative;
	}
.caWarEnds {
	height:28px;
	width: 100%;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding: 0px 0px 0px 0px; /* top right bottom left */
	display:inline-block;
	position:relative;
	}
.aTitle {
	font-size: 0.9em;
	color: black;
	font-weight: 700;
	opacity:1;
	}
.aTitleTR {   /* aTitle Top Right  */
	position:absolute;
	top:0;
	right:0;
	padding: 12px 8px 0px 0px;
	text-align:right;
	font-size: 0.9em;
	color: white;
	font-weight: 700;
	}
.aTitleTL {   /* aTitle Top Left  */
	position:absolute;
	top:0;
	left:0;
	padding: 12px 0px 0px 8px;
	text-align:left;
	font-size: 0.9em;
	color: white;
	font-weight: 700;
	}
.aTitleBR {   /* aTitle Bottom Right  */
	position:absolute;
	bottom:0;
	right:0;
	padding: 0px 8px 12px 0px;
	text-align:right;
	font-size: 0.9em;
	color: white;
	font-weight: 700;
	}
.aTitleBL {   /* aTitle Bottom Left  */
	position:absolute;
	bottom:0;
	left:0;
	padding: 0px 0px 12px 8px;
	text-align:left;
	font-size: 0.9em;
	color: white;
	font-weight: 700;
	}
.producedBy {
	font-size: 1.0em;
	color: white;
	font-weight: 900;
	}


.tdElementHline1 {
	vertical-align:middle;
	height:52px;
	opacity:0.8;
	margin-bottom:0px;
	}
.tdElementHline2 {
	vertical-align:middle;
	height:44px;
	opacity:0.8;
	margin-bottom:0px;
	}
.tdElementHline3 {
	vertical-align:middle;
	height:48px;
	opacity:0.8;
	margin-bottom:0px;
	}
	
.tdElement {
	vertical-align:middle;
	height:36px;
	opacity:0.8;
	margin-bottom:0px;
	}
	
.tdElementHLactive:link, .tdElementHLactive:visited  {
	height: 100%;
	width: 100%;
	position:relative;
	display:block;
	opacity:1;
	padding-top:4px;
	padding-bottom:0px;
	color:black;
/*	text-shadow: #FFF -3px 0 8px, #FFF 0 3px 8px, #FFF 3px 0 8px, #FFF 0 -3px 8px; */
	font-size: 1.6em;
	font-weight: 900;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	background-color:rgba(255,255,255,0.6);
    box-shadow: 0 0 3px 3px rgba(15,15,15,0.4) inset;
	text-decoration: none;
	}
.tdElementHLactive:hover, .tdElementHLactive:active {
	color: DarkGreen;
	background-color:FloralWhite;
	opacity:0.8;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	box-shadow: 0 0 6px 6px rgba(15,15,15,0.6) inset;}


/* general; for subPageLinks  */
/* first color:  #FFFFFF  white (255,255,255)*/
/* second color: #000000  black (0,0,0) */
.tdElementSubPageActive:link, .tdElementSubPageActive:visited, .tdElementSubPageActive:active  {
	height: 100%;
	width: 100%;
	position:relative;
	display:block;
	opacity:1;
	padding-top:0px;
	padding-bottom:0px;
	color:black;
/*	text-shadow: #FFF -3px 0 8px, #FFF 0 3px 8px, #FFF 3px 0 8px, #FFF 0 -3px 8px; */
	font-size: 1.0em;
	font-weight: 700;
	background-color:rgba(209, 235, 255,0.6);  /* #d1ebff */
    box-shadow: 0 0 3px 3px rgba(15,15,15,0.4) inset;
	text-decoration: none;
	}
.tdElementSubPageActive:hover  {
	color: DarkGreen;
	background-color:rgba(194, 255, 195,0.6);  /* #c2ffc4 */
	opacity:0.8;
    box-shadow: 0 0 6px 6px rgba(15,15,15,0.6) inset;}

	
.tdElementSubPageNotActive:link, .tdElementSubPageNotActive:visited  {
	height: 100%;
	width: 100%;
	position:relative;
	display:block;
	opacity:1;
	padding-top:0px;
	padding-bottom:0px;
	color:black;
/*	text-shadow: #FFFFFF -4px 0 20px, #FFFFFF 0 4px 20px, #FFFFFF 4px 0 20px, #FFFFFF 0 -4px 20px; */
	font-size: 1.0em;
	font-weight: 900;
	background-color:rgba(0,0,0,0.25);
    box-shadow: 0 0 3px 3px rgba(15,15,15,0.4) inset;
	text-decoration: none;
	}
.tdElementSubPageNotActive:hover {
	color: Red;
	background-color: FloralWhite;
	opacity:0.8;
    box-shadow: 0 0 6px 6px rgba(15,15,15,0.6) inset;}

#alignMiddle {
	position:absolute;
	width:100%;
	height:100%;
	top:50%;
	left:50%;
	margin-top:-50%;
	margin-left:-50%;
}