body  {
margin-left : 8%;
margin-right : 8%;
margin-top : 1em;
margin-bottom : 1em;
color : #333;
background-color: #fff;
font-family : 'serif';
font-size : 18px;
font-weight : normal;
font-style : normal;
}

p  {
color : #333333;
margin-bottom : .8em;
font-size : 100%;
}

ul {}

li {
margin-bottom: .5em;
}

a  {
color: #0b640b;
}


em  {
font-weight : bold;
color : #0b640b;
}

strong  {
font-weight : bold;
color : #0b640b;
}

h1  {
color : #0b640b;
font-family : sans-serif;
font-weight : bold;
font-size : 150%;
}

h2  {
color : #0b640b;
font-family : sans-serif;
font-weight : normal;
font-size : 130%;
border-bottom: 2px solid #6e6e78;
}

h3  {
color : #0b640b;
font-family : sans-serif;
font-weight : normal;
font-size : 110%;
}

dl  {}

dt  {
color : #333;
font-family : sans-serif;
font-weight : normal;
padding-top : .5em;
padding-bottom : .1em;
font-size : 105%;
}

dd  {
color : #333;
margin-left : 0;
margin-bottom : 1em;
padding-top : .3em;
padding-left : 1em;
}


dd img  {
float: left;
margin-left: 0;
margin-right: 1em;
}

.header {
padding: 0;
margin-left: 0;
margin-right: 0;
}

#sandpiper {
position: relative;
top: 0;
left: 0;
}

#logo {
position: relative;
top: 0;
left: 30px;
}

.navbar {
font-size: 16px;
font-weight: bold;
margin: 0;
margin-top: 1em;
margin-bottom: .4em;
font-family: sans-serif;
padding: 0;
color: #6e6e78;
}

.navbar a {
display: inline;
position: relative;
top: 0;
width: auto;
height: 20px;
text-align: center;
color: #6e6e78;
text-decoration: none;
margin: 0;
padding-right: 1em;
}

.navbar a:hover {
color : #0b640b;
text-decoration: underline;
}

.tracks {
height: 26px;
margin-bottom: .8em;
background-image: url(images/tracks.png);
}

.new {
color: #fff;
background-color: #698;
padding: 1px;
padding-left: .2em;
padding-right: .2em;
}

.shadowbox {
width: auto;
height: auto;
padding-top: 6px;
padding-left: 6px;
margin: 2em;
margin-left: 1em;
margin-right: 0;
}

.box-bg {
margin: 0;
margin-top: 2px;
margin-left: 2px;
padding: 0;
background-color: #698;
}

.box-fg {
position: relative;
top: -5px;
left: -5px;
color: #0b640b;
font-size: 110%;
padding: .8em;
background-color: #fff;
margin: 0;
border: 1px solid #000;
}

.bottom_nav {
display: block;
position: relative;
height: 100px;
width: 100%;
padding: 0;
vertical-align: top;
}

.bottom_nav img {
vertical-align: middle;
margin: 1em;
}

.footer {
clear: both;
margin-top: 40px;
font-size: 13px;
color: #6e6e78;
text-align: center;
}