body {  font-family: "Open Sans", sans-serif; padding: 0; margin: 0; font-size: 14px; line-height: 24px; color: #444; background-color: #f9f9f0;  } 
.body-content { max-width: 1024px; margin: 0 auto; background-color: #fff; border: 2px solid #eaeaea; padding: 7px; }
* { box-sizing: border-box; }

a { color: #444; text-decoration: none; padding: 3px; border: 1px solid #eaeaea; margin: 5px;  } 
img { width: 100%; }
h1 { color: #265e15; }

.column30 { width: 30%; } 
.column60 { width: 60%;  } 
.column30, .column60 { display: inline-block;  vertical-align: top; padding: 8px;  } 
.topline { border-top: 5px solid #265e15; } 
.baseline { margin-top: 30px; line-height: 50px; border-bottom: 5px solid #265e15; } 
.col { clear:both; width: 98%; margin: 0 auto; } 
.center { text-align: center; }
.float-right { float: right; }

.dropbtn { color: #444; padding: 16px;  border: none; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}