


@font-face { 
  font-family: Calibri Light, Arial, Verdana, sans-serif;
    src: url('../fonts/Calibri Light.eot'); 
    src: local(News Cycle), url('../fonts/Calibri Light.ttf');} 
html {height: 100%; }
* {  margin: 0;   padding: 0px;}
/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
body { font: normal 1.3em Calibri Light, Arial, Verdana, sans-serif; line-height: 1.3em; 
border-bottom: 175px solid #004F69; #1B98C2; #D9DBD0;}
p { padding: 0 0 8px 0;}





/* Header/Logo Title */
.header {padding: 35px; text-align: center;
color: #1B98C2; #289FFA; #54A8E8; #c5bda7;
text-shadow: 0.5px 0.5px black;
font-size: 1.22em;
border-bottom: 58px solid #3C8FAB; #CFCDC3; #d6d1c7;   box-shadow: 2px 1px 7px 4px #696255;}
body {background-image: url("../images/header.jpg");
background-repeat: repeat-x;
background-position: center-top; 
}





#main, #header, #logo, #menubar, #site_content, #footer {
  margin-left: auto; 
border-left: 10px solid transparent;
border-right: 10px solid transparent;
  margin-right: auto; background-color: #006699;}
	
#main { 
  width:  960px; 
	margin: auto; background: transparent; 
 margin: -42px auto;}


#site_content  {  width:  100%; 
	  overflow: hidden;  margin:  auto 0 auto;}



	
footer {
 position: absolute;
  height: 0px;
	max-width:100%;
	padding-top: 0px;
	margin: -40px auto;
	opacity: 1;
	font-size: 0.9em;
background-color: ;
}

		 
		 
/* Add a black background color to the top navigation */
.topnav {  background-color: transparent; overflow: hidden; }
/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: left; center;
  padding: 3px 40px;
  text-decoration: none;
	font-size: 1.25em;
	margin-left: -25px;}

/* Add an active class to highlight the current page */
.active { background-color: ; #6e9bb3; }
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {  display: none;}

/* Dropdown container - needed to position the dropdown content */
.dropdown {  float: left; overflow: hidden;}
/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 1.25em;
  border: none;
  outline: none;
  color: white;
  padding: 0px 25px;
background-color:  transparent;
  font-family: inherit;
 }
/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 10%;
  box-shadow: 5px 5px 10px 4px rgba(0,0,0,0.2);
  z-index: 1;
	}
/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 10px 50px;
  text-decoration:  none;
	font-size: 1.2em;
  display: block;
  text-align: left;		
	}
/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
 	color: black; #289FFA; white;	}
/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {color: #1B98C2; #004F69; #1B98C2; #289FFA; #b5a57b; }
/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {display: block;}
/* Right-aligned section inside the top navigation */
.topnav-right {float: left; margin-right: 0px;}







table {
  border-collapse: collapse;
  width: 100%;}
	
td, th {text-align: left; 
border-top: transparent solid 10px;
border-right: transparent solid 15px}





#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  left: 350px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #3C8FAB;  #004F69; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 7px; /* Rounded corners */
  font-size: 16px; /* Increase font size */
}

#myBtn:hover {
  background-color: #666666; /* Add a dark-grey background on hover */
}

html {
  scroll-behavior: smooth;
}



