/* CSS Document */ /*############################################################## Eric Meyer's Latest version of Reset.css (includes Baseline) ##############################################################*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; } a img, :link img, :visited img {border: 0} table {border-collapse: collapse; border-spacing: 0} ol, ul {list-style: none} q:before, q:after, blockquote:before, blockquote:after {content: ""} /*####################### Element Styles #######################*/ body {font-size:12px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#ffffff; background-color:#424242} a {outline:none; color:#35a3e2; text-decoration:none} a:hover {text-decoration:underline; color:#32aaef} p {line-height:1.25em; margin:10px 0} small {font-size:.95em} em {font-style:italic} h1 {margin-top:10px; font-size:2.25em; color:#ffffff} h2 {margin-bottom:15px; font-size:2em; color:#ffffff} h3 {font-size:1.25em; font-weight:bold} .indent1 {margin-left:50px; } .indent2 {margin-left:150px; } /*####################### Layout Styles #######################*/ /* use margin:0,auto; to center div */ #wrapper {width:1200px; overflow:hidden; margin:0; background:#424242; url(../images/content_wrapper_bg.jpg) left bottom repeat-y} /* Sidebar */ #sidebar {float:left; display:inline; padding:0 10px 10px 10px; width:150px; color:#ffffff; background-color:#424242; font-family:Helvetica; font-weight:700;} #navigation {margin-top:15px} #navigation li {font-size:1.42em; width:150px;} #navigation li a {font-family:Helvetica !important; display:block; width:140px; padding:4px 5px; margin:10px 0; color:#fba61a; text-decoration:none} #navigation li a:hover {background-color:#626262} /* Callout */ #callout_headline {font-size:1.38em; margin-top:25px; padding-top:25px; border-top: 2.9px solid #999999} #callout_list {margin-left:10px; list-style-type:none} #callout_list li {margin:12px 0; font-style:italic} #callout_list li a {font-family:Helvetica !important; display:block; padding:5px; color:#ffffff; text-decoration:none} #callout_list li a:hover {color:#ffffff; background-color:#626262} #sidebar .button {margin:20px 0; background:#1f7f4f} #sidebar .button a {display:block; padding:7px 0; width:100%; text-align:center; text-decoration:none; font-weight:bold; color:#fff} #sidebar .button a:hover {background-color:#626262} #webmaster {margin-left:0; font-style:italic; font-size:smaller;} #webmaster a {display:block; padding:2px 2px 2px 5px; width:80%; color:#bababa; text-decoration:none;} #webmaster a:hover {color:#ffffff; background-color:#626262} #content_wrapper {float:left; width:1000px; background-color:#1c5638;} #header {float:left; display:inline; padding:6px 17px 18px 17px; width:966px; height:150px; border-bottom:3px solid #424242; background:#424242 url(../images/header_bkg.jpg) left top no-repeat} #header h3 {font-size:1.5em; font-family:Arial, Verdana, Helvetica, sans-serif; color:#008060; margin-bottom:10px; text-indent: 80px; margin-top: 10px;} #header h2 {font-size:2em; font-family:Arial, Verdana, Helvetica, sans-serif; color:#008060; margin-bottom:10px;} #header h1 {font-size:3.4em; font-family:Helvetica, Arial, Verdana, sans-serif; color:#1c5638; font-weight: 900; text-indent: 5px; margin-top: 20px;} #header img {float:left; display:inline; margin-right:15px} #content {clear:both; float:left; display:inline; padding:1px 17px 20px 18px; width:800px; background-color:#1c5638;} #welcome{font-size:2.0em; font-family:comic sans ms, Helvetica, Arial, Verdana, sans-serif; color:#ffffff; font-weight: 600; text-indent: 1px; margin-bottom:20px;} #content img {float:left; display:inline; margin:0 15px 15px 0; background-color:#1c5638;} #content p {margin:10px 20px; font-size:1.1em; line-height:1.5em; width:600px;} #content a {display:inline; text-decoration: underline; font-weight:bold; color:#ffffff;} #content a:hover {color:#999999;} #content a.button {display:inline; margin-left:70px; padding:6px 35px; text-decoration:none; font-weight:bold; background-color:#1f7f4f; color:#fff;} #content a.button:hover {background-color:#626262} #content ul {margin-left:70px; list-style-type:disc; color:#dddddd;} #content li {margin-left:10px; padding:1px 10px; font-size:1.5em; font-weight:500; color:#dddddd;} #content li a {display:block; padding:1px 10px; color:#dddddd; text-decoration:none} #content li a:hover {width:80%; padding:1px 10px; color:#ffffff; background-color:#626262} table.contacts {margin: 10px 20px; width:800px; font-family: Helvetica, Arial, Verdana, sans-serif; font-style: normal; font-size: 1.4em; text-align: left; vertical-align: baseline; color: #000000; background-color: #ffffff; border-collapse: collapse;} table.contacts tr {border:4px solid #006080;} table.contacts td.job, td.name, td.phone {padding:5px 25px 5px 10px;} table.contacts td.mail {background-color:#1f7f4f; border-left:4px solid #006080;} table.contacts a.email {padding:0 10px 0 35px; text-decoration:none; font-weight:bold; color:#fff;} table.contacts a.email:hover {color:#fba61a;} /* Form Styles */ #content input, textarea {width:350px} #content input#submit {width:auto; font-weight:bold} #col_left {position:absolute; left:170px; top:250px; padding:1px 17px 20px 18px; width:483px; height:380px; background-color:#1c5638;} #col_left ul {margin-left:20px; margin-top:1px; list-style-type:disc; color:#dddddd;} #col_left li {margin-left:10px; padding:2px 10px; font-size:1.3em; font-weight:500; color:#dddddd;} #col_left li a {display:block; padding:2px 10px; color:#dddddd; text-decoration:none} #col_left li a:hover {width:100%; padding:2px 10px; color:#ffffff; background-color:#626262} #col_right {position:absolute; left:653px; top:250px; padding:1px 17px 20px 18px; width:483px; height:380px; background-color:#1c5638;} #col_right ul {margin-left:20px; margin-top:1px; list-style-type:disc; color:#dddddd;} #col_right li {margin-left:10px; padding:2px 10px; font-size:1.3em; font-weight:500; color:#dddddd;} #col_right li a {display:block; padding:2px 10px; color:#dddddd; text-decoration:none} #col_right li a:hover {width:100%; padding:2px 10px; color:#ffffff; background-color:#626262} #col_narrow {position:absolute; left:695px; top:220px; padding:1px 17px 20px 18px; width:300px; height:300px; background-color:#1c5638;} #col_narrow p {margin:10px 10px; font-size:1.1em; line-height:1.5em; width:250px;} #col_narrow ul {margin-left:20px; margin-top:1px; list-style-type:disc; color:#dddddd;} #col_narrow li {margin-left:10px; padding:2px 10px; font-size:1.3em; font-weight:500; color:#dddddd;} #col_narrow li a {display:block; padding:2px 10px; color:#dddddd; text-decoration:none} #col_narrow li a:hover {width:100%; padding:2px 10px; color:#ffffff; background-color:#626262} #col_narrow a {display:inline; text-decoration: underline; font-weight:bold; color:#ffffff;} #col_narrow a:hover {color:#999999;} #col_narrow a.button {display:inline; margin-left:50px; padding:6px 35px; text-decoration:none; font-weight:bold; background-color:#1f7f4f; color:#fff;} #col_narrow a.button:hover {background-color:#626262} #foot {position:absolute; left:170px; top:550px; padding:10px 17px; width:966px; font-size:1.0em; background-color:#1c5638} #foot p {margin-left:200px;} #hikepixleft {position:absolute; left:170px; top:250px; padding:1px 17px 20px 18px; width:483px; height:380px; background-color:#1c5638;} #hikepixleft ul {margin-left:20px; margin-top:1px; list-style-type:disc; color:#dddddd;} #hikepixleft li {margin-left:10px; padding:2px 10px; font-size:1.3em; font-weight:400; color:#dddddd;} #hikepixleft li a {display:block; padding:2px 10px; color:#dddddd; text-decoration:none} #hikepixleft li a:hover {width:100%; padding:2px 10px; color:#ffffff; background-color:#626262} #hikepixright {position:absolute; left:653px; top:250px; padding:1px 17px 20px 18px; width:483px; height:380px; background-color:#1c5638;} #hikepixright ul {margin-left:20px; margin-top:1px; list-style-type:disc; color:#dddddd;} #hikepixright li {margin-left:10px; padding:2px 10px; font-size:1.3em; font-weight:400; color:#dddddd;} #hikepixright li a {display:block; padding:2px 10px; color:#dddddd; text-decoration:none} #hikepixright li a:hover {width:100%; padding:2px 10px; color:#ffffff; background-color:#626262} #hikepixfoot {position:absolute; left:170px; top:550px; padding:10px 17px; width:966px; font-size:1.2em; background-color:#1c5638} #hikepixfoot p {margin-left:200px;} #slideshow {float:left; display:inline; padding:10px 1px 18px 18px; width:10px; background-color:#1c5638;} #showtitle {float:right; display:inline; padding:70px 20px 0 0; width:420px; background-color:#1c5638;} #showtitle p {line-height:1.5em} #showtitle h2 {font-size:2em; font-family:Helvetica, Arial, Verdana, sans-serif; color:#ffffff; margin-bottom:10px;} #showtitle a.button {display:inline; margin-left:1px; padding:6px 25px; text-decoration:none; font-weight:bold; background-color:#1f7f4f; color:#fff;} #showtitle a.button:hover {background-color:#626262} #document {clear:both; float:left; display:inline; margin-top:15px; padding:1px 17px 20px 18px; width:800px;color:#000000; background-color:#ffffff;} #docwelcome{font-size:2.0em; font-family:comic sans ms, Helvetica, Arial, Verdana, sans-serif; color:#000000; font-weight: 600; text-indent: 1px; margin-bottom:20px;} #document img {float:left; display:inline; margin:0 15px 15px 0; background-color:#ffffff;} #document p {margin:15px 0; line-height:1.5em} #document a.button {display:inline; margin-left:70px; padding:6px 35px; text-decoration:none; font-weight:bold; background-color:#1f7f4f; color:#fff;} #document a.button:hover {background-color:#626262} /* Hike Announcement */ #ha {clear:both; float:left; display:inline; margin-top:15px; padding:1px 17px 20px 18px; width:800px;color:#000000; background-color:#ffffff;} #hatitle{font-size:1.8em; font-family: Helvetica, Arial, Verdana, sans-serif; color:#000000; font-weight: 600; text-align:center; margin-bottom:20px;} #hadate{font-size:1.4em; font-family: Helvetica, Arial, Verdana, sans-serif; color:#000000; font-weight: 600; text-align:center; margin-bottom:20px;} #ha_left {clear:both; padding:1px 17px 20px 18px; width:200px; background-color:#ffffff;} #ha_right {position:absolute; left:600px; top:300px; padding:1px 17px 20px 18px; width:200px; background-color:#ffffff;} #ha_pix {clear:both; float:left; padding:1px 17px 20px 18px; width:800px; background-color:#ffffff;} #ha_caption {clear:both; float:left; padding:1px 17px 20px 18px; width:800px; background-color:#ffffff;} #ha_desc {clear:both; float:left; padding:1px 17px 20px 18px; width:200px; background-color:#ffffff;} #ha p {clear:both; float:left;margin:15px 0; line-height:1.5em} #ha a.button {display:inline; margin-left:70px; padding:6px 35px; text-decoration:none; font-weight:bold; background-color:#1f7f4f; color:#fff;} #ha a.button:hover {background-color:#626262} #footer {clear:both; padding:10px 17px; width:766px; margin:60px 0 0 0; line-height:none; font-size:.9em; background-color:#edecec} /* Hike Schedules as Included Documents */ #schedule {clear:both; float:left; display:inline; margin-top:0px; padding:10px 5px 20px 5px; width:990px; height:3500px; color:#000000; background-color:#ffffff;} #schedule table, tr, th, td { margin: 0; padding: 0; border: 0; line-height: 5%; } #schedule table {line-height:0.5; } #schedule tr {line-height:0.5; } #schedule img {float:left; display:inline; margin:0 15px 15px 0; background-color:#ffffff;} #schedule p {margin: 0; padding 0; line-height:0.5em}