/* base.css */ /* -------------------------- CSS RESET -------------------------- */ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* -------------------------- BASIC STRUCTURE -------------------------- */ html {background: #2e91c4 url(../images/ctlp-bg-html.jpg) repeat-x;} body {width: 900px; margin: 0 auto; margin-bottom: 60px;} div#wrapper {width: 900px; position: relative; left: 0;} div#header {position: relative; width: 900px; height: 160px; padding-top: 20px; margin-bottom: -50px; background: white url(../images/ctlp-bg-header.gif);} div#content {background: #9bcae3 url(../images/ctlp-bg-body.gif) repeat-y; position: relative; left: 0; padding-bottom: 40px; width: 900px; display: block;} div#content-top, div#content-bottom {width: 900px; background-repeat: no-repeat;} div#content-top {height: 60px; background-image: url(../images/ctlp-content-top.png); position: absolute; top: 50px; left: 0;} div#content-bottom {height: 280px; background-image: url(../images/ctlp-content-bottom.jpg); margin-top: -240px;} div#footer {background: white; padding: 30px 40px; width: 820px; overflow: hidden;} div#footer a {color: #1f6183 !important;} div#footer div#address {width: 280px;} div#footer div#address p {font-size: 12px;} div#footer div#quicklinks {float: right; width: 440px; text-align: right;} div#footer div#quicklinks p#footer-featured-links {color: #999; font-size: 16px; font-weight: bold; padding-bottom: 10px;} div#footer div#quicklinks p#footer-featured-links a {text-decoration: underline !important;} div#footer div#quicklinks p#footer-site-links {color: #999; font-size: 12px; padding-bottom: 10px;} div#footer div#quicklinks p#footer-site-links a {text-decoration: underline !important; color: #333 !important;} div#footer div#quicklinks p#copyright {font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: #333;} /* -------------------------- FONTS/LINKS -------------------------- */ h2, h3, h4, h5, h6 {padding-top: 30px;} h1 {font: 28px/normal Georgia, serif; color: #766827;} h2 {font: 24px/normal Arial, sans-serif; color: #333;} h3 {color: white; font: 18px/normal Arial, sans-serif;} h4 {font: 20px/normal Arial, sans-serif; color: #000; font-style: italic; font-weight: bold;} h5 {font: 20px/normal Georgia, serif; color: #000; font-style: italic; font-weight: bold;} h6 {font: 14px/normal Arial, sans-serif; color: #333; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; padding-top: 20px;} p {font: 14px/normal Arial, sans-serif; color: black;} p a:link, p a:visited {color: #20668a;} p a:hover {color: black;} b, strong {font-weight: bold;} i, em {font-style: italic;} sup {font-size: 70%; vertical-align: text-top;} /* img replacement for headings or navigation */ span.img-text {position: absolute; top: -9999px;} a:link {color: #133d53; text-decoration: none; font-size: inherit;} a:visited {color: #206589;} a:active, a:hover, a.active {color: #206589; text-decoration: underline;} a:hover {color: black;} a.current {color: red !important; text-decoration: none !important;} .clear {clear: both;} html#interior div#left-column p.message {margin-bottom: 30px; color: white; font-size: 18px;} input#donate-button {font-size: 16px; line-height:26px; color: #e96710; font-weight: bold; cursor: pointer;} /* -------------------------- MAIN NAVIGATION -------------------------- */ ul#navigation {padding-left: 60px; width: 540px; overflow: hidden;} ul#navigation li {background: url(../images/ctlp-nav-bullet.gif) no-repeat; padding-left: 17px; display: block; float: left; height: 40px; vertical-align: middle;} ul#navigation li.no-bullet {background: none; padding: 0; margin-left: 0;} ul#navigation li#ctlp-logo {float: none; clear: both; height: auto; display: inline-block;} ul#navigation li#ctlp-logo a {width: 380px; height: 55px; background: url(../images/cltp-logo-large.gif) no-repeat 0 100%; margin: 0;} ul#navigation li a {color: #6e6f70; display: block; margin-top: 12px; font: 13px/normal Arial, sans-serif;} ul#navigation li a:hover, ul#navigation li a.active {background-position: 0 100%;} /* featured nav */ ul#featured-nav {position: relative; width: 520px; overflow: hidden; background: transparent url(../images/ctlp-bg-featured_nav.gif) repeat-x; padding-top: 10px; padding-left: 30px;} ul#featured-nav li {float: left; display: block; font: 16px/16px Arial, sans-serif; font-weight: bold;} ul#featured-nav li a {display: block; width: 140px; padding: 12px 0 12px 30px; background: transparent url(../images/ctlp-bg-featured_nav_li.gif) no-repeat; color: #2e3235; text-decoration: none;} ul#featured-nav li a:hover {color: #2b88b8;} ul#featured-nav li ul {position: relative; background: transparent url(../images/ctlp-bg-featured_dropdown.png) no-repeat 6px 0; padding: 15px 0 5px 30px; width: 130px;} ul#featured-nav li ul li {float: none;} ul#featured-nav li ul li p {font-size: 12px; line-height: 17px; padding-bottom: 10px; color: #333; font-weight: normal;} ul#featured-nav li ul li a {display: inline; width: auto; background: none; padding: 0; color: #247199 !important; text-decoration: underline; font-weight: bold;} /* featured nav - interior */ ul#featured_nav_interior {float: right; position: relative; right: 60px; margin-top: 10px;} ul#featured_nav_interior li {text-align: right; color: #999; font: 18px/normal Arial, sans-serif; font-weight: bold; padding-bottom: 7px;} ul#featured_nav_interior li a {color: #1F6183; position: relative; padding-right: 10px;} ul#featured_nav_interior li a span {color: #999 !important; text-decoration: none !important; display: block; position: absolute; top: -2px; right: 0; font-weight: normal !important; font-size: 20px;} ul#featured_nav_interior li a.current span {color: #666;} ul#featured_nav_interior li a:hover span {color: #71aeda !important;} ul#featured_nav_interior li a:visited {color: #1F6183; text-decoration: none;} /* sub navigation */ /*div#left-column ul#sub_navigation {float: left; width: 120px; padding: 13px 20px 20px 0; background: white; margin: 0 20px 0 0; list-style: none !important; position: relative; left: -58px; top: 0; margin-right: -40px; background: white url(../images/ctlp-bg-sub_navigation.gif) repeat-y -2px 0; border-right: 2px solid #90c1db; border-bottom: 2px solid #6fafde; border-left: none; margin-top: -24px; clear: left;}*/ div#left-column ul#sub_navigation {float: right; width: 150px; padding: 5px 20px 10px 0; background: white; margin: 0 20px 0 0; list-style: none !important; position: relative; right: -58px; top: 0; margin-right: -20px; background: white url(../images/ctlp-bg-sub_navigation2.gif) repeat-y 102% 0; border-left: 2px solid #90c1db; border-bottom: 2px solid #6fafde; margin-top: -20px; clear: left;} div#left-column ul#sub_navigation li {list-style: none; padding-top: 7px; padding-left: 20px; font-size: 13px; font-weight: bold; line-height: normal; padding-left: 15px;} div#left-column ul#sub_navigation li a {color: #1F6183; border-bottom: 1px dashed #999; padding-bottom: 7px; display: block; text-decoration: none;} div#left-column ul#sub_navigation li a:hover {text-decoration: underline;} div#left-column ul#sub_navigation li ul, div#left-column ul#sub_navigation li ul li {padding: 0;} div#left-column ul#sub_navigation li ul li {margin-top: 7px; font-weight: normal; position: relative; width: 130px;} div#left-column ul#sub_navigation li span {position: absolute; display: block; top: 5px; left: 0; font-size: 21px; color: #c3c3c3; border: 1px solid white; line-height: 1px;} div#left-column ul#sub_navigation li span.highlighted-marker {color: #666;} div#left-column ul#sub_navigation li ul li a {color: #1F6183; border-bottom: none; padding-bottom: 0; display: block; position: relative; padding-left: 18px;} div#left-column ul#sub_navigation li ul li ul {padding: 0 0 7px 15px; margin-left: 1px; margin-top: 3px; margin-bottom: 6px; border-bottom: 1px dashed #999;} div#left-column ul#sub_navigation li ul li ul li {width: 122px; margin-top: 3px 0;} /* -------------------------- RIGHT COLUMN FEATURED -------------------------- */ /* featured images/slideshow */ div#featured-images {position: absolute; top: 0; right: 0; z-index: 9999; width: 280px; height: 180px; padding: 0 50px 0 20px; overflow: hidden; background: url(../images/ctlp-bg-featured_images.jpg) no-repeat;} div#featured-images div#wrap {width: 280px; height: 180px; position: absolute; top: 0; left: 20px;} div#featured-images img {position: absolute; top: 0; left: 25px;} /* featured content ie: about */ div#right-column {float: right; width: 320px; padding-right: 30px; overflow: hidden; margin-top: 50px;} div#right-column div#featured-content {width: 320px; background: url(../images/ctlp-bg-about.jpg) no-repeat; position: relative; z-index: 9999;} div#right-column div#featured-content p {font: 14px/22px Georgia, serif; color: #333;} div#right-column div#featured-content-bottom {width: 320px; height: 20px; display: block; background: url(../images/ctlp-about-bottom.jpg) no-repeat;} div#right-column div#featured-content div.introduction p {padding: 10px 25px 0;} /* featured quotes */ div#right-column blockquote, div#right-column blockquote p {background: #333; font: 24px/24px Georgia, serif; color: white;} div#right-column blockquote p {padding-bottom: 10px;} div#right-column blockquote p.person {font: 10px/normal Arial, sans-serif; font-weight: bold; color: #999;} div#right-column blockquote p.person span {text-transform: uppercase;} /* all purpose bucket */ div#right-column .bucket {margin: 0 10px 10px; padding: 15px 15px 5px;} /* -------------------------- LEFT COLUMN -------------------------- */ div#left-column {width: 510px; margin-left: 40px; overflow: visible; position: relative;} div#left-column .bucket {padding: 20px 20px 20px 20px; overflow: visible; width: auto;} div#left-column .bucket img {float: right; clear: left; border: 2px solid white; margin: 5px 0 20px 20px;} div#left-column .bucket div#summary img {float: none;} div#left-column p {padding-top: 10px;} /*div#left-column h1 {font-size: 15px; padding: 20px 0 10px; text-transform: uppercase; letter-spacing: 4px; font-weight: bold;}*/ div#left-column h1{padding-top: 15px;} div#left-column h3 a {color: white;} div#left-column h3 a:link, div#left-column h3 a:visited {text-decoration: none;} div#left-column h3 a:hover {text-decoration: underline;} div#left-column p.read_more {padding-top: 5px;} div#left-column p.read_more a {color: #9bcae3 !important; text-decoration: underline;} div#left-column div#featured-news-title {padding-bottom: 0;} div#left-column div#featured-news-title img {float: none; border: none; margin: 0;} hr {display: block; width: 100%; height: 1px; overflow: hidden; border: none; border-top: 1px dashed #333; margin: 0; margin-top: 10px;} div#news-events hr {margin-bottom: 10px;} div#left-column div#news-events h3 {padding-top: 0;} html#interior {background-position: 0 -40px;} html#interior div#left-column {width: 800px;} html#interior div#left-column div.bucket {width: auto;} html#interior div#left-column p {line-height: 24px; padding-top: 15px;} html#interior div#left-column a {text-decoration: underline;} html#interior div#left-column blockquote {border-top: 1px dashed #666; border-bottom: 1px dashed #666; margin: 30px 25px 10px 10px;} html#interior div#left-column blockquote p {padding: 10px; font-family: Georgia, serif; font-size: 15px; font-style: italic; color: #333; line-height: 28px; } div#left-column ul, div#left-column ol {list-style-position: outside; font: 14px/normal Arial, sans-serif; color: black; padding: 10px 30px;} div#left-column ul li, div#left-column ol li {padding-top: 5px; color: black; line-height: 21px; padding-bottom: 5px;} div#left-column ul li {list-style-type: square;} div#left-column ol li {list-style-type: decimal;} html#interior div#left-column div#summary {border-bottom: 1px solid white; padding-bottom: 10px;} html#interior div#left-column div#summary p {padding: 20px 0 15px; font-size: 18px;} div#left-column .bucket div#summary img {margin: 0;} html#interior div#header {margin-bottom: 0; height: 120px;} html#interior div#content-top {top: 0;} /*body#interior ul#navigation {width: 780px;}*/ div#entry_tools {padding: 10px 20px 10px; background: #333 url(../images/ctlp-bg-entry_tools.gif); color: #888; font: 12px/normal Arial, sans-serif; text-align: right; widows: 900px; overflow: hidden; height: 18px;} div#entry_tools a {color: #ccc; margin: 0 2px;} div#entry_tools form {margin-top: -2px; font-size: 13px;} div#entry_tools a#logout {color: #d49425 !important;} div#entry_tools a#edit_this {color: #97b74a !important;} table {font-family: Arial, sans-serif; font-size: 14px; margin-top: 30px; border: 3px solid #2E91C4; border-right-width: 2px; width: 80%; line-height: normal;} table td, table th {padding: 7px; border-right: 1px solid #2E91C4; text-align: center; vertical-align: middle;} table th {font-weight: bold; background: white;} table th span {font-size: 12px; font-weight: normal;} table td {border-bottom: 1px dashed white;} /* -------------------------- CUSTOM -------------------------- */ div#blog_style {background: #4993bb !important;} body#blog_style h1 {text-transform: none; letter-spacing: normal; color: #333; font-size: 20px; padding: 0 0 0; width: 600px;} body#blog_style div#left-column h1 a {text-decoration: none; color: #333} body#blog_style div#left-column h1 a:hover {text-decoration: underline; color: #333} body#blog_style div#left-column div#summary p {font-size: 14px; padding: 5px 0 0; color: #444;} div.entry_date {width: 30px; padding: 5px 7px 3px 5px; float: left; color: white; font-family: Arial, sans-serif; text-align: center; margin: 3px 10px 0 -52px; border-right: 1px dashed #5292bb;} div.entry_date span {display: block;} div.entry_date span.month {text-transform: uppercase; letter-spacing: 1px; color: #319bd2; font-weight: bold; font-size: 12px;} div.entry_date span.day_number {color: #bae4f6; font-size: 24px;} div.entry_date span.year {font-size: 12px; font-weight: bold; color: #618498;} body#blog_style div#left-column p.read_more a {color: #247199 !important;} body#blog_style_entry div#left-column div#summary {padding-bottom: 0;} body#blog_style div#left-column div.bucket {width: 600px;} form input.text, form textarea {padding: 7px 5px; border: 2px solid #70afde; color: #333; font-size: 16px; font-family: Arial, sans-serif; width: 350px;} form textarea {height: 200px;} form#freeform {width: 360px; margin-right: 40px; float: left;} form img {float: none !important; margin: 0 !important;} div#news-events h3 {font-size: 17px;} div#news-events p {font-size: 14px; line-height: 21px; padding-top: 7px;} a#next-page {float: right;} a#next-page, a#previous-page {font: 16px/normal Arial, sans-serif; color: #618498;} div#featured-content div.introduction form {padding: 10px; margin: 15px 25px 5px; background: #766827; font-family: Arial, sans-serif; font-size: 13px; color: #333; text-align: center;} div#featured-content div.introduction form label {color: white;} div#featured-content div.introduction form input#keywords, div#featured-content div.introduction form input.submit {font-size: 14px; font-family: Arial, sans-serif; color: #666; padding: 2px;} div#featured-content div.introduction form input#keywords {color: #247199;} /*form input.submit {border: 1px solid #333; background: white; color: #333; padding: 5px; font: 14px/14px Arial, sans-serif; font-weight: bold;}*/ form input.submit {font: 14px/14px Arial, sans-serif; color: #247199; cursor: pointer;}