/* ----------------------------------------------- http://www.lifeway.com/fuge Style Sheet author: John Cade (john.cade@lifeway.com) version: 2009.01 ----------------------------------------------- */ /* FUGE GENERIC STYLES */ body {font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3c3226; background: url(images/bodybg.jpg) repeat; padding: 100px;} a {color: #006868; text-decoration: none;} a:hover {color: #003030;} h1 {font-size: 32px; color: #3c3226; margin-bottom: 10px; clear: both; letter-spacing: 1px;} h2 {font-size: 28px; color: #3c3226; background: #d6cfbe; clear: both; display: block; margin-bottom: 10px; letter-spacing: 1px; padding: 10px;} h3 {font-size: 24px; margin-bottom: 10px;} h4 {font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #d6cfbe; text-decoration: none; padding-bottom: 10px; margin-bottom: 20px;} h5 {font-size: 18px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #d6cfbe; text-decoration: none; padding-bottom: 10px; margin-bottom: 20px;;} h6 {font-size: 16px; line-height: 22px; margin-bottom: 20px; letter-spacing: 1px;} .questions h6 {background: #d6cfbe; padding: 10px;} .questions h6:hover {cursor: help; background: #bbb5a6;} strong {font-weight: bold;} em {font-style:italic;} p {font-size: 14px; line-height: 20px; letter-spacing: 1px; margin-bottom: 20px; overflow: hidden;} caption {font-size: 2em; padding: 1.25em 0 .5em 0;} caption span {font-size: .5em; margin-left: .5em; color: #555;} /* NAVIGATION */ #nav {margin: 0 0 13px 0;padding: 0; text-transform: uppercase; height: 63px;} #nav li.selected ul, #nav li.off ul {margin: 0;padding: 0;} #nav a {text-decoration: none;} #nav li { /*float the main list items*/margin-right: 10px;float: left;display: block; background: #c5bfaf;} #nav li ul {display: none; background: #000;} #nav li.off ul, #nav li.selected ul { /*put the subnav below*/position: absolute; left: 0; padding: 10px 0 0 0; background: #3c3226;height: 30px; font-size: 12px; width: 950px;} #nav li a {color: #3c3226;font-weight: bold;display: block;height: 20px;width: 108px;padding: 3px 5px 3px 10px;} /* This one is selected */ #nav li.selected a {color: #e5ddcb; background: #3c3226;} #nav li.selected ul a, #nav li.off ul a {float: left; /*ie doesn't inherit the float*/border: 0;color: #e5ddcb;width: auto;margin-right: 0;} #nav li.selected ul {display: block;} #nav li.off:hover ul, #nav li.over ul {display: block;z-index: 6000;} #nav li.off a:hover, #nav li:hover a, #nav li.over a {background: #3c3226; transparent;color: #e5ddcb;} /* STRUCTURE */ #container {background: #e5ddcb; position: relative; border: 10px solid #e5ddcb; margin-bottom: 10px;} #container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 1%;} #header {margin: 0 auto 10px auto; position: relative;} #home #slideshow {height: 250px; !important} #slideshow {height: 200px; margin-bottom: 20px;} #footer {clear: both; width: 910px; text-align: left; background: #d6cfbe; border: 10px solid #e5ddcb; padding: 20px;} #footer p {margin-bottom: 0;} #sidebar {float: left;} /* FIND A CAMP */ #map_holder {background-color: #d6cfbe; clear: both; padding: 10px; position: relative;} #map { height: 310px; width: 600px; } #map .map_info h2 {font-size: .75em; margin: 0;} #map .map_info img {margin: 0;} #map .map_info p {font-size: .75em; padding-left: .75em;} /* ID'S IN ALPHABETICAL ORDER */ #inner_header {position: relative;} #info {position: absolute; top: 0; right: 0; z-index: 6;} #main {padding-top: 0px; margin-top: 20px; float: left; display: inline;} /* HACKING THE GRID */ #main-inner {width: 620px;} #main ul, #about #tabs ul ul {list-style: disc; margin-bottom: .63em; margin-left: 10px;} #main li {margin-left: 20px; padding: 5px; font-size: 14px;} /* FREQUENTLY ASKED QUESTIONS */ div.questions h6 {color: #006868;} div.questions div.answer {padding: 20px; text-decoration: none; margin-bottom: 1.25em;} div.answer p {line-height: 20px; font-size: .88em; color: #555;} div.questions li {margin-left: 20px; padding: 5px; font-size: .75em;} /* TABS */ #tabs ul.tabs {list-style: none; margin:0; padding: 0;} #tabs ul.tabs li {margin: 0; padding: 0; font-size: 1em;} .ui-tabs-nav {float: left; width: auto; position: relative; z-index: 1;} .ui-tabs-nav li {float: left; width: auto; list-style: none;} .ui-tabs-nav li a {float: left; width: auto; font-size: 1em; font-weight: normal; text-decoration: none; padding: .5em 1.7em; color: #bfb9aa; background: #d6cfbe; margin-left: 10px;} .ui-tabs-nav li a:hover {background: #bfb9aa; color: #3c3226; } .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {background: #bfb9aa; color: #3c3226;} .ui-tabs-panel {clear:left; background: #bfb9aa; padding: 20px; margin:0;} .ui-tabs-panel a {border-bottom: 1px dotted #009898;} .ui-tabs-hide {display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;} /* begin hide from ie5 \*/ * html .ui-tabs-panel {height:1%;} /* hide end */ #about #tabs h3 {color: #3c3226; background: #d6cfbe; clear: both; display: block; margin-bottom: 10px; letter-spacing: 1px; padding: 10px;} /* TABLES */ .hor-zebra{margin: 0 0 0 0; text-align: left; border-collapse: collapse;} .hor-zebra th{font-size: 1em; font-weight: normal; padding: 10px 8px;} .hor-zebra td{color: #555; width: 20%;} .hor-zebra .odd{background: #d6cfbe;} #combo .hor-zebra .June_7, #combo .hor-zebra .June_21, #combo .hor-zebra .July_4, #combo .hor-zebra .July_5, #combo .hor-zebra .July_19{background: #d6cfbe;} #combo .hor-zebra .June_13, #combo .hor-zebra .June_14, #combo .hor-zebra .June_28, #combo .hor-zebra .July_12, #combo .hor-zebra .July_26{background: transparent;} #combo .hor-zebra.Clinton .July_19 {background: transparent;} #xfuge .hor-zebra .June_7, #xfuge .hor-zebra .June_21, #xfuge .hor-zebra .July_4, #xfuge .hor-zebra .July_5, #xfuge .hor-zebra .July_19{background: #d6cfbe;} #xfuge .hor-zebra .June_13, #xfuge .hor-zebra .June_14, #xfuge .hor-zebra .June_28, #xfuge .hor-zebra .July_12, #xfuge .hor-zebra .July_26{background: transparent;} #xfuge .hor-zebra.Clinton .July_19 {background: transparent;} #cfuge .hor-zebra.Jefferson .June_14 td, #cfuge .hor-zebra.Jefferson .June_21 td{background: #009898 !important; color: #fff !important;} #cfuge .hor-zebra.Jefferson .June_14 a, #cfuge .hor-zebra.Jefferson .June_21 a {color: #fff !important; border-bottom: 1px dotted #fff;} #centrifuge .hor-zebra.Jefferson .June_14 td, #centrifuge .hor-zebra.Jefferson .June_21 td{background: #009898 !important; color: #fff !important;} #centrifuge .hor-zebra.Jefferson .June_14 a, #centrifuge .hor-zebra.Jefferson .June_21 a {color: #fff !important; border-bottom: 1px dotted #fff;} thead {padding: 0; margin: 0;} table {width: 100%; font-size: 12px; } td {padding: 10px;} /* CLASSES IN ALPHABETICAL ORDER */ .form_row {width: 400px; padding: 0; display: block;} .form_row_alt {background: #efefef;} .innerHeader {float: left; width: auto; position: relative; margin-bottom: 20px;} .innerHeader p {margin-bottom: 0;} .innerHeader img {float: left; width: auto; display: inline; margin-right: 20px; padding: 0; border: 5px solid #fff;} .innerHeader p {position: relative; top: -5px;} .last {float: right !important; width: auto !important; padding-right: 0 !important; margin-right: 0 !important;} .one {background: #fff; padding: 10px;} .promo {margin-bottom: 1.88em;} .questions {float: left; width: auto;} .small {font-size: .75em; line-height: 10px; padding-top: 10px;} .tweet {font-size: .75em; line-height: 20px;} .two {background: #d6cfbe; padding: 10px;} .widget {background: #d6cfbe; repeat-x; margin-bottom: 20px; width: 290px; padding: 10px; float: left;} .widget em {font-size: 12px;} .widget p {font-size: 12px; margin-bottom: 0; padding-top: 10px; text-align: right;} /* EMPLOYMENT */ #about #videos img {float: left; width: 293px; margin-right: 20px;} #about #videos table {float: left; width: 597px;} #about h1 span {display: inline; margin-left: 600px;} /* REQUEST A BROCHURE */ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .cssform p{ width: 300px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; /*width of left column containing the label elements*/ border-top: 1px dashed gray; height: 1%; } .cssform label{ font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ } .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; } .cssform textarea{ width: 250px; height: 150px; } /*.threepxfix class below: Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents. to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */ * html .threepxfix{ margin-left: 3px; }