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

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

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


#branding{

background-color: #990000;
width: 100%;
border-top:#990000 thin solid;
}



.see-big {
display:inline;
}
.see-tiny {
display:none;
}

#main {
background-color: #FFf;
color:#990000;
width:100%;
min-height:20em;
}



#main h1, h2, h3, h4{
font-weight:normal;
font-family:"Baskerville Old Face", serif;
font-family:Georgia, "Times New Roman", Times, serif;
}
#main h1{
font-size:230%;
}
#main h2{
font-size:170%;
}

#main h3{
font-size:140%;
}
#main h4{
font-size:130%;
}



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




.nav {
 margin:0px auto;
 width:100%;
font-size:120%;
/*border-bottom:#CCC thin solid;*/
border-bottom:#990000 thin solid;
height:1.8em;
background-color:#FFFFFF;

}

.nav a {
width:100%;
text-decoration: none;
color: #990000;
display:block;
text-align:center;
outline-style:none;
letter-spacing:0.04em;
}

.nav a:hover,
.nav a:active{
color:#999;
font-style:italic;
}

.nav .current a:link,
.nav .current a:visited{
color:#fff;
border-top:#FFF thin solid;
background-color:#990000;
font-style:normal;

}

.phone a,
.phone a:link,
.phone a:visited{
text-decoration:none;
color: #990000;
outline-style:none;
letter-spacing:0.05em;
line-height:1.7em;

}

.phone a:hover,
.phone a:active{
color: #000;
text-decoration:underline;
font-style:italic;
}

 .menutiny {
min-height:10em;
display:block;
}

.menutiny   a,
.menutiny  a:link,
.menutiny  a:visited{
text-decoration:none;
color:#990000;
display:block;
padding-left:1em;
font-size:100%;
line-height:250%;
border-bottom:#999 thin solid;
}

.menutiny  a:hover{
color:#fff;
background-color:#990000;
}

.menutiny .current a:link,
.menutiny .current a:visited{
color:#fff;

background-color:#990000;
font-style:normal;

}



.nav-tiny{
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:90%;
border-bottom:#dee9de thin solid;
background-color:#fff;
padding-left:10%;
}

.nav-tiny p{

border-bottom:#dee9de thin solid;
}


.nav-tiny a {
width:100%;
text-decoration:none;
color: #000;
display:block;
outline-style:none;
letter-spacing:0.04em;
background-color:#fff;
font-size:120%;
line-height:3em;
}



.nav-tiny .current a:link,
.nav-tiny .current a:visited{
text-decoration:underline;

}



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

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





.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;
/*background-color:#6F0;*/
}

.column-half img{
 display: block;
 margin: 0.5em auto; 
 border: solid 1px gray;
 border-radius: 10px;
 box-shadow: 3px 3px 3px 3px silver; 
}

.column-half a,
.column-half a:link,
.column-half a:visited{
text-decoration:none;
color: #990000;
outline-style:none;
letter-spacing:0.05em;
line-height:1.7em;
text-decoration:underline;
}

.column-half a:hover,
.column-half a:active{
color: #000;
text-decoration:underline;
font-style:italic;
}

.column-third {
float:left;
width:29%;
min-height:2em;
padding-left:2%;
padding-right:2%;
/*background-color:#0F9;*/
}

.column-two-third {
float:left;
width:60%;
min-height:2em;
padding-left:1%;
padding-right:1%;
/*background-color:#66FFFF;*/
}
.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;
padding-left:1%;
padding-right:1%;
}


/* Style rules for formal, captioned figures */
 figure {
 width: 100%;
 max-width: 600px;
 clear: both;
 border: solid 1px gray;
 border-radius: 10px;
 box-shadow: 3px 3px 3px 3px #9ec7c9;
 }

 figure img {
 width: 100%;
 display: block;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
 }

 figcaption {
 font: 10pt/10pt Verdana, Tahoma, Sans-serif;
 padding: 2px 4px;
 text-align:center;
 }



#footer {
width:98%;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
border-top:#990000 thin solid;
border-bottom:#999 thin solid;
min-height:9em;
background-color:#fff;
color:#990000;
}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
color: #990000;
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: #CCC;
text-decoration:underline;
}

.nav-footer {
 /*margin:0px auto;*/
 width:80%;
font-size:110%;
/*border-bottom:#CCC thin solid;*/

height:2.2em;
}

.nav-footer a {
text-decoration:none;
color: #999;
padding-left:0.85em;
padding-right:0.2em;
text-align:center;
outline-style:none;
letter-spacing:0.04em;
}


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

/*divide 100% (could be 90%) by the number of links to estimate the value of width: % below */

.footer li {
float: left;
width: auto;
line-height:1.5em;
}