/*footer {
background: rgb(0,255,255);
background: linear-gradient(270deg, rgba(0,255,255,1) 0%, rgba(89,128,128,1) 100%); 
}
*/
footer {
background: rgb(247,245,201);
background: linear-gradient(90deg, rgba(247,245,201,1) 100%, rgba(245,255,247,1)
 100%);
}


footer p {
margin: 0 30px; max-width: 50em; color: white; font-size: 1em;
}

.courier {
	font-family: Courier;
}
.underline {
        text-decoration: underline;
}

.good{
	background-color: white;
	color: green;
        font-size: 1em;
        font-weight: bold;
        } 

.clearleft {clear: left;}

body {
        font-family: "Gill Sans", sans-serif;
        color: black;
        background-color: white;
}

@media all and (max-width:500px) {
    body {
        font-family: "Gill Sans", sans-serif;
        font-size: 23px;
        color: black;
        background-color: white;
    }
}

h1{ 
	font-family: "Gill Sans", sans-serif; 
	font-size: 2.0em; 
	color: #32b8b8;  
	background-color: #ffffff;
	text-align: left;
}

h2{ 
	font-family: "Gill Sans", sans-serif; 
	font-size: 1.5em; 
	color: #32b8b8;  
	background-color: white;
	font-style: normal;
}

h3{ 
	font-family: "Gill Sans", sans-serif; 
	font-size: 1.25em; 
	color: #32b8b8;  
	background-color: white;
	font-style: normal;
}

h4{ 
	font-family: "Gill Sans", sans-serif; 
	font-size: 1.12em; 
	color: #32b8b8;  
	background-color: white;
	font-style: normal;
}

#nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li
{
	float: left;
	margin: 0 0.0em;
}

#nav-menu li a
{
	#background-color: #f0f0f0; 
	background-color: #101010; 
	background-repeat: repeat-x; 
	background-image: none;  
	color: #0d2474; 
	height: 1.7em;
	line-height: 1.7em;
	float: left;
	width: 9em;
	display: block;
	border: 0.1em solid #dcdce9;
	text-decoration: none;
	text-align: center;
}

#nav-menu li a:hover
{
	background-color: #dcdce8; 
	background-repeat: repeat-x; 
	background-image: none;  
	color: #0000f0; 
	height: 1.7em;
	line-height: 1.7em;
	float: left;
	width: 9em;
	display: block;
	border: 0.1em solid #dcdce7;
	text-decoration: underline;
	text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
	float: none
}
/* End hide */

#nav-menu
{
}

.handheld {
        margin-left: 0;
        float: left;
        display: none;
}

.nonhandheld {
clear: left; 
	color: black; 
	background-color: white; 
        margin-left: 0px;
        float: left;
        display: block;
        width: 100%;
}

.tftable {font-size:12px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}
.tftable th {font-size:12px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:left;}
.tftable tr {background-color:#d4e3e5;}
.tftable td {font-size:12px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;}
.tftable tr:hover {background-color:#ffffff;}
ul#nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* background-color: #333;  */
    background-color: #ffffff; 
}


#nav li {
    float: left;
}

#nav li a, .dropbtn {
    display: inline-block;
    color: #555555;
    text-align: center;
    /*padding: 14px 16px; */
    padding: 1px 14px;
    text-decoration: none;
}

#nav li a:hover, .dropdown:hover .dropbtn {
    background-color: #cccccc;
}

#nav li.dropdown {
    display: inline-block;
}

#nav .dropdown-content {
    display: none;
    position: absolute;
    /* background-color: #f9f9f9; */
    background-color: #dbd9dd;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#nav .dropdown-content a {
    color: black;
    padding:  4px 6px;   /* vertical, horizontal if just two */
    text-decoration: none;
    display: block;
    text-align: left;
}

#nav .dropdown-content a:hover {background-color: #04f8ef}

#nav .dropdown:hover .dropdown-content {
    display: block;
}
