body {background-color:#e9e9e2;}
#wrapper {margin:auto; max-width:1110px; min-width:1045px;  border:10px solid red; font-size:medium;}
header,nav,article,section,figure,footer {display:block;}
header {margin-top:0;  height:60px; background-image:url("images/byronBanner.jpg");}
Footer{ text-align:center; border:10px black;}
#mynav{border:2px solid black;}

/*set horizontal button menu*/
nav ul {float:left; width:960px; height:40px; margin-left:70px; text-align:center; padding-left:0;  list-style-type:none;}
/*set general horizontal menu button styles*/
nav ul li { display:inline-block;}
li.btn {width:115px; line-height:2; margin-bottom:3px; margin-right:5px;text-align :center;}
/* set general access (anchor) styles */
li.btn a {display:inline-block; width:115px; color:black; font-family:arial; font-size:100%; font-weight:bold; text-decoration:none;}
/* mouseout (default) */
li.btn a {background: #d4d4d3; border:4px outset #6a7071;}
/* mouseover */
li.btn a:hover	{background:6a7071; border:4px outset #efca0d;}
/* mousedown */
li.btn a:active {background:maroon; border:4px inset maroon;}
.left {text-align:left;}
.quote {float:right; font-weight:normal; font-size:90%;}

Div {padding:5px; }
div.column {float:left; height:400px;}
Div.side {width: 45%;}
Div.main {width:50%;}
div.myfoot {float:left;  padding:40px;}
P.myp {text-align:center; font-size: 18pt; font-weight:bold;}
P.myp2 {text-align:center; font-size: 18pt; font-weight:bold;}
Img.myimage {width: 20px;}



*{box-sizing:border-box;}
.heading{text-align:center;}
.columnleft{float:left; width:50%; padding:12px; min-height:300px;}
.columnright{float:right; width:50%; padding:12px; min-height:300px;}