﻿h1, h2, h3, h4, h5, h6
{
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
body
{
    
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#main
{
    position: absolute;
    left: 250px;
    background-color: #B6D5E7;
    width: 760px;
    height: auto;
}
#content
{
    background-color: White;
    width: 500px;
    padding: 0.5cm 0.5cm 0.5cm 0.5cm;
}
#secondaryContent
{
    background-color: #dcdcdc;
    width: 185px;
    height: auto;
    padding: 0.5cm 0 0.5cm 0;
}

#trailMap /*the trailMap sizes the placeholder in the primaryContent area*/
{
    float: left;
    width: 300px;
    height: 300px;
    padding: 0.5cm 0.5cm 0.5cm 0.5cm;
}
#trailPhoto /*the trailPhoto sizes the placeholder in the primaryContent area*/
{
    float: left;
    width: auto;
    padding: 0.5cm 0.5cm 0.5cm 0.5cm;
}

#footer
{
    position: relative;
    left: -10px;
    width: 720px;
    background-color: White;
    padding: 0.5cm 0.5cm 0.5cm 0.5cm;
}

/*Link Styles*/
a:link
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #013048;
    text-decoration: underline;
}
a:visited
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #013048;
    text-decoration: underline;
}
a:active
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FF0000;
    text-decoration: underline;
}
a:hover
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FF0000;
    text-decoration: underline;
}

.liststyle
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 18px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
}
.textstyle, p
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #000000;
    font-weight: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
}
.textstyle3
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #000000;
    font-weight: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
}

.titlestyle
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #003399;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
}
.subtitlestyle
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #013048;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
}
.legalstyle
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    color: #666666;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
}
.textstyle2
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 13px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
}

.navigation
{
    margin: 0px;
    float: left;
    padding: 1px;
}

.tabwrapper
{
    margin: 0px;
    border-bottom: solid 1px gray;
    float: left;
    padding: 0px;
}

.navigation li
{
    margin: 0px;
    display: inline;
    padding: 0 5px 0 5px;
    float: left;
}

.tab
{
    font-weight: normal;
}

.tab a
{
    color: #B5D6E8;
    text-decoration: none;
}

.menu a
{
    text-decoration: none;
    font-style: normal;
}

.menu
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: small;
    font-weight: bolder;
    text-decoration: none;
}

.inner
{
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

.pinStyle1
{
    position: relative;
    background: url('/images/birdpin.gif') no-repeat 0 0;
    height: 36px;
    width: 25px;
    top: -18px;    
    text-align: right;
    font: bold 10px Arial;
    cursor: pointer;
}

.Pintext
{
       
    font-style: normal;
    position: relative;
    right: 27px;
    top: 4px;
    text-decoration: none;
    

   
}

.iframe
{
    overflow: scroll;
}
