body {background:linear-gradient(to right, #FCC200 0%, #FFFFFF 20%); font-size:80%; font-family:Verdana, Arial, Helvetica; line-height:1.5; text-align:left;}
img {max-width:100%; height:auto;}
a {text-decoration:none;}
a:link, a:visited {color:#FFFFFF;}
a:hover, a:active {background-color:#FCC200; color:#FFFFFF;}
.body {margin:0 auto; width:100%; max-width:960px; clear:both;}
.logotext {width:100%; position:relative; font-size:240%; text-align:center; color:#FFFFFF; font-variant:small-caps; font-weight:bold; background-color:#FCC200; padding-top:2%; padding-bottom:2%; text-shadow:3px 3px 3px #000000; border-radius:5px;}

.mainHeader nav {width:100%; height:auto; padding-bottom:3%; padding-top:3%; background-color:#FCC200; margin-top:2%; border-radius:5px; font-size:120%; display:flex; justify-content:center; align-items:center;}
.mainHeader nav ul {list-style:none; margin:0 auto;}
.mainHeader nav ul li{float:left; display:inline;}
.mainHeader nav a:link, .mainHeader nav a:visited {color:#FFFFFF; display:inline-block; padding:15px 25px; height:20px; text-align:justify;}
.mainHeader nav a:hover, .mainHeader nav a:active, .mainHeader nav .active a:link, .mainHeader nav .active a:visited {background-color:#92BD54;}
.mainHeader nav ul li a {border-radius:5px;}

.mainContent {line-height:1.5; border-radius:5px;}
.content {width:100%; float:left;}
.topcontent {background-color:#FFFFFF; padding:2% 5%; margin-top:2%; border-radius:5px; border:1px #FCC200 solid;}
.topcontent h1 {color:#FCC200; font-size:200%;}
.topcontent h2 {color:#000000; font-size:120%;}
.topcontent li {line-height:200%;}
.topcontent a:link {color:#000000;}
.topcontent a:visited {color:#000000;}
.topcontent a:hover {color:#FFFFFF; background-color:#FCC200;}
.topcontent iframe {width:60%; height:auto; margin:2% 0; border:solid 1px #FCC200; border-radius:5px; box-shadow:5px 5px 5px #333333;}
.topcontent img {margin-top:2%; border:solid 1px #FCC200; border-radius:5px; box-shadow:5px 5px 5px #333333;}
.quicklinks {margin-top:5%; border:1px solid #FCC200; border-radius:5px; padding:0 5%; width:40%; background-image:url(img/gradbg2.png)}

.indentedquote {text-align:center; font-style:italic;}
.centerimage {display:block; margin-left:auto; margin-right:auto;}

.sidebyside {display:inline-block; margin-left:10px; margin-right:10px;}
#images{text-align:center;}

.mainFooter {width:100%; height:auto; float:left; background-color:#FCC200; margin:2% 0; color:#FFFFFF; border-radius:5px;}
.mainFooter a:hover {text-decoration:underline;}
.mainFooter p {font-size:90%; display:flex; justify-content:center; align-items:center;}

@media only screen and (min-width:150px) and (max-width:600px) {
.body {width:90%; font-size:80%;}
.mainHeader img {width:100%;}
.mainHeader nav {height:160px;}
.mainHeader nav ul {padding-left:0;}
.mainHeader nav ul li{width:100%; text-align:center;}
.mainHeader nav a:link, .mainHeader nav a:visited {padding:10px 25px; height:20px; display:block;}
.mainContent {line-height:25px;}
.content {width:100%; margin-top:2%;}
.topcontent {margin-bottom:4%;}
.mainFooter {height:auto; font-size:95%;}
}