@media all and (orientation:portrait) {
	body {
		font-family: "Courier New", Courier, monospace;
		padding: 3%;
		margin: auto;
		font-size: 200%;
	}
	.column {
		column-count: 2;
		column-gap: 10px;
	}
}

@media all and (orientation:landscape) {
  body {
		font-family: "Courier New", Courier, monospace;
	    max-width: 1000px;
		padding: 15px;
		margin: auto;
		font-size: 100%;
	}
	.column {
	column-count: 3;
	column-gap: 5px;
	}
}

img {
   width: 100%;
}

nav {
	font-size:120%;
}

center {
	width: auto;
    text-align: center;
	line-height:150%;
    clear: both;
}



.sleft {
	width: 30%;
    float: left;
    text-align: right;
    line-height:120%;
    font-size: 100%;

}
.lright{
	width: 68%;
	float: right;
	text-align: left;
	line-height:120%;
    font-size: 100%;
    padding: 1% 1% 1% 1%;
}
.clear{
      clear: both;
}


.centralheader{
	font-weight: bold;
    font-size: 135%;
	padding: 3% 0 1%;
    text-align: center;
}
.centraltext{
    font-size: 100%;
    text-align: center;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
a:link {
    text-decoration: none;
    color:gray;
}
a:visited {
    text-decoration: none;
    color:gray;
}
a:hover {
    text-decoration: none;
    color:black;
}
a:active {
    text-decoration: none;
    color:DarkGoldenrod;
}
li {
    display:inline;
    padding: 5px 15px 5px 15px;
}