/* Normalizes margin, padding */
body, div, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote { 
margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {font-size : 100%; }

/* Removes list-style from lists */
ul, ol {list-style : none; }

/* Removes border from fieldset and img */
fieldset,img {border : 0; }

/*removes underline from hyperlinks*/
a {text-decoration: none;}
hr {display: none;}

html {
background-color: #1D3B46;
color: #FFFFFF;
text-align: center;
}
body {
margin: 0 auto;
width: 100%;
text-align: center;
position: relative;
font: 0.9em/1.4em Verdana, Geneva, Tahoma, sans-serif;
}
#content {
position: relative;
text-align: left;
width: 100%;
margin: 0 auto;
max-width: 1024px;
min-width: 770px;
}
#content a, div#content_main a.gallery-form {
color: #9ACC37;
text-decoration: underline;
}
#content a:hover, div#content_main a.gallery-form:hover {
text-decoration: underline;
color: #ECD557;
}
div#content_main a.gallery-form {
padding-right: 1px;
}
#content h3, #content h4, #content h5, #content h6 {
padding: 0 35px;
margin: 1em 0 0.5em 0;
font-family: "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
font-weight: normal;
}
#content h3 {
font-size: 1.5em;
}
#content h4 {
font-size: 1.3em;
margin: 0.5em 0;
}
#content h5 {
font-size: 1.2em;
}
#content h6 {
font-size: 1em;
font-weight: bold;
color: #9ACC37;
margin: 1em 0 0 0;
padding: 0;
}
div#content p {
padding: 0 35px;
margin: 0.75em 0;
}

/* =branding */
div#branding {
position: relative;
width: 100%;
height: 290px;
background: transparent url(images/header.jpg) no-repeat 50% 0;
text-align: center;
margin: 0 auto;
z-index: 150;
}
div#branding h1 {
position: absolute;
top: 0;
left: 0;
background: transparent url(images/sign.png) no-repeat 0 0;
text-align: left;
text-indent: -9999px;
line-height: 0;
width: 474px;
height: 160px;
}
div#branding h1 a {
text-decoration: none;
display: block;
width: 463px;
height: 164px;
}
div#branding h1 a:hover, div#branding h2 a:hover {
text-decoration: none;
}
div#branding h2 {
position: absolute;
text-align: left;
text-indent: -9999px;
line-height: 0;
}
div#branding h2 a, div#branding h2 a:hover {
color: #FFF;
text-decoration: none;
}

/* =navigation */
ul#nav {
position: absolute;
bottom: 6px;
left: 0;
text-align: center;
padding: 0;
margin: 0 0 0 25px;
width: 100%;
min-width: 710px;
z-index: 150;
}
ul#nav li {
float: left;
text-align: center;
margin: 0;
padding: 0 0.75em;
}
ul#nav li a {
font-family: "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
font-size: 1.2em;
text-decoration: none;
color: #9acc37;
}
#nav li a:hover {
color: #ECD557;
text-decoration: none;
}
ul#nav li.active a, ul#sub_nav li.active a {
color: #ECD557;
text-decoration: underline;
}

div#content_main {
position: relative;
background: transparent url(images/content_main.jpg) no-repeat 50% 0;
padding-top: 1em;
z-index: 150;
}
div#content_main div#anglers-gallery-form {
padding-top: 5px;
}
div#content_main h3 {
font-family: "Lucida Sans", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande";
margin: 0 0 15px 0;
padding: 15px 35px 0 35px;
font-size: 1.5em;
}
div#content_main a {
color: #FFF;
}
div#content_main p.instructions, div#content_main a.map-instructions {
font-size: 0.85em;
padding: 0;
margin: 0.50em 0;
}

p.right {
text-align: right;
}

div#content_main p.tip strong {
font-size: 1.2em;
font-family: "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
font-weight: normal;
color: #ECD557;
}

/* =tables */
#content th {
padding: 0 0 12px 0;
margin: 0;
font-size: 1.3em;
font-family: "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
font-weight: normal;
text-align: left;
}
table.tariff {
padding: 0;
margin: 10px 35px 0 35px;
width: 50%;
}
table.tariff tr {
margin: 0;
}
table.tariff td {
padding: 5px 0;
}
table.tariff td.category {
width: 30%;
font-weight: bold;
}
table.tariff td.duration {
width: 25%;
}
table.tariff td.comment {
font-size: 0.90em;
padding: 0;
}

/* =lists */
div#contact-address {
position: relative;
margin: 0 35px;
}
div#content_main ul.address li, div#content_main ul.phone-numbers li {
margin: 0.25em 0;
font-weight: bold;
}
div#content_main ul.phone-numbers {
position: absolute;
bottom: 0;
left: 30%;
}
div#content_main ul.bullet-points {
margin: 0.5em 55px 1.5em 55px;
}
div#content_main ul.bullet-points li {
list-style-type: disc;
list-style-position: outside;
margin: 0 0 0.5em 0;
}
div#content_main ul.bullet-points li a {
padding-right: 5px;
}
div#content_main ul.bullet-points p {
margin: 0;
padding: 0;
}
div#content_main ul.bullet-points li.links {
margin: 1em 0;
}

div#content_main ul.anglers-gallery {
margin: 10px 35px;
position: relative;
padding-top: 10px;
}
div#content_main ul.anglers-gallery li {
margin: 5px 0;
}
div#content_main ul.anglers-gallery span {
font-weight: bold;
padding-right: 15px;
color: #ECD557;
}
div#content_main ul.anglers-gallery p {
margin-top: 0;
}


/* =images */
div.img-left {
float: left;
top: 0;
left: 0;
height: 262px;
width: 345px;
margin: 6px 25px 12px 35px;
position: relative;
z-index: 100;
}
div.img-right {
float: right;
top: 0;
right: 0;
height: 262px;
width: 345px;
margin: 6px 35px 12px 25px;
position: relative;
z-index: 100;
}
div.img-right img, div.img-left img {
width: 333px;
height: 250px;
padding: 6px;
background-color: white;
}
div.img-right a:hover img, div.img-left a:hover img, div.anglers a:hover img, div.anglers-photo a:hover img {
background-color: #ECD557;
}
.coarse-img {
padding: 6px 0;
}
div#swans {
float: right;
top: 0;
right: 0;
width: 200px;
height: 140px;
background: transparent url(images/swans.png) no-repeat 0 0;
margin: 0 35px;
}
div.catch-report {
margin: 20px 0;
}
div.anglers-photo {
float: left;
top: 0;
left: 0;
width: 312px;
margin: 10px 25px 10px 35px;
position: relative;
z-index: 150;
}
div.anglers-photo img {
width: 300px;
padding: 6px;
background-color: white;
}
div.lakemap-thumbnail {
float: right;
top: 0;
right: 0;
margin: 5px 35px 5px 25px;
position: relative;
}
div.lakemap-thumbnail img {
padding: 6px;
background-color: white;
}
div.coarse {
width: 372px;
}
div.coarse img {
width: 360px;
height: 232px;
}
div.trout {
width: 235px;
}
div.trout img {
padding: 6px;
background-color: white;
width: 223px;
height: 230px;
}
div.fishery {
width: 312px;
}
div.fishery img {
padding: 6px;
background-color: white;
width: 299px;
height: 240px;
}
div.location-map {
float: right;
top: 0;
right: 0;
width: 373px;
margin: 5px 35px 5px 25px;
position: relative;
z-index: 200;
}
div.location-map img, div.location-map iframe {
height: 286px;
width: 361px;
padding: 6px;
background-color: white;
}
#content div.lakemap {
text-align: center;
margin: 25px auto;
position: relative;
z-index: 200;
}
#content div.lakemap img {
margin: 0 auto;
border: 10px solid white;
position: relative;
}
div#coarse-lake-map img {
height: 400px;
width: 620px;
}
div#trout-lake-map img {
height: 540px;
width: 536px;
}
div#lakeside-fishery-map img {
height: 540px;
width: 657px;
}
div.location-map a:hover img, div.lakemap-thumbnail a:hover img {
background-color: #ECD557;
}
div.gallery {
margin: 0 30px;
position: relative;
z-index: 200;
}
div#content div.gallery p {
padding: 0;
margin: 0.5em 0 0.75em 0;
}
div.gallery img {
padding: 3px;
margin: 3px 2px;
margin-left: 0;
background-color: white;
height: 60px;
width: 80px;
position: relative;
}
div.gallery a:hover img {
background-color: #ECD557;
}
div#content div.gallery h4 {
padding: 0;
margin: 0.5em 0;
font-size: 1.3em;
}
#content_main div.gallery a {
text-decoration: none;
}
#content_main div.gallery a:hover {
text-decoration: none;
}

/* =float & spacer */
div#content p.clear, div#content p.clear-left, div#content p.clear-right {
height: 1px;
width: 100%;
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
}
div#content p.clear {
clear: both;
}
div#content p.clear-left {
clear: left;
}
div#content p.clear-right {
clear: right;
}
div#content p.mobile {
display: none;
}

/* =site-map page*/
ul#sitemap li {
margin: 0.5em 35px;
}
ul#sitemap li a {
padding-right: 5px;
}
ul#sitemap li.folder {
background: transparent url(images/smfolder.gif) 0 50% no-repeat;
padding: 0 0 0 20px;
margin: 0 35px;
font-weight: bold;
}
ul#sitemap a.file {
background: transparent url(images/smfile.gif) 0 50% no-repeat;
padding: 0.5em 5px 0.5em 20px;
}
ul.sitemap-subfile {
background: transparent url(images/subfile.gif) 0 0 no-repeat;
padding: 8px 0;
}
ul#sitemap ul.sitemap-subfile li {
padding: 0;
margin: 0 15px;
}

/* =footer and site_info */
div#content p.hook {
position: absolute;
height: 150px;
width: 30px;
bottom: 25px;
right: 0;
background: transparent url(images/fish-hook.png) no-repeat 100% 0;
text-indent: -9999px;
z-index: 150;
margin: 0 25px 0 0;
padding: 0;
}
div#content p.hook a {
display: block;
width: 30px;
height: 150px;
text-decoration: none;
margin: 0;
}

div#site_info {
position: relative;
width: 100%;
text-align: center;
font-size: 0.85em;
padding: 0;
background: transparent url(images/footer.png) no-repeat 50% 100%;
z-index: 10;
}
.footer {margin: 0 0 0 0;}
.gallery-footer {margin: -35px 0 0 0;}

div#footer-print {
display: none;
}
ul#sub_nav {
padding: 135px 0 0 0;
text-align: center;
margin: 0;
position: relative;
z-index: 100;
}
ul#sub_nav li {
display: inline;
text-align: center;
padding: 0 10px;
margin: 0;
border-right: 1px solid #9ACC37;
}
ul#sub_nav li#author {
border-right-width: 0;
}
div#site_info a {
color: #9ACC37;
text-decoration: underline;
}
div#site_info a:hover {
text-decoration: underline;
color: #ECD557;
}
div#site_info p#legal {
text-align: center;
margin: 12px 0 0 0;
padding: 0 0 12px 0;
}