/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { font-family: Georgia; margin: 0; padding: 0; text-align: center; vertical-align: top; color: #646304; }
h2 { color: #04632f; font-size: x-large; font-weight: normal; border-bottom: solid 2px #c4e2c4; }
p { margin: 0; padding: 0 0 10px 0; line-height: 1.3em; }
a:link, a:visited { color: #646304; text-decoration: none; border-bottom: dotted 1px #646304; }
a:hover, a:focus { color: #2a170e; border-bottom: solid 1px #2a170e; }
a:active { color: #646304; text-decoration: none; border-bottom: dotted 1px #646304; }
#content { margin: 0; padding: 0; text-align: left; }
.contentacross { margin: 10px 5%; padding: 10px 0; text-align: left; }
.contentright { margin: 10px 20% 0 20%; padding: 0; text-align: left; }
.contentright { -moz-transition: margin 2s, font-size 2s; -webkit-transition: margin 2s, font-size 2s; -o-transition: margin 2s, font-size 2s; transition: margin 2s, font-size 2s; }
.toppad { padding-top: 20px; }
.footer { margin: 20px 10%; }
.footer p { margin-top: 10px; padding-top: 10px; }
.footer img { height: 50px; width: 38px; float: left; margin-right: 10px; }
.copyright { font-size: smaller; }
@media screen and (max-width:600px) {
    .contentright { margin: 10px 10% 0 10%; font-size: .9em; }
}