@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}
<!-- this code removes a small space that would display beneath image otherwise -->
img { display: block; }


<!-- this is a test block to try to center it for menu use -->


.myblock{
width:100%;
background-color:#996699;
min-height:2em;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
background-color:#f4f4f4;
}

.branding-top{
font-weight:normal;
width:100%;
min-height:2em;
line-height:3em;

/*background-color: #9a367c;/*purple*/
/*border-bottom:#000 1px solid;*/
}


.branding-top h1{
font-family: "Times New Roman", Times, serif;
text-align:center;
font-size:380%;
letter-spacing:0.05em;
color:#fff;
text-shadow: 4px 2px 4px #000000;
 position: absolute;
  left: 100px;
  top: 50px;
}

.branding-top h2{
font-family: "Times New Roman", Times, serif;
font-size:120%;
letter-spacing:0.05em;
color:#fff;
text-shadow: 4px 2px 4px #000000;
 position: absolute;
  left: 15px;
  top: 6px;
}

.branding-top p{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align:center;
font-size:150%;
color:#fff;
text-shadow: 4px 2px 4px #000000;

}


.see-tiny {
display:none;
}

/*As of 2018 - 1360-29%, 1920-17%, 1600-5%, 1280-5%*/
#wrapper {
width:1024px;
width:1280px;
width:1600px;
width:1440px;
width:1920px;
width:1360px;
margin:auto;
background-color:#FFF;
min-height:20em;
border-left:#e5e4e4 thin solid;
border-right:#e5e4e4 thin solid;
}

.menutop{
font-size:23px;
width:100%;
height:2em;
border-bottom:#c6d0cb thin solid;
border-bottom:#360 medium solid;
}

/*remove bullets from ul in navbar */


.menutop a,
.menutop a:link,
.menutop a:visited{
text-decoration:none;
color: #999;
display:block;
/*padding-left:3em;
padding-right:2em;*/
text-align:center;
outline-style:none;
letter-spacing:0.04em;
line-height:1.2em;
/*border:#000 thin dotted;/* Only to outline the menu links while designing */

}

.menutop a:hover,
.menutop a:active{
color:#0e520e;
font-style:italic;
}

.menutop .current a:link,
.menutop .current a:visited{
color:#000;
font-style:italic;
}

.menutop ul {
list-style-type:none;
padding:0;
}

/*divide 100% (could be 90%) by the number of links to estimate the value of width: % below */
.menutop li {
float: left;
width:33%;
line-height:2em;
}



.menutiny{
font-size:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
min-height:10.0em;
border-bottom:#dee9de thin solid;
}

.menutiny p{
text-align:center;
border-bottom:#dee9de thin solid;
}

.menutiny a,
.menutiny a:link,
.menutiny a:visited{
text-decoration:none;
color: #000;
display:block;
padding-left:2.0em;
padding-right:1.7em;
text-align:center;
outline-style:none;
letter-spacing:0.04em;
line-height:3.46em;
font-weight: normal;

}


.menutiny a:hover,
.menutiny a:active{
color:#0e520e;
}

.menutiny .current a:link,
.menutiny .current a:visited{
color:#0e520e;
}


.menumid{
font-size:16px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:90%;
height:2.0em;
padding:1em;
font-style:italic;
}



#main {
width:100%;
min-height:0em;
background-color:#fff;
line-height:1.5em;
}

#main h1, h2, h3, h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#0e520e;
}

#main a,
#main a:link,
#main a:visited{
text-decoration:none;
color: #666;
font-size:120%;
outline-style:none;
letter-spacing:0.05em;
line-height:1.7em;
}

#main a:hover,
#main a:active{
color: #000;
text-decoration:underline;
}


.column-full{
width:98%;
padding-left:1%;
padding-right:1%;
min-height:2em;
/*background-color:#99CCFF;*/
}

.column-half {
float:left;
padding-left:1%;
padding-right:1%;
width:48.0%;
min-height:2em;

}

.column-third {
float:left;
width:31.3%;
min-height:2em;
padding-left:1%;
padding-right:1%;

}

.column-two-third {
float:left;
width:64.3%;
min-height:2em;
padding-left:1%;
padding-right:1%;
}
.column-quarter {
float:left;
width:23%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#FF0;*/
}

.column-three-quarter {
float:left;
width:73%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#FFFF99;
}

.column-fifth {
float:left;
width:18%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #996;
}

.column-two-fifth {
float:left;
width:38%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #96C;
}

.column-three-fifth {
float:left;
width:58%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #F9C;
}

.column-sixth {
float:left;
width:14.6%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color:#F9C;
}

.column-seventh {
float:left;
width:12%;
min-height:2em;
padding-left:1%;
padding-right:1%;
}

.column-eight {
float:left;
width:10.5%;
min-height:2em;
padding-left:1%;
padding-right:1%;
background-color: #CF0;
}

.column-rest{
background-color:#FC6;
overflow:hidden;
}





#footer {
width:96%;
font-size:16px;
border-top:#999 thin solid;
border-bottom:#999 thin solid;
min-height:16em;
background-color: #eeefef;
color:#666;
padding:2%;
}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
color: #666;
padding-left:0.85em;
padding-right:1.2em;
outline-style:none;
letter-spacing:0.05em;
line-height:1.7em;
}

#footer a:hover,
#footer a:active{
color: #000;
text-decoration:underline;
}