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

body {
		margin:0;
		background-color:#333;
		}
    
	#Navigation { /* -- sets borders same as background color to prevent moving text with hover --*/
		border-style:solid;
		border-width:3px;
		border-radius: 5px;	
		border-color: #333;  
		}
	#topNav {
        position: fixed;
  		top: 0;
		left:0;
        width: 100%;
		}
	#bottNav {
		list-style-type: none;
        margin: 0;
        padding: 0;
		position: fixed;
		bottom: 0;
		right: 0;
        width: 50%;
		background-color: #333;
		border-style:solid;
		border-width:1px;
		border-radius: 5px;	
		border-color: #333;
		}
	.headers a {
		float: left;
		display: inline-block;
		color: white;
		text-align: center;
		padding: 0px 45px;
		text-decoration: none;
		border-style:solid;
		border-width:3px;
		border-radius: 5px;	
		border-color: #333;
		background-color: #333;
		}
	.headers a:hover:not(.home) {
		height:65px;
		line-height:65px;
		background-color: #111;
		border-style:solid;
		border-width:3px;
		border-radius: 5px;	
		border-color: #906;
		}
	
	.headers a:not(.home) {
		height:65px;
		line-height:65px;
		}

	.headers img {
		border:0; 
		visibility:hidden; 
		display:none; 
		height:1px;
		}
	.topheader {
		list-style-type: none;
        margin: 0;
		height: 75px;
		line-height:75px;
		background-color: #333;
		box-shadow: 8px 4px 8px 4px rgba(0, 0, 0, .5);
		}
	.bottomheader {
		height: 55px;
		line-height:55px;
		box-shadow: 0px -4px 8px 4px rgba(0, 0, 0, .5);
		}
	
	.home  {
		height: 125px;
		float:left;
		overflow:visible;
		background-color:#906 !important;
		text-indent:-9999px!important; 
		background:url(Images/Web-Logo.png);
		background-position:center; 
		background-repeat:no-repeat;
		box-shadow: 8px 4px 8px 4px rgba(0, 0, 0, .5);
		}
	#spacer {
		height:150px;
		max-height:150;
		min-height:150;
		}	
	.mainbody {
		padding:20px;
		padding-left:40px;
		background-color:#CCC;
		height:1500px;
		}
    .active {
		background-color: #900;
		border-style:solid;
		border-width:3px;
		border-radius: 5px;
		border-color: #906;
    }
	
	/* -- Start Tool Tip Code -- used from https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_arrow_bottom -- */
	/* Tooltip container */
		.tooltip {
			position: relative;
			display: inline-block;
			border-bottom: 1px dotted black;
			}
	/* Tooltip text  formatting*/
		.tooltip .tooltiptext {
			visibility: hidden;
			width: 95%;
			background-color: black;
			color: #fff;
			text-align: Left;
			line-height:150%;
			font-size: 75%;
			border-radius: 6px;
			padding: 5px 5px;
			position: fixed; /* Position the tooltip text - see examples below! */
			z-index: 1; 
			bottom: 10px;
			right: 0;			/* This positions the tool tip box left or right of the div that spawns it */
			left:0;
			margin: 5% auto; /* Use half of the width (120/2 = 60), to center the tooltip */
			opacity: 0;				/* Causes tool tip to fade in */
  			transition: opacity 1s;	/* Causes tool tip to fade in */
			box-shadow: 0px -4px 8px 4px rgba(0, 0, 0, .5);

			}
		 a.ttlink{
			height: inherit !important;
			line-height:inherit !important;
			padding: inherit !important;
			border-style: none !important;
			background-color: inherit !important;
			}
		a.ttlink:hover{
			height: inherit !important;
			line-height: inherit !important;
			padding: inherit !important;
			border-style: none !important;
			background-color: inherit !important;
			}
	/* Arrow To the Bottom of the tooltip */
		.tooltip .tooltiptext::after {
			content: "";
			position: absolute;
			top: 100%; /* At the bottom of the tooltip */
			left: 95%;
			margin-left: -5px;
			border-width: 10px;
			border-style: solid;
			border-color: black transparent transparent transparent;
			}
	/* Show the tooltip text when you mouse over the tooltip container */
		.tooltip:hover .tooltiptext {
			visibility: visible; 
			opacity: 1;		/* Causes tool tip to fade in */
		}
		
		#EUCookie {
			
			
			}
	
	/* -- Start Tool Tip Code -- used from https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_arrow_bottom -- */