@media (max-width: 425px) {
    .mscreen {
        display:none;
    }
}

body {
max-width: 980px;
min-width: 375px;
margin: auto;
padding:0;
background-color: #ffffff;
}

table {
table-layout:fixed;
width: 90%;
margin: auto;
font-family: Verdana,Arial;
font-size: 12px;
color: #000000;
}

img {
max-width: 100%;
}

img.about {
max-width: 95%;
float: right;
margin: 0px 0px 15px 20px;
}

td {
width: 100%;
text-align: center;
}

p {
width: 100%;
text-align: justify;
font-family: Verdana,Arial;
font-weight: bold;
font-size: 14px;
}

h1 {
font-family: Verdana,Arial;
font-size: 36px;
font-weight: bold;
color: #000000;
}

h1.head {
color: #00aaFF;
background-color: #f5ebd3;
}

h2 {
font-family: Verdana,Arial;
font-size: 24px;
font-weight: bold;
color: #000000;
vertical-align: top;
}

h3 {
font-family: Verdana,Arial;
font-size: 14px;
font-weight: bold;
color: #000000;
}

h3.page {
font-size: 12px;
text-align: right;
color: #ff0000;
}

h3.subhead {
font-size: 16px;
text-align: left;
}

h3.left {
font-weight: lighter;
text-align: left;
}

a {
color: #483d8b;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #f5ebd3;
text-decoration: none;
font-weight: bold;
}

nav {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #f5ebd3;
}

nav a:hover {
background-color: #333333;
}

.bar {
padding: 0px 16px 0px 16px;
font-size: 24px;
color: #483d8b;
text-align: center;
text-decoration: none;
}

li {
text-align: left;
}