body {
background: #ffffff;
color: #333333;
padding: 0; margin: 0;
font-family: helvetica, arial, sans-serif, verdana, tahoma;
}
body {
font-size: medium;
voice-family: "\"}\"";
voice-family: inherit;
font-size: medium;
}
html>body {
font-size: large;
}
#wrapper {
width: 800px;
margin: 0 auto;
}
#navigation {
height: 0px;
padding-top: 6%;
padding-left: 17%;
}
#masthead {
background-image: url(trails-masthead.jpg);
height: 200px;
padding-top: 0px;
border-bottom: 1px solid #333333
}
.separator {
height 5px;
background-color: #a9a9a9;
clear: both;
margin-bottom: 2em;
}
.separatorInvisible {
height: 0;
clear: both;
}
.column-A {
float: left;
padding-left: 0px;
padding-right: 10px; 
width: 125px;
voice-family: "\"}\"";
voice-family:inherit;
font-size: medium 
;
width: 150px;
}
.column-main {
float: left;
padding-left: 30px;
padding-right: 0px;
width: 
0px;
voice-family: "\"}\"";
voice-family:inherit;
width: 570px;
}
html>.column-A {
width: 150px;
}
html>.column-main {
width: 620px;
padding-left: 10px;
}
#footer {
clear: inherit;
text-align: right;
font-size: x-small;
padding: 3px 0px;
border-top: 1px solid #333333; 
}
#footer a {
color: #000000;
text-decoration: none;
}
#footer a:hover {
color: red;
text-decoration: underline;
}
#navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#navigation li {
float: left;
margin: 0px;
padding: 0px;
display:  inline;
background: none;
border-bottom: none;
}
#navigation a {
font: bold 14px helvetica, arial, sans-serif, tahoma, verdana;
text-transform: none;
color: #666666;
text-decoration: none;
display: block;
padding: 0px 0px 0px 0px;
height: 0px;
width: 90px;
voice-family: "\"}\"";
voice-family:inherit;
height: 12px;
width: 90px;
}
html>#navigation a {
height: 0px;
width: 90px;
}
#navigation a:hover {
color: red;
text-decoration: underline;
}
#content a {
color: #333333;
text-decoration: none;
}
#content a:hover {
color: red;
text-decoration: underline;
}
#content {
background-color: #ffffff;
padding: 10px 10px;
}
p {
font-size: 85%;
line-height: 1.4em;
padding-left: 0;
margin-top: 0;
margin-bottom: 1em;
}
h1, h2 {
text-transform: lowercase;
color: #555555;
font-weight: normal;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
margin: 0 0 10px 0;
padding: 0 0 2px 0;
}
h1 {
font-size: 150%;
}
h2 {
font-size: 120%;
}
h3 {
margin: 0 0 5px 0;
font-size: 90%;
color: #444444;
font-family: trebuchet, georgia, serif;
font-weight: bold;
padding-left: 1.35em;
}
.column h1 {
font-size: 130%;
}
.column p {
padding: 0;
}
#boxout {
background: none;
float: right;
width: 250px;
margin-left: 5px;
margin-bottom: 5px;
padding-top: 5px;
}
#boxout img {
border: 4px solid #818181;
margin-bottom: 1em;
}
#boxout img, #boxout p {
margin-left: 5px;
margin-right: 5px;
}
#boxout p {
font-weight: bold;
font-size: 80%;
line-weight: 1.2em;
color: #333333;
padding: 0;
}