html {overflow: -moz-scrollbars-vertical;}
body {margin: 40px; font-family: 'Trebuchet MS', 'Lucida Sans Regular'; font-size: 13px; color: #222;}

* {margin: 0; padding: 0;}
p {padding: 0 0 10px 0;}

.clearMe {display: block; clear: both; height: 0; width: 0; font-size: 0; visibility: hidden;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* */
a {color: #885522;}
a:hover {color: #888822;}
h1 {color: #665; font-size: 2em; font-family: impact; font-weight: normal; margin: 0 0 16px 0; padding: 0;}
h2 {color: #665; font-size: 1.6em; font-family: impact; font-weight: normal; margin: 0 0 16px 0; padding: 0;}
h3 {color: #665; font-size: 1.2em; font-family: impact; font-weight: normal; margin: 0 0 16px 0; padding: 0;}
*:focus {outline: 0;}

#aContainer {width: 791px; margin: 0 auto;}
#aMain {padding: 10px 0;}

#aTop {border-bottom: 1px dotted #777;}
#aTop .header {float: right;}
#aTop .header h1 {font-size: 1.8em; font-family: impact; font-weight: normal; color: #665; margin: 0;}
#aTop .navigation {float: left; padding: 0 0 0 20px;}
#aTop .navigation ul {margin: 10px 0 0 0; padding: 0; list-style: none;}
#aTop .navigation li {float: left; text-align: left; margin: 0 13px 0 0; padding: 0;}
#aTop .navigation a {display: block; text-decoration: none; font-weight: bold; font-size: 110%; color: #885522;}
#aTop .navigation a:hover {color: #888822;}

#aContent {min-height: 400px;}
#aContent .gutter {padding: 20px 10px 0 20px; font-size: 1.1em;}