/* * * * * * * * * * * * * * * * * * * * * */ /* CSS for OkanaganLandBank.com */ /* initial build aug 2009 */ /* david a taylor / burning fish design */ /* * * * * * * * * * * * * * * * * * * * * */ /* BROWSER CLEANUP */ body, div, p, ul, ol, li, img, h1, h2, h3 {margin:0;padding:0;border:0;} /* Set defaults */ ul li, ol li {margin-left: 25px;} a {text-decoration: none; color: #468bac;} a:hover {text-decoration: underline; color: #CA8606;} a:active {color: #fab636;} h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: normal;} h1, h2 {} h2, h3 {} h1 {font-size: 28px;} h2 {font-size: 23px; margin: 18px 0 0 0; color: #CA8606;} h3 {font-size: 20px; margin: 14px 0 0 0;} h4 {font-size: 16px; margin: 14px 0 4px 0;color: #CA8606;} p {margin: 4px 0 14px;} img {border: 4px solid #8bc1d6;} /* COMMON STYLES */ .clear {clear: both; height:0; line-height:0;} .left {float:left;} .right {float:right;} .inline-feature {color: rgb(252,204,62); display: inline;} .dropcap {float: left; margin-right: 3px; font-size: 3.5em; line-height: 0.9em;} .instruction {font-size: 13px; font-style: italic; line-height: 1; margin-bottom: 4px;} .teaser {font-style: italic; font-weight: bold;} .pull-quote {text-align: center; font-family: "Times New Roman", Times, serif; color: #cacdad; font-size: 1.3em; line-height: 1.3; font-weight: normal; font-style: italic; padding: 4px 94px 4px;} .pull-quote strong {font-style: normal; font-weight: bold; color: #CA8606;} .per-call-out {font-style: italic; font-family: Georgia,"Times New Roman",Times,serif; color: #31551E; font-weight: bold;} img.feature-img {border-width: 14px;} .img-w-caption {text-align: center;} .caption {font-size: 14px; font-style: italic; margin: 2px 0 0;} .required-mark, .error-header, .error-stress {color: #fab636;} .form-errors {line-height: 1.2;} .error-header {margin-bottom: 2px; font-style: italic;} .error-wrapper {font-size: 13px; padding-lefT: 40px;} /* BASIC PAGE STRUCTURE - ALL PAGES */ body {background: #321a0a; font-family: arial, helvetica, serif; color: #000; font-size: 14px; line-height: 1.4;} #main-container {width: 988px; margin: 10px auto 15px; position: relative; color: #f9f9ff;} /* All Nav */ .nav, .nav ul, .nav li {list-style-type:none; margin: 0;} .nav li {float: left; display: inline; text-align: center;} .nav li a {display: block; height: 31px; line-height: 30px;} .nav li a:hover, .nav li a:active, .nav li.current a {text-decoration:none;} /* Header */ #header {background: #544825 url(/images/_site-structure/header-full-bg.gif) top left no-repeat; width: 936px; height: 88px; padding: 22px 26px 3px;} #header h1 {} #header h1#header-logo {margin: 0 8px 8px 8px; float: left;} #header h1#header-logo img {display: block; background: #fff; border: 1px solid #ca8606;} /* Main Nav */ #top-nav {float: right; margin: 0 4px 0 0;} #top-nav li {margin: 0 0 5px 8px;} #top-nav li a {padding: 2px 7px; font-size: 20px; font-family: Georgia, Times, serif; font-variant: small-caps; display: block; background: #31551e; color: #fff; border: 1px solid #bfbfc9;} #top-nav li.current a {background: #163a05;} #top-nav li a:hover {color: #CA8606; border-color: #CA8606; background: #163a05;} #top-nav li a:active {color: #fab636;} /* Content Area */ #main-content-area {height: 400px; min-height: 400px; clear: both; background: #544825 url(/images/_site-structure/body-bg.gif) top left repeat-y; position: relative;} #main-container > #main-content-area {height: auto;} #main-content-inner {margin: 0 17px; padding: 12px 20px 7px; border-width: 0 1px 1px; border-style: solid; border-color: #000 #bfbfc9 #999 #bfbfc9; background: #544825;} #unique-page-content {height: 360px; min-height: 360px;} #main-content-inner > #unique-page-content {height: auto;} #main-article, #persistent-content {float: left;} #main-article {width: 636px; margin: 2px 0 26px; padding: 0 36px 0 24px; border-right: #999 solid 1px;} #main-article h1, #main-article h2, #main-article h3 {margin-left: -24px;} #persistent-content {margin-top: 8px; width: 186px; padding-left: 22px;} #persistent-content .per-content {border: 7px solid #8bc1d6; background: #fff; color: #333; padding: 9px 10px 2px; margin: 15px 0; min-height: 120px;} #persistent-content .per-content h3 {font-size: 18px; line-height: 0.9em; margin-bottom: 3px;} #persistent-content .per-content h3 img {border: none;} #persistent-content .per-content h1, #persistent-content .per-content h2, #persistent-content .per-content h3, #persistent-content .per-content h4 {color: #31551e; font-weight: bold; margin-top: 2px;} #persistent-content .per-content h1 a, #persistent-content .per-content h2 a, #persistent-content .per-content h3 a, #persistent-content .per-content h4 a {color: #31551e;} #persistent-content .per-content h1 a:hover, #persistent-content .per-content h2 a:hover, #persistent-content .per-content h3 a:hover, #persistent-content .per-content h4 a:hover {color: #CA8606;} #persistent-content .per-content h1 a:active, #persistent-content .per-content h2 a:active, #persistent-content .per-content h3 a:active, #persistent-content .per-content h4 a:active {color: #fab636;} #persistent-content .per-content p, #persistent-content .per-content ul, #persistent-content .per-content span, #persistent-content .per-content a {margin: 6px 0; font-size: 12px;} #persistent-content .per-content img {width: 150px; border: 1px solid #CA8606;} #persistent-content .per-content .instruction {font-size: 11px;} #persistent-content .per-content .per-call-out {font-size: 15px;} #persistent-content #p-content-3 p {line-height: 1.2;} #persistent-content #p-content-3 img {width: 75px;} /* Footer Nav */ #footer {font-size: 12px; width: 900px; margin: 2px auto; color: #ccc;} #footer-nav {clear: both; display: block; width: 700px; height: 15px; margin: 0 auto; padding: 11px 0 0 180px; border-top: #999 solid 1px; text-align: center;} #footer-nav li, #footer-nav li a {height: 10px;} #footer-nav li a {padding: 0 5px; border-right: solid 1px; line-height: 0.7;} #footer-nav li a:hover {border-color: rgb(70,139,172);} #footer-extras-nav li.sitemap-li a {border-width: 0;} /* Footer */ #footer #disclaimer {clear: both; text-align: justify; padding-top: 8px;} #legal {clear: both; margin-right: 27px; float: left; width: 60%;} #web-design-credit {float: right; text-align: right; width: 25%;} /* PAGE SPECIFIC STYLES */ /* Invest */ body#invest #main-article h3 {margin-left: 0;} body#invest #main-article table {border: 1px solid #BFBFC9; text-align: left; font-size: 13px;} body#invest #main-article table .double-wide {text-align: center; font-size: 14px;} body#invest #main-article thead {background: #31551E;} body#invest #unique-page-content #main-article thead th {font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-size: 16px;} body#invest #main-article th {font-weight: bold;} body#invest #main-article th, body#invest #main-article td {border: 1px solid #BFBFC9; padding: 2px 4px;} /* Management */ .management-profile {float: left; width: 266px; margin: 0 39px 2px 12px; text-align: center;} .management-profile h3 {height: 50px; line-height: 1.2;} .management-profile h3 em {display: block; font-size: 15px; color: #cacdad;} .management-profile p {margin: 6px 0; font-style: italic;} /* Contact */ .contact-form-table td {padding: 2px 0;} .contact-form-table .required-mark {padding-left: 3px;} .contact-form-table .col1 {width: 140px; padding-right: 8px; text-align: right;} .contact-form-table input {width: 240px;} .contact-form-table textarea {height: 120px; width: 360px;} .contact-form-table input.phone, .contact-form-table #submit-buttons input {width: auto;} .contact-form-table #submit-buttons {margin-left: 140px; padding-left: 8px;} /* Contact - Thank You page*/