@charset "ISO-8859-1";

table {background-color: rgb(246,246,255); font-size: 10pt; font-family:Sans-serif;  color: #555; margin: 5px; margin: 0px auto; border: 1px solid black;}
table tr td {padding: 4px; }
iframe {background: rgb(255,255,204); font-size: 12pt; font-family:Sans-serif; color: black}

body{
	background-color: rgb(214, 220, 229);
}

header{
	padding: 12px;
	overflow: hidden;
    background-color: rgb(224, 220, 229);
    position: fixed; /* Set the header to fixed position */
    top: 0; /* Position the header at the top of the page */
    width: 100%; /* Full width */
    border: 1px solid black;
	border-radius: 10px;
}

footer{
	padding: 5px;
	background-color: rgb(224, 220, 229);
	border: 1px solid black;
	border-radius: 10px;
}

H1{
	padding: 0px;
}

LI {
	padding: 0px;
        margin: 1px;
}

tr:nth-child(even) {background: #EEE}
tr:nth-child(odd) {background: #FFF}

article{
	padding: 5px;
	margin: 3px;
}


nav ul {
			list-style-type: none;
			margin: 20px;
			padding: 0;
		}
		
		nav ul a {
			color: rgb(48,74,30);
			text-decoration: none;
		}
		


a {
	color: rgb(48,74,30);
        margin: 1;
        padding: 1;
}


/* classes */

.external_link {
	color: rgb(241,80,15);
}
.menu_span {
	display: inline-block;
	text-align: center;
	padding: 5px;
	margin: auto;
	width: 160px;
	background-color: rgb(197, 224, 180);
	border: 1px solid black;
	border-radius: 10px;
}

.container {
    width: 80%;
    height: 300px;
    padding: 10px;
}

.menu_spanUL1 {
        display: inline-block;
	float: left;
	style="list-style-type:none"
	padding: 3px;
	margin: 3px;
	width: 310px;
	height: 216px;
	background-color: rgb(197, 224, 180);
	border: 1px solid black;
	border-radius: 10px;
}

.menu_spanUL2 {
display: inline-block;
	style="list-style-type:none"
	padding: 5px;
	margin: 5px;
	width: 330px;
	height: 216px;
	background-color: rgb(197, 224, 180);
	border: 1px solid black;
	border-radius: 10px;
}


.subheader {
		background: rgb(98,120,80);
		color: white;
}

.Iframe1 {
	width: 90%;
	height: 250px;
	padding: 3px;
}


a.anchor {
	display: block;
	position: relative;
	top: -145px;
	visibilty: hidden;
}


/* IDs */

#on_page{
	width: 150px;
	background-color: rgb(255, 230, 153);
	border: 2px solid black;
	borer-sytle: outset;
	
}