* {
	box-sizing: border-box;
	}
	/* save this backgroun color e0eedb  -->
	
	/* DEFINES ENTIRE PAGE */
		.content {max-width: 1280px; margin: auto; background: #ffffff; padding: 0px;} /*space between content and edge*/
	/* TOP NAVIGATION BAR */
		.navbar {overflow: hidden; background-color: #ff0000; position: sticky; top: 0; width: 100%;}
		.navbar a {float: left; display: block; color: #000000;	text-align: left; padding: 14px 16px; text-decoration: none; font-size: 17px;}
		.navbar a:hover {background: #dddddd; color: green;}
	/* SECONDARY NAVIGATION BAR (NOT STICKY) */
		.navbar2 {overflow: hidden; background-color: #ff0000; top: 0; width: 100%;}
		.navbar2 a {float: left; display: block; color: #000000; text-align: left; padding: 14px 16px; text-decoration: none; font-size: 17px;}
		.navbar2 a:hover {background: #dddddd; color: green;}
	/* LEFT SIDE COLUMN (MENU)*/
		.menu {float:left; width:10%; text-align:center; }
		.menu a {background-color:#fdf3ec; padding:8px; margin-top:1px; display:block; width:100%; color:black;}
		.menu a:hover {background: #dddddd; color: green;}
	/* CENTER COLUMN */
		.main {float:left; width:80%; padding:0 20px; max-width:1024px;}
	/* RIGHT SIDE COLUMN */
		.right {width:10%; background-color:#ffffff; float:left;  padding:8px; margin-top:1px; text-align:center;}

		.mediaselector {width:30%; background-color:#fdf3ec; float:left;  padding:8px; margin-top:1px; text-align:center; }
		.mediaselector td:hover {background-color: #ffff00;}
	}


	 @media only screen and (max-width:620px) {  .menu, .main, .right { width:100%; } }	/* For mobile phones: */

.stickit { background-color: #ff0000; position: sticky; top: 0; width: 100%;}

/* td:hover {background-color: #c1f5f9;} */


body {margin:0;font-family:Arial}

.topnav { overflow: hidden; background-color: #FFEEDD; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);} 
.topnav a { float: left; display: block; color: #000000; text-align: center; padding: 8px 12px; text-decoration: none; font-size: 16px;} 
/*.topnav a { float: left; display: block; color: #000000; text-align: center; padding: 1vw 1vw; text-decoration: none; font-size: 1.5vw;} */
.active { background-color: #5CBF60; color: white;} 
.topnav .icon { display: none;} 
.dropdown { float: left; } 
.dropdown .dropbtn { font-size: 14px; border: none; outline: none; color: black; padding: 8px 8px; background-color: inherit; font-family: inherit; margin: 0; } 
/*.dropdown .dropbtn { font-size: 1.5vw; border: none; outline: none; color: black; padding: 1vw 1vw; background-color: inherit; font-family: inherit; margin: 0; } */
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } 
.dropdown-content a { float: none; color: black; padding: 8px 8px; text-decoration: none; display: block; text-align: left; } 
.topnav a:hover, 
.dropdown:hover 
.dropbtn { background-color: #dddddd; color: green; } 
.dropdown-content a:hover { background-color: #dddddd; color: green; } 
.dropdown:hover 
.dropdown-content { display: block; } @media screen and (max-width: 600px) { .topnav a:not(:first-child), .dropdown .dropbtn { display: none; } 
.topnav a.icon { float: right; display: block; } } @media screen and (max-width: 600px) { .topnav.responsive {position: relative;} 
.topnav.responsive 
.icon { position: absolute; right: 0; top: 0; } 
.topnav.responsive a { float: none; display: block; text-align: left; } 
.topnav.responsive .dropdown {float: none;} 
.topnav.responsive .dropdown-content {position: relative;} 
.topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; } }