header, nav, main, footer, aside { display: block; }
* { box-sizing: border-box;}
body { margin:0;
       background-color: #ffffff; }
#container { background-color: #eeeeee;
             color: #006600;
             min-width: 960px;
             font-family: Verdana, Arial, sans-serif; }
header { background-color: #636631;
         background-image: url(showybg.jpg);
         background-position: bottom;
         background-repeat: repeat-x;
         height: 120px;
         color: #cc66cc;
         text-align: right;
         padding: 0 20px;
         border-bottom: 2px solid #000000; }	

.skipcontent {
   display:inline;
}
		 
nav { float: left;
      width: 150px; }
aside { float: right;
        width: 200px; }
main { margin: 0 210px 0 160px;
        padding: 1px 10px 20px 10px;
        background-color: #ffffff;
        color: #006600; }
footer { 
         background-color: #ffffff;
         padding-top: 10px;
         clear: both; }	

.footertxt {
font-size: .70em;
         text-align: center;
         color: #006600;
		 font-weight:bold;
}	
h1 { margin-top: 0;
     font-size: 3em;
     text-align: left;
     text-shadow: 2px 2px 2px #000000; }	 
header a {font-size: 0.80em; }
header a:link, header a:visited { color: #ffffff; }
header a:focus, header a:hover { color: #eeeeee; }
nav ul { margin-top: 20px;
         list-style-type: none; }
nav a { text-decoration: none;
        font-size: 1.2em; }
nav a:link { color:#006600;}
nav a:visited { color: #003300; }
nav a:focus, nav a:hover { color: #cc66cc; }
nav a:active { color: #000000;}
nav img { margin: 30px;}
.flower {display:inline;}

main p { margin: 20px; }
main h2, main h3 { color: #cc66cc;
                   background-color: #ffffff; }
.floatright { margin: 10px;
              float: right; }
aside h3 { padding-bottom: 2px;
           border-bottom: 1px solid #000000;
           margin: 10px;
           font-size: 0.90em;
		   color: #cc66cc; }
.news { font-size: 0.80em;
        margin: 10px; }	
@media only screen and (max-width:1024px) {
    body {
        margin: 0;
        padding: 0;
        background-image: none;
    }
    #wrapper {
        width: auto;
        min-width: 0;
        margin: 0;
        box-shadow: none;
    }
    .skipcontent {
        display: none;
    }
    h1 {
        margin: 0;
    }
    nav {
        float: none;
        width: 100%;
        text-align: center;
        padding-top: 0.01em;
        padding-bottom: 0.01em;
        padding-left: 1em;
        padding-right: 1em;
        border-bottom: #000000 1px solid;
    }
    .flower {
        display: none;
    }
    nav li {
        display: inline-block;
        flex: 6;
    }
    nav a {
        padding-right: 2em;
    }
    nav ul {
        display: flex;
        justify-content: center;
    }
    main {
        padding: 1em;
        margin: 0;
        font-size: 90%;
    }
    #container {
        min-width: 100px;
    }
    aside {
        background-color: #dddddd;
        width: 210px;
    }
    footer {
        margin: 0;
    }
}
@media only all and (max-width: 768px) {
    header {
        height: 80px;
    }
    h1 {
        font-size: 1.5em;
        padding-top: 1em;
    }
    nav {
        padding: 0;
        background-color: #aaca8d;
    }
    nav a {
        display: block;
        text-align: left;
        padding: 0.2em;
        color: #4daa4d;
    }
    nav ul {
        margin: 0;
        padding: 0;
        flex-direction: column;
    }
    nav li {
        display: block;
        margin: 0;
        padding: 0;
        padding-left: 2em;
        border: #4daa4d 1px solid;
    }
    aside {
        float: none;
        width: 400px;
        background-color: #ffffff;
        border: #003300 3px solid;
        margin: 2em;
        padding: 15px;
    }
    main {
        border: #003300 3px solid;
        padding: 15px;
        margin: 2em;
        width: 400px;
    }
    footer {
        background-color: #154b15;
        height: 4em;
    }
    .footertxt {
        color: #ffffff;
        font-size: .40em;
    }
}