@viewport{   
   zoom: 1.0;
    width: device-width;
}


@-ms-viewport{
    width: device-width;
    zoom: 1.0;
}
html {
	min-height: 100%
}

body {
	/*background-color: #f3c968;*/
	background: linear-gradient(to bottom right,  blue, cornflowerblue); 
	font: helvetica;
	
}
	
#dropdown3 {
	float:none;
	font-size=15px;
}

#main-header {
	color: black;
	text-align: center;
	background-color: #63B8FF;
	line-height: 75px;
	margin-bottom: 0px;
	height:50px;
	/*width: 700px;*/
	width: 100%;
}

/*
ul {
	list-style-type: none;
	text-align: center;
}

nav li {
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	float: left;
	color: blue;
} */
nav {
	margin-top: 20px;
}

#navigation {
	/*
		display: inline;
		list-style-type: none;
		padding-right: 20px;
		float: left;*/
        /*color: #ffffff;*/
        color:blue;
        font-family: Sans-Serif;
		font-size: 20px;
		font-weight: bold;
        height: 15px;
        /*list-style: none;*/
        margin-top: 0px;
        padding: 0px;
        position: relative;
    }
/*
    #navigation li a {
		
		color:blue;
      color: #000000;
        display: block;
       font-size: 12px;
        font-weight: bold;
        padding: 10px 18px;
        text-decoration: none; 
    }
    #navigation li a:hover {
        background-color: #b36521;
        color: #ffffff;
		color: #b36521 ;
    }

    #navigation  ul li a:active-page {
        background: #f1d74c;
       color: #ffffff;
		color:green;
    }
*/

	.container a:selcted  {
    /*color:            #F8F8F8;
    background-color: #4f81bd;*/
		color:darkgreen;
		
}

.container {
    overflow: hidden;
	
    background: linear-gradient(to bottom right,  #ff8000, tan);
	 /*#333;*/
    /*font-family: Arial;*/
}

.container a {
    float: left;
    /*font-size: 20px;*/
    color: blue;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
	font-family: Sans-Serif;
    font-size: 20px; 
	font-weight: bold;
    border: none;
    outline: none;
    color: blue; 
    padding: 14px 16px;
    background-color: inherit;
}

.container a:hover, .dropdown:hover .dropbtn {
   /* background-color: red;*/
	color: red;
}

.dropdown-content {
	font-size: 16px;
    display: none;
    position: absolute;
    background-color: #f3c968 /* #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: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    /*background-color:  #ddd ;*/
}

.dropdown:hover .dropdown-content {
    display: block;
}

.pageHeader {
	color: orange;
}
footer {
	color: lightblue;
}
