body {
            font-family: Helvetica, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            min-height: 100vh; /* Ensure the body takes at least the full viewport height */
        }
		div#wrapper{
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		}
        div#header{
            background: linear-gradient(90deg,rgba(32, 60, 118, 1) 0%, rgba(0, 118, 192, 1) 50%, rgba(32, 60, 118, 1) 100%);
            padding: 20px;
            text-align: left;
        }
        div#footer {
            background: linear-gradient(90deg,rgba(32, 60, 118, 1) 0%, rgba(0, 118, 192, 1) 50%, rgba(32, 60, 118, 1) 100%);
            padding: 20px;
            text-align: right;
            }
        
		#header img{
			width: 40%;
			height: auto;
			}
			
        div#main {
            flex-grow: 1; /* Allow main to take up remaining space */
            background-color: #FFF;
            padding: 20px;
            text-align: left; /* Default text alignment */
        }
        
        #skip a {
    display: block;
    position: absolute;
    left: -999px;
    top: -999px;
    }
   
   #skip a:focus {
    left: 0;
    top: 0;
    padding: 3px;
    background: #ffc;
    border:1px solid #990000;
    }
        
div#external{
background-color: #727779;
padding-top: 1em;
height: 2em;
}
div#external ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
text-align:right;		}
				
	div#external li{
		display: inline-block;
		width: -webkit-auto;
		margin-right: 1.5em;
		}
		
		/* unvisited link */
div#external a:link {
  color: white;
}

/* visited link */
div#external a:visited {
  color: white;
}

/* mouse over link */
div#external a:hover {
  color: white;
}

/* selected link */
div#external a:active {
  color: blue;
}
        
        div#footer {
            text-align: center;
            color: white;
        }
        		/* unvisited link */
div#footer a:link {
  color: white;
}

/* visited link */
div#footer l a:visited {
  color: white;
}

/* mouse over link */
div#footer  a:hover {
  color: white;
}

/* selected link */
div#footer  a:active {
  color: blue;
}