body { font-family: "etica-display"; color: #636566; font-size: 1.45em; line-height: 1.3em; letter-spacing: 0px; } .container { max-width: 945px; width: 100%; } /*inherited styles */ /* #f4f4f4; */ /* Need Help */ /* Feedback */ /* Living Life */ .LowerContent p img.fullimage { width: 100%; } img.fullimage { width: 100%; } .boldtext { font-weight: 700; font-family: "lft-etica"; } .fontfaceUpper { text-transform: uppercase; } .border-right { border-right: 1px solid white; } /* Text style */ h1 { font-weight: 400; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; margin: 0 0 20px 0; width: 98%; padding: 20px; color: #005596; font-size: 170%; font-family: "lft-etica"; letter-spacing: 0; } h2 { font-weight: 400; margin-top: 20px; margin-bottom: 10px; } #header h1 { text-indent: -999px; font-size: 1px; margin: 0; line-height: 1px; border-top: none; border-bottom: none; padding: 0; background: white; } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } h2, .h2 { font-size: 80%; margin-top: 10px; color: #005596; } #header h2 { font-size: 80%; margin: 0px; color: #005596; font-weight: 700; font-family: "lft-etica"; letter-spacing: 0; } #header h3 { font-size: 190%; letter-spacing: 0px; margin: 0px; color: #005596; font-weight: 700; font-family: "lft-etica"; } #header h3 a { color: #005596; text-decoration: none; } .Content h2 { color: #005596; border-top: 1px solid #f4f4f4; padding: 10px 25px 10px 0; margin: 0; line-height: 130%; width: 95%; } .LowerContent h2 { font-family: "lft-etica"; font-weight: 700; color: #646567; text-transform: none; font-size: 155%; } h2 span { font-size: 14px; } .LowerContent h3 { font-weight: 300; font-size: 130%; width: 90%; font-family: "lft-etica"; } h3, .h3 { font-size: 100%; color: #004c92; width: 95%; } .homepanels h3.section3 { color: #e05e13; } .homenewsdiv p strong { color: #e05e13; font-size: 100%; font-family: "etica-display"; font-weight: bold; } .homenewsdiv p { font-size: 95%; } ol li { margin-bottom: 10px; } .subnavcolumn h3 { display: inline-block; background: #646567; font-weight: 700; font-family: "lft-etica"; color: white; margin: 0 0 10px 0; padding: 10px; font-size: 90%; } .subnavcolumn h3 { width: 100%; } h4, .h4 { font-size: 100%; color: #005596; font-family: "lft-etica"; } #footer h4 { font-size: 86%; } h4.small { font-size: 12px; color: #01485a; font-weight: bold; margin-top: 2em; } .NoPadding li { width: 90%; line-height: 120%; color: black; font-family: "lft-etica"; } p { line-height: 125%; font-family: "lft-etica"; } .intropadding { padding: 60px 20px 40px 30px; line-height: 120%; font-size: 120%; min-height: 174px; font-family: "etica-display"; } a.button { border: 1px solid #204e74; width: 80%; margin: 0 auto; display: block; text-align: center; padding: 5px; margin-bottom: 10px; color: white; } /* Form Styles */ /* Header */ #header { padding: 20px 0 10px 0; overflow: hidden; } .searchbox { text-align: right; } .searchForm { float: left; top: 55px; width: 100%; margin-left: 20px; position: relative; } input { border: 1px solid #f4f4f4; color: #f4f4f4; font-size: 65%; padding: 11px; color: #005596; font-style: italic; font-family: "lft-etica"; float: left; height: 39px; } .home .searchForm input { width: 76%; } .home .searchForm input.submit { height: 39px; width: 36px; } input.submit { height: 39px; width: 36px; font-size: 1px; border: 1px solid #f4f4f4; background: #f4f4f4 url(/img/searchbutton.png) no-repeat; cursor: pointer; text-indent: -999%; border: none; margin: 0; } .openingDiv { text-align: left; float: left; margin-right: 0px; font-size: 14px; border-left: 1px solid #f4f4f4; padding-left: 20px; margin-left: -40px; } p.opening { width: 100%; float: left; font-weight: 700; font-family: "lft-etica"; margin: 0 0 3px 0; line-height: 13px; color: #444440; } p.times { width: 100%; float: left; color: #005596; font-size: 11px; margin: 0; line-height: 13px; font-family: "lft-etica"; } /* Nav */ #topnav { margin-bottom: 50px; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -30px; top: 40px; } blockquote { font-size: 100%; font-style: italic; width: 100%; margin: 0.25em 0; position: relative; color: white; text-indent: 35px; border-left: none; } blockquote:after { display: block; content: "\201D"; font-size: 80px; position: relative; left: 70%; top: 0px; } .subnavcolumn .graphicpanelbox-text p { color: white; font-size: 12px; display: block; margin-top: -25px; clear: left; position: relative; padding-left: 20px; width: 100%; } blockquote cite:before { content: "\2014 \2009"; } ul li { color: black; } .headhelp { margin-left: -20px; margin-top: 18px; } .openingDiv { margin-top: 20px; } .btn-group { vertical-align: none; left: 0px; float: left; } .btn { display: inline-block; padding: 10px 20px 0 10px; margin-bottom: 0; font-size: 70%; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: nowrap; cursor: pointer; background-image: none; border: none; border-radius: 0px; color: white; float: left; height: 45px; } /* Page Structure */ .row { margin-right: 0; margin-left: 0; position: relative; } .home .row { margin-right: 0; margin-left: 0; margin-top: 0px; position: relative; overflow: hidden; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .container { padding-left: 0; padding-right: 0; } .verticalcenter { text-align: center; vertical-align: center; margin: 0 auto; margin-top: 70px; padding: 0 30%; font-size: 180%; color: white; } .margin { margin-right: 0px; } .padding { padding: 20px; } .NoPadding { padding: 0; } .LeftPadding { padding: 0 0 0 20px; } .NoToppadding { padding: 0 20px; padding-top: 0px; } .NoLeftpadding { padding: 20px 20px 20px 0px; padding-left: 0px; } .Content p { width: 85%; line-height: 120%; color: black; font-size: 90%; font-family: "lft-etica"; } .LowerContent p { width: 95%; line-height: 120%; color: black; font-family: "lft-etica"; clear: both; } img.partnerImage { width: 30%; margin-right: 3%; height: auto; } .subnavcolumn p { color: #646567; font-size: 100%; padding: 10px; font-family: "lft-etica"; } /* Homepage panels */ .toppanel { background: #005596; color: white; margin-bottom: 20px; } .toppanel .borderleft { border-left: 1px solid #1e69a3; } .bottompanel { background: #3a7d38; color: white; } .bottompanel .borderleft { border-left: 1px solid #468443; } .toppanel .buttons div, .bottompanel .buttons div { text-align: center; padding: 20px 0; } .toppanel .buttons div:nth-child(odd) { background: #02badc; } .toppanel .buttons div:nth-child(even) { background: #1ac2df; } .bottompanel .buttons div:nth-child(odd) { background: #6ea42a; } .bottompanel .buttons div:nth-child(even) { background: #7dad3f; } .bottompanel .buttons p, .toppanel .buttons p { padding: 0px 0; margin: 0 auto; width: 45%; line-height: 110%; min-height: 63px; } .bottompanel .buttons img, .toppanel .buttons img { width: 32%; margin: 10px auto 15px auto; } .toppanel .buttons div a, .bottompanel .buttons div a { font-weight: 500; margin: 5px 0; color: white; width: 100%; float: left; clear: both; font-size: 92%; letter-spacing: 1px; line-height: 1em; } .carousel-indicators { bottom: 0; } .carousel-indicators ul { margin-bottom: 7px; } .homepanels h3 { color: #005596; font-weight: bold; font-size: 100%; border-top: 1px solid #f4f4f4; line-height: 220%; border-bottom: 1px solid #f4f4f4; } .carousel { background: #eeeeee; } .carousel-caption { text-shadow: none; color: #636566; text-align: left; font-family: "lft-etica"; padding: 0 20px 30px 20px; } .carousel-caption p { font-size: 12px; height: 50px; overflow: hidden; } .carousel-caption h3 { text-shadow: none; color: #005596; font-size: 120%; font-family: "etica-display"; font-weight: bold; } .carousel-indicators { bottom: 0; } .carousel-indicators ul { margin-bottom: 7px; } .carousel-indicators li { width: 10px; height: 10px; background-color: #b0c4cf; border: none; margin-top: 1px; } .carousel-indicators .active { width: 10px; height: 10px; border: none; border-top: none; margin: 1px; } .sidepromo { width: 100%; position: relative; float: left; overflow: hidden; margin-bottom: 20px; color: white; padding-bottom: 10px; } .sidepromo div { position: relative; z-index: 11; top: 5px; left: 5px; min-height: 70px; } .sidepromo div h3 { font-weight: 700; font-family: "lft-etica"; color: white; position: relative; font-size: 110%; width: 60%; z-index: 10; margin: 0; } .sidepromo div a { font-weight: 700; font-family: "lft-etica"; position: absolute; color: white; bottom: 0px; font-size: 65%; text-decoration: underline; } .sidepromo img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; margin-bottom: 10px; } .subnavcolumn h3 { width: 100%; } .home .sidepromo { width: 100%; position: relative; float: left; overflow: hidden; margin-bottom: 17px; color: white; padding-bottom: 0px; } .home .sidepromo div { position: relative; z-index: 11; top: 20px; left: 20px; min-height: 130px; } .home .sidepromo div h3 { font-weight: 700; font-family: "lft-etica"; color: white; position: relative; font-size: 180%; width: 50%; z-index: 10; margin: 0; } .home .sidepromo div a { font-weight: 700; font-family: "lft-etica"; position: absolute; color: white; bottom: 25px; font-size: 120%; text-decoration: underline; } .home .sidepromo img { width: 100%; height: auto; position: absolute; top: 0px; left: 0px; margin-bottom: 20px; } .homefooterpanels div { padding-left: 15px; padding-top: 0px; } .homefooterpanels div:first-child { padding-top: 0px; padding-left: 0px; } .homefooterpanels div:nth-child(3) { padding-right: 20px; } .homefooterpanels div p a { color: #a35ab5; font-weight: 700; font-family: "lft-etica"; float: left; width: 100%; margin-bottom: 5px; text-decoration: underline; } .homefooterpanels div .homenewsdiv { float: left; padding-left: 0px; min-height: 140px; border-bottom: 1px solid #f2f2f2; margin-right: 0; width: 48%; margin-right: 20px; margin-bottom: 10px; } .homefooterpanels div .homenewsdiv:nth-child(odd) { margin-right: 0%; } .homefooterpanels h3 { width: 97%; margin-top: 0px; margin-bottom: 15px; } .newsabstract .date { padding: 10px; color: #e05e13; min-height: 200px; background: #eeeeee; margin-right: 20px; } .newsabstract .date a { color: #e05e13; } .newsabstract h2, .newsabstract h2 a { margin-top: 0px; color: #e05e13; font-weight: 100; } .newsabstract img { margin-bottom: 10px; width: 100%; height: auto; } .newsabstract { font-size: 80%; font-family: "lft-etica"; margin-bottom: 10px; } .homenewsdiv img { float: left; margin-right: 10px; width: 46%; height: auto; } .homenewsdiv strong { font-size: 85%; margin-bottom: 5px; width: 100%; float: left; } .allnews { background: #eeeeee url(/img/allnews.png) no-repeat; background-position: right; margin-top: 60px; width: 48%; } .homefooterpanels div.allnews a { color: #e05e13; padding: 10px 20px; text-decoration: none; font-weight: 100; float: left; } .homefooterpanels p { width: 90%; } .homefooterpanels div .homenewsdiv:nth-child(3) { padding-right: 0px; } .homenewsdiv p { float: left; width: auto; width: 50%; font-size: 85%; } .homenewsdiv p strong { font-size: 1.3em; margin-top: -10px; } .homenewsdiv p a { float: left; width: 100%; color: #a35ab5; font-weight: 700; font-family: "lft-etica"; font-size: 76%; margin-top: 10px; text-decoration: underline; } .breadcrumb { padding: 0px; margin-bottom: 10px; list-style: none; background-color: white; border-radius: 0px; color: #636466; font-size: 13px; } .breadcrumb a { color: #636466; } .breadcrumb a.current { text-decoration: underline; } .section1 h1 { background: #005596; color: white; } .section2 h1 { background: #3a7d38; color: white; } .section3 h1 { background: #eb49af; color: white; } .section4 h1 { background: #e05e13; color: white; margin-top: 20px; } .section5 h1 { background: #a35ab4; color: white; } .section6 h1 { background: #02badc; color: white; } .section7 h1 { background: #94c11e; color: white; } .subnavcolumn ul, .subnavcolumn li a { background: #eeeeee; list-style-type: none; margin: 0; padding: 0; } .subnavcolumn li a { float: left; color: #636466; font-weight: 600; font-size: 100%; text-decoration: none; padding: 15px 10px; margin-bottom: 10px; width: 100%; } .section1 .subnavcolumn li a:hover { background: #005596; color: white; } .section1 .subnavcolumn li a.active { background: #005596; color: white; } .section2 .subnavcolumn li a:hover { background: #3a7d38; color: white; } .section2 .subnavcolumn li a.active { background: #3a7d38; color: white; } .section3 .subnavcolumn li a:hover { background: #eb49af; color: white; } .section3 .subnavcolumn li a.active { background: #eb49af; color: white; } .section4 .subnavcolumn li a:hover { background: #e05e13; color: white; } .section4 .subnavcolumn li a.active { background: #e05e13; color: white; } .section5 .subnavcolumn li a:hover { background: #a35ab4; color: white; } .section5 .subnavcolumn li a.active { background: #a35ab4; color: white; } .section6 .subnavcolumn li a:hover { background: #02badc; color: white; } .section6 .subnavcolumn li a.active { background: #02badc; color: white; } .section7 .subnavcolumn li a:hover { background: #94c11e; color: white; } .bstop { width: 75%; max-width: 409px; height: auto; display: inline-block; } /* Accordion */ .panel-default { border: none; font-family: "etica-display"; } .panel-group .panel { margin-bottom: 0; border-radius: 0px; } .panel { background: #f6f6f6; float: left; width: 100%; } .panel-default > .panel-heading { background-color: #02badc; color: white; border: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } .panel-body { padding: 0; } .panel-body p.divide:nth-child(2) { border-bottom: none; } .panel-body p.divide { border-top: 1px solid white; border-bottom: 1px solid white; float: left; width: 100%; margin: 0; } .panel-body p.divide strong { text-decoration: underline; line-height: 150%; } .additionallinks a { background: #005596 url(/img/additionalbg.png) 0 100px; margin-bottom: 10px; padding: 0 0 0 10px; line-height: 220%; float: left; width: 90%; color: white; background-repeat: no-repeat; background-position: right; } .contentNavBlock { width: 95%; margin-bottom: 20px; float: left; } .contentNavBlock div { color: white; float: left; cursor: pointer; width: 44%; margin-bottom: 0px; } .contentNavBlock div:nth-child(odd) { margin-right: 20px; } .contentNavBlock h3 { background: #eeeeee; text-align: center; position: relative; vertical-align: center; font-size: 75%; padding: 16px 0; min-height: 75px; width: 100%; margin-bottom: 0; } .LowerContent .contentNavBlock h3 { width: 100%; font-size: 110%; color: #636466; } .section1 .LowerContent .contentNavBlock h3:hover { background: #005596; color: white; } .section2 .LowerContent .contentNavBlock h3:hover { background: #3a7d38; color: white; } .section3 .LowerContent .contentNavBlock h3:hover { background: #eb49af; color: white; } .section4 .LowerContent .contentNavBlock h3:hover { background: #e05e13; color: white; } .section5 .LowerContent .contentNavBlock h3:hover { background: #a35ab4; color: white; } .section6 .LowerContent .contentNavBlock h3:hover { background: #02badc; color: white; } .section7 .LowerContent .contentNavBlock h3:hover { background: #94c11e; color: white; } .section1 .LowerContent p a { color: #005596; font-weight: bold; } .section2 .LowerContent p a, .section2 .LowerContent h3 a { color: #3a7d38; font-weight: bold; } .section3 .LowerContent p a { color: #eb49af; font-weight: bold; } .section4 .LowerContent p a { color: #e05e13; font-weight: bold; } .section5 .LowerContent p a { color: #a35ab4; font-weight: bold; } .section6 .LowerContent p a { color: #02badc; font-weight: bold; } .section7 .LowerContent p a { color: #94c11e; font-weight: bold; } .section1 .LowerContent .intropara li { color: #005596; } .section2 .LowerContent .intropara li { color: #3a7d38; } .section3 .LowerContent .intropara li { color: #eb49af; } .section4 .LowerContent .intropara li { color: #e05e13; } .section5 .LowerContent .intropara li { color: #a35ab4; } .section1 .LowerContent li a { color: #005596; font-weight: bold; } .section2 .LowerContent li a { color: #3a7d38; font-weight: bold; } .section3 .LowerContent li a { color: #eb49af; font-weight: bold; } .section4 .LowerContent li a { color: #e05e13; font-weight: bold; } .section5 .LowerContent li a { color: #a35ab4; font-weight: bold; } .section6 .LowerContent li a { color: #02badc; font-weight: bold; } .section7 .LowerContent li a { color: #94c11e; font-weight: bold; } .section1 .LowerContent h3 { color: #005596; } .section2 .LowerContent h3 { color: #3a7d38; } .section3 .LowerContent h3 { color: #eb49af; } .section4 .LowerContent h3 { color: #e05e13; } .section5 .LowerContent h3 { color: #a35ab4; } .section6 .LowerContent h3 { color: #02badc; } .section7 .LowerContent h3 { color: #94c11e; } .section1 .LowerContent .intropara { color: #005596; font-size: 140%; } .section2 .LowerContent .intropara { color: #3a7d38; font-size: 140%; } .section3 .LowerContent .intropara { color: #eb49af; font-size: 140%; } .section4 .LowerContent .intropara { color: #e05e13; font-size: 140%; } .section5 .LowerContent .intropara { color: #a35ab4; font-size: 140%; } .section6 .LowerContent .intropara { color: #02badc; font-size: 140%; } .section7 .LowerContent .intropara { color: #94c11e; font-size: 140%; } /* Footer */ #footer { background: #eeeeee; left: 0px; position: relative; } #footer .border-right { height: 200px; } #footer .wide div { border-right: 1px solid white; min-height: 200px; padding: 10px 10px 0 10px; } #footer .partners { border-top: 1px solid white; } #footer .partners img { width: 100%; height: auto; } #footer p { color: #666666; font-size: 65%; font-family: "lft-etica"; line-height: 140%; } #footer .padding { padding: 10px; } #footer a { color: #666666; text-decoration: underline; } .footercols div { padding: 10px 10px 0 10px; } @media (max-width: 550px) { .openingDiv { margin-top: 0px; border-left: none; } .allnews { width: 100%; } .widget { width: 100%; } .img { display: none; } .newsabstract .date { width: 30%; } .newsabstract .story { width: 60%; } .newsabstract { width: 100%; } .verticalcenter { font-size: 150%; } } /* media */ @media (max-width: 600px) { p, h1 { padding-left: 10px; } .home .sidepromo { margin-bottom: 0px; } .contentNavBlock { margin-left: 10px; } .navbar, #topnav { margin-bottom: 0px; } .widgetbox { width: 100%; margin-bottom: 0px; } .widget { width: 33%; } .openingDiv { margin-top: 0px; border-left: none; } .home .sidepromo img { min-height: 100px; } .nav li ul { width: 100%; } .btn, .btn:hover { font-size: 100%; color: black; padding: 0; } .homepanels h3 { margin-top: 0px; } .row { padding-left: 10px; } .container { width: 99%; } .subnavcolumn { width: 97%; } .smallwidget { width: 97%; } p { padding-left: 0px; } .home .row { width: 97%; } .allnews { margin-bottom: 10px; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0; margin-right: 0; } .item img { max-height: 150px; } .toppanel { margin-bottom: 0; } } @media (max-width: 780px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; width: 100% \9; max-width: 100%; height: auto; } .toppanel { margin-bottom: 0px; } .allnews { margin-bottom: 20px; margin-top: 0px; } .widgetbox { margin-bottom: 0px; } .intropadding { padding: 20px 15px; min-height: 140px; } .NoToppadding { padding: 0 0 10px 0; } } @media (max-width: 768px) { .breadcrumb { margin-top: 10px; } body { font-size: 1.5em; } .addmargin { margin-right: 20px; } .toppanel .buttons div, .bottompanel .buttons div { text-align: center; padding: 20px 0; min-height: 190px; } .toppanel, .bottompanel { margin-bottom: 10px; } .bottompanel .buttons p, .toppanel .buttons div p { width: 90%; min-height: 50px; } p.times { font-size: 11px; } #toppanel { margin-bottom: 0px; } .carousel-caption p { font-size: 100%; height: 90px; } .carousel-caption h3 { text-shadow: none; color: #005596; font-size: 115%; } .home .sidepromo div { min-height: 90px; top: 10px; left: 10px; font-size: 60%; } .homefooterpanels div { padding-left: 0px; } .subnavcolumn p { font-size: 95%; } #footer .border-right { height: 180px; border-bottom: 1px solid white; } .nav > li { padding-left: 10px; } .navbar-inverse .navbar-nav > li a { font-family: "lft-etica"; } .navbar-inverse { background: white; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #005596; font-family: "lft-etica"; background-color: white; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #005596; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #005596; } .navbar-inverse .navbar-toggle:hover .icon-bar { background-color: white; } .navbar-inverse .navbar-toggle:focus .icon-bar { background-color: white; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #005596; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #005596; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #005596; background-color: transparent; } .navbar { margin-bottom: 0px; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #636566; } #topnav { margin-bottom: 0px; } .navbar-inverse { border-color: #cccccc; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #005596; background-color: white; } .row { margin-bottom: 10px; } .verticalcenter { margin-top: 25px; padding: 0 10%; } } @media (min-width: 768px) { body { font-size: 1.5em; } .navbar { margin-bottom: 25px; } .addmargin { margin-right: 20px; } p.times { font-size: 11px; line-height: 16px; } .searchForm { top: 42px; } .toppanel, .bottompanel { margin-bottom: 25px; width: 66%; } .homeside { padding: 0; padding-left: 20px; } .home .sidepromo div { min-height: 80px; top: 10px; font-size: 70%; } .subnavcolumn p { font-size: 100%; } not-used.input { width: 65%; background-color: red; } .navbar-inverse { background: #eeeeee; } .home .searchForm input { width: 70%; } #header h3 { padding-left: 30%; } #header h2 { padding-left: 30%; } .navbar-inverse { border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f9f9f9; } .navbar-inverse .navbar-nav ul { margin: 0; padding: 0; } .navbar-inverse .navbar-nav { border-left: 1px solid #f4f4f4; width: 100%; } .navbar-inverse .navbar-nav li { border-right: 1px solid #f4f4f4; min-height: 40px; background: white; } .navbar-inverse .navbar-nav li a { padding: 5px 37px 5px 5px; font-size: 90%; line-height: 200%; font-family: "lft-etica"; } .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: white; } .navbar-inverse .navbar-nav > li.Howwecanhelp a { color: #005596; } .navbar-inverse .navbar-nav > li.InformationSupport a { color: #3a7d38; } .navbar-inverse .navbar-nav > li.AboutUs a { color: #eb49af; } .navbar-inverse .navbar-nav > li.News a { color: #e05e13; } .navbar-inverse .navbar-nav > li.Howwecanhelp { height: 40px; color: #005596; } .navbar-inverse .navbar-nav > li.Howwecanhelp:hover { background: #005596; color: white; } .navbar-inverse .navbar-nav > li.Howwecanhelp:hover a { color: white; } .navbar-inverse .navbar-nav > li.Howwecanhelp:hover a:hover { color: white; } .navbar-inverse .navbar-nav > li.InformationSupport { height: 40px; color: #3a7d38; } .navbar-inverse .navbar-nav > li.InformationSupport:hover { background: #3a7d38; color: white; } .navbar-inverse .navbar-nav > li.InformationSupport:hover a { color: white; } .navbar-inverse .navbar-nav > li.InformationSupport:hover a:hover { color: white; } .navbar-inverse .navbar-nav > li.AboutUs { height: 40px; color: #eb49af; } .navbar-inverse .navbar-nav > li.AboutUs:hover { background: #eb49af; color: white; } .navbar-inverse .navbar-nav > li.AboutUs:hover a { color: white; } .navbar-inverse .navbar-nav > li.AboutUs:hover a:hover { color: white; } .navbar-inverse .navbar-nav > li.News { height: 40px; color: #e05e13; } .navbar-inverse .navbar-nav > li.News:hover { background: #e05e13; color: white; } .navbar-inverse .navbar-nav > li.News:hover a { color: white; } .navbar-inverse .navbar-nav > li.News:hover a:hover { color: white; } .navbar-nav { margin: 0 0 0 0px; } .navbar-nav > li > a { font-size: 100%; } .navbar-header { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; } .navbar-inverse .navbar-nav > li { min-width: 20%; top: -1px; } .navbar-inverse .navbar-nav > li:first-child ul li .btn:nth-child(odd) { background: #02badc; } .navbar-inverse .navbar-nav > li:first-child ul li .btn:nth-child(even) { background: #1ac2df; } .navbar-inverse .navbar-nav > li:nth-child(2) ul li .btn:nth-child(odd) { background: #6ea42a; } .navbar-inverse .navbar-nav > li:nth-child(2) ul li .btn:nth-child(even) { background: #7dad3f; } .navbar-inverse .navbar-nav > li:nth-child(3) ul li .btn:nth-child(odd) { background: #eb5bb6; } .navbar-inverse .navbar-nav > li:nth-child(3) ul li .btn:nth-child(even) { background: #e887c4; } .navbar-inverse .navbar-nav > li:nth-child(4) ul li .btn:nth-child(odd) { background: #eb7836; } .navbar-inverse .navbar-nav > li:nth-child(4) ul li .btn:nth-child(even) { background: #f79d6a; } .navbar-inverse .navbar-nav > li:nth-child(3) ul { margin-left: -302px; } /* second level */ .nav li ul { display: none; position: absolute; top: 100%; float: left; width: 900px; margin: 0px 0 0 0; padding: 0; } .nav li ul li { float: left; } .nav li ul li:hover { float: left; background: white; } .nav li:hover ul { display: block; } .nav li:hover ul li { float: left; display: inline; } .NoToppadding { padding: 0 10px 0px 10px; } .row { margin-bottom: 10px; } .verticalcenter { padding: 0 10%; } .row { margin-bottom: 0px; } } @media (max-width: 400px) { .sidepromo { width: 100%; clear: left; } #header img { width: 80%; } .openingDiv { margin-left: -20px; } #topnav { margin-bottom: 0px; } .carousel { margin-top: 10px; } .homefooterpanels div .homenewsdiv p { width: 100%; } .homefooterpanels div .homenewsdiv:nth-child(even), .homefooterpanels div .homenewsdiv:nth-child(odd) { margin-right: 0%; width: 100%; background: white; } .homefooterpanels div .homenewsdiv img { width: 100%; height: auto; } .widget { width: 100%; } .homefooterpanels div .homenewsdiv img { width: 90%; margin: 0 auto 10px 10px; } .verticalcenter { font-size: 140%; padding: 35% 2%; } p.times { font-size: 10px; } .navbar-inverse .navbar-nav li a { padding: 0 5px; background: white; } .navbar-inverse .navbar-nav > li:first-child ul li .btn:nth-child(odd) { background: white; } #header h2, #header h3 { padding-left: 10px; } .openingDiv { margin-left: -30px; } .openingDiv { margin-top: 0px; border-left: none; } .allnews { width: 100%; } .footerlogo img { width: 40px; } .timeline li a { color: red; } .item img { max-height: 175px; } .toppanel { margin-bottom: 0; } .openingDiv { margin-top: 0px; } .headhelp { margin-top: 0px; } } @media (min-width: 767px) { .widgetbox { margin-bottom: 17px; } } @media (min-width: 960px) { body { font-size: 1.7em; } .navbar-inverse .navbar-nav > li:nth-child(3) ul { margin-left: 0px; } .addmargin { margin-right: 5px; } .searchForm { top: 53px; } .sidepromo div { min-height: auto; margin-bottom: 20px; } .home .sidepromo div { min-height: 103px; margin-bottom: 20px; } #header h2, #header h3 { padding-left: 25%; } #header h3 { padding-left: 7%; } #header h2 { padding-left: 7%; } .sidepromo div a { bottom: 0px; } .subnavcolumn p { font-size: 90%; } } #newssubnav { display: inline-block; width: 100%; margin: 0px; padding: 0px; border-top: solid 1px whitesmoke; border-bottom: solid 1px whitesmoke; } #newssubnav li { float: left; list-style: none; margin: 0px; padding: 8px 10px 6px 10px; border-left: solid 1px whitesmoke; } #newssubnav a { font-weight: bold; color: #e05e13; } .widgetbox-inner { padding: 0px; margin: 0px; display: inline-block; width: 100%; } .widgetbox-inner a { width: 100%; height: 100%; position: relative; display: inline-block; padding: 0px 20px 0px 20px; } .widgetbox-inner h3 { position: absolute; color: white; font-family: "lft-etica"; font-size: 140%; font-weight: 700; margin: 0; width: 50%; z-index: 10; padding-top: 20px; } .widgetbox-inner img { float: right; width: 37%; min-height: 85px; } .smallwidget h3 { font-size: 120%; } .graphicpanelbox { position: relative; display: inline-block; width: 100%; padding: 0px; margin-bottom: 20px; min-height: 100px; } .graphicpanelbox-inner { position: relative; display: inline-block; width: 100%; height: 100%; background-repeat: no-repeat; } .overlay { display: inline-block; } /* FURTHER INFORMATION STYLING */ .section1 .furtherinfobox { background: #ccdeeb !important; } .section2 .furtherinfobox { background: #dbedda !important; } .section3 .furtherinfobox { background: #f5d7ea !important; } .section4 .furtherinfobox { background: #ccdeeb !important; } .section5 .furtherinfobox { background: #d5b8db !important; } .section6 .furtherinfobox { background: #ccdeeb !important; } .section7 .furtherinfobox { background: #dbe3c5 !important; } .section1 .furtherinfobox-inner li, .section1 .furtherinfobox-inner ul { background: #ccdeeb !important; } .section2 .furtherinfobox-inner li, .section2 .furtherinfobox-inner ul { background: #dbedda !important; } .section3 .furtherinfobox-inner li, .section3 .furtherinfobox-inner ul { background: #f5d7ea !important; } .section4 .furtherinfobox-inner li, .section4 .furtherinfobox-inner ul { background: #ccdeeb !important; } .section5 .furtherinfobox-inner li, .section5 .furtherinfobox-inner ul { background: #d5b8db !important; } .section6 .furtherinfobox-inner li { background: #ccdeeb !important; } .section7 .furtherinfobox-inner li { background: #dbe3c5 !important; } .furtherinfobox-inner ul { font-size: 90%; list-style-type: disc; list-style-position: inside; margin-left: 20px; } .furtherinfobox-inner p { color: #3d3d3d; margin: 0em; padding-top: 0.5em; } .section1 .furtherinfobox a { background: #005596; } .section2 .furtherinfobox a { background: #3a7d38; } .section3 .furtherinfobox a { background: #eb49af; } .section4 .furtherinfobox a { background: #e05e13; } .section5 .furtherinfobox a { background: #a35ab4; } .section6 .furtherinfobox a { background: #02badc; } .section7 .furtherinfobox a { background: #94c11e; } .furtherinfobox-inner a { padding: 4px 6px; background: #7d7d7d; color: white; } .furtherinfobox li { clear: left; font-family: "lft-etica"; color: #3d3d3d; padding-right: 10px; list-style-position: outside; margin-left: 10px; } .section1 .furtherinfobox li a { background: none; font-weight: normal; text-decoration: underline; margin: 0; padding: 0; text-transform: none; color: #3d3d3d; } .section1 .furtherinfobox li a:hover { background: none; color: black; } .section2 .furtherinfobox li a { background: none; font-weight: normal; text-decoration: underline; margin: 0; padding: 0; text-transform: none; color: #3d3d3d; } .section2 .furtherinfobox li a:hover { background: none; color: black; } .section3 .furtherinfobox li a { background: none; font-weight: normal; text-decoration: underline; margin: 0; padding: 0; text-transform: none; color: #3d3d3d; } .section3 .furtherinfobox li a:hover { background: none; color: black; } h3.furtherinfo { font-size: 80%!important; } .furtherinfobox { position: relative; margin-bottom: 10px; font-size: 90%; background: #97c02f; overflow: hidden; } .furtherinfobox:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 16px 16px 0; /* This trick side-steps a webkit bug */ border-style: solid; border-color: white white #9e9e9e #9e9e9e; background: #f2f2f2; /* For when also applying a border-radius */ display: block; width: 0; /* Only for Firefox 3.0 damage limitation */ /* Optional: shadow */ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2); } .section1 .furtherinfobox:before { border-color: white white #005596 #005596 !important; } .section2 .furtherinfobox:before { border-color: white white #3a7d38 #3a7d38 !important; } .section3 .furtherinfobox:before { border-color: white white #eb49af #eb49af !important; } .section4 .furtherinfobox:before { border-color: white white #e05e13 #e05e13 !important; } .section5 .furtherinfobox:before { border-color: white white #a35ab4 #a35ab4 !important; } .section6 .furtherinfobox:before { border-color: white white #02badc #02badc !important; } .section7 .furtherinfobox:before { border-color: white white #94c11e #94c11e !important; } .bslbox1 { float: left; height: 90px; width: 90px; background: #02badc; } .bslbox2 { overflow: hidden; height: 90px; width: 60%; background: #333333; color: white !important; } .bslbox1 img { display: block; margin-left: auto; margin-right: auto; } @import '/css/FurtherInfoStyles.css'; @import '/css/MainContentStyles.css'; .LowerContent p.bsllink { width: 70%; margin: 0 auto; border-bottom: none; margin-bottom: 20px; } .bsllink a { margin: 0 auto; width: 70%; } .bsllink { margin: 0 auto; } .bsllink img { float: left; padding: 5px; background: #02badc; width: 60px!important; height: 60px!important; margin-right: 10px; } .bsllink span { display: block; height: 60px; width: 100%; padding: 20px 0px 0px 70px; color: white; font-size: 70%; font-family: "etica-display"; letter-spacing: 1px; background: #005596; } .bsllink a:hover span { text-decoration: none!important; } #video-holder { width: 100%; text-align: center; } #video { margin: 20px auto; } .section1 { color: #005596; } .section2 { color: #3a7d38; } .section3 { color: #eb49af; } .section4 { color: #e05e13; } .homepanels h3.section1 { color: #005596; } .homepanels h3.section2 { color: #3a7d38; } .homepanels h3.section3 { color: #eb49af; } .homepanels h3.section4 { color: #e05e13; } @media (max-width: 550px) { .NoToppadding { padding: 0 0 0px 0; } } @media (max-width: 991px) { #header h2, #header h3 { padding-left: 38%; } .bstop { display: none; } } @media (min-width: 960px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 255px; height: 255px; } .smallwidget { padding: 0; margin-left: 20px; } .subnavcolumn { padding: 0 0 0 10px; margin-top: 1px; } .widgetbox-inner img { float: right; width: auto; min-height: 120px; } .carousel-inner { height: 414px; overflow: hidden; } .verticalcenter { padding: 0 12%; margin-top: 70px; } .borderleft { min-height: 208px; } .carousel-inner { height: 414px; } .homefooterpanels div .homenewsdiv { width: 48%; height: 120px; } .carousel-caption p { height: 100px; } .homenewsdiv p { width: 50%; } } @media (max-width: 960px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 255px; height: 255px; } .widgetbox-inner img { float: right; width: auto; min-height: 120px; } .bstop { display: none; } .intropadding { height: 200px; } .carousel-inner { height: 414px; overflow: hidden; } } @media (max-width: 870px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 225px; height: 225px; } .widgetbox-inner img { float: right; width: auto; min-height: 120px; } .carousel-inner { height: 410px; overflow: hidden; } #header h2, #header h3 { padding-left: 33%; } } @media (max-width: 830px) { .carousel-inner { height: 405px; overflow: hidden; } .widgetbox-inner img { float: right; width: auto; min-height: 118px; } } @media (max-width: 820px) { .homenewsdiv img { width: 40%; } } @media (max-width: 800px) { #header h2, #header h3 { padding-left: 30%; } } @media (max-width: 780px) { #header h2, #header h3 { padding-left: 27%; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 185px; height: 185px; } .widgetbox-inner img { float: right; width: auto; min-height: 118px; } .verticalcenter { margin-top: 36px; } .intropadding { padding-top: 30px; } } @media (max-width: 770px) { .homenewsdiv img { width: 40%; } .homefooterpanels div .homenewsdiv { width: 46%; } #header h2, #header h3 { padding-left: 24%; } } @media (max-width: 768px) { #header h2, #header h3 { padding-left: 17%; } .headhelp, .searchbox { width: 50%; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 235px; height: 235px; } .carousel-inner { height: 400px; } .graphicpanelbox { display: none; } } @media (max-width: 767px) { .carousel-inner { height: 160px; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-height: 160px; height: 160px; } #header h2, #header h3 { padding-left: 0%; } } @media (max-width: 700px) { #header h2, #header h3 { padding-left: 0%; margin-left: -20px; } } @media (max-width: 630px) { #header h2, #header h3 { padding-left: 0%; margin-left: -40px; } } @media (max-width: 600px) { .widgetbox { margin-bottom: 10px; } #header h2, #header h3 { padding-left: 0%; margin-left: 0px; } .openingDiv { clear: left; margin-left: 0px; padding-left: 0; } .headhelp, .searchbox { width: 100%; margin-top: 0px; margin-left: 0px; padding-left: 0; } } @media (max-width: 550px) { .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { height: auto; } .widgetbox { margin-bottom: 10px; } .graphicpanelbox { display: none; } } .feedbackform-holder { margin-top: 50px; box-shadow: 0 0 10px gray; padding: 20px 15px 60px 15px; margin-bottom: 50px; } #feedbackform fieldset { border: none; } #feedbackform .question { clear: both; display: block; font-weight: bold; font-size: 1em; color: black; margin: 0px 0px 20px 0px; } #feedbackform .question-label { display: block; } #feedbackform p { font-weight: bold; font-size: 1.2em; color: black; margin: 0px 0px 20px 0px; } #feedbackform .submitbutton { font-weight: bold; font-size: 1.3em; padding: 5px 20px 5px 20px; } #feedbackform .ui-corner-all { border-radius: 0px; } #feedbackform .radio-buttons { clear: right; float: left; } #feedbackform .form-group { padding: 20px 0px 20px 0px; } #feedbackform .radio-buttons input, #importance-table input { width: 18px; height: 18px; } #feedbackform .radio-button-row { clear: both; display: block; } #feedbackform .rdo-label { margin: 2px 0px 0px 10px; float: left; font-size: 0.8em; color: #505050; } #feedbackform label.error { display: none; color: red; float: left; } /* #importancelist {clear:both;display:both;} #importancelist-label {list-style:none;padding:0px 0px 0px 20px;margin:0px;} #importancelist-label li {list-style:none;padding:0px 0px 0px 0px;margin:0px;} #importancelist-items {list-style:none;padding:0px 0px 0px 0px;margin:0px;} #importancelist-items li {list-style:none;padding:0px 0px 0px 10px;margin:0px;} #importancelist-label {float:left;} #importancelist-items {float:left;} #importancelist-items a {text-decoration:none;} #importancelist-items a:hover {font-weight:bold;font-size:1.5em;} */ #importance-table { width: 100%; margin-top: 25px; } #importance-table .label-col { width: 15em; } #importance-table .rank-col { width: 5em; } #importance-table th { padding-left: 4px; } #importance-tablex td label.error { display: none!important; } span.qlabel { float: left; } .signofdepression .grid-box { position: relative; height: 204px; margin: 0px 10px 10px 0px; overflow: hidden; } .signofdepression .grid-box a { display: block; width: 100%; height: 100%; text-align: center; text-decoration: none; } .signofdepression .grid-box div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center; display: table; padding: 0 6px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all 0.3s ease; } .signofdepression .grid-box .p1 { position: relative; bottom: 0px; } .signofdepression .grid-box .p1 p { position: absolute; bottom: 5px; } .signofdepression .grid-box .p2 { background-color: #3a7d38; width: 100%; height: 100%; padding: 15px; } .signofdepression .grid-box .p2 p { color: white; } /* .signofdepression .grid-box {position:relative;height:12em;margin:0px 10px 10px 0px;overflow: hidden;} .signofdepression .grid-box a {display:block;width:100%;height:100%;background-color:red;text-align:center;text-decoration:none;} */ .signofdepressionx .grid-box .p1 { position: absolute; width: 100%; height: 100%; padding: 9em 20px 20px 20px; background-position: center center; } .signofdepressionx .grid-box .p2 { display: none; background-color: #3a7d38; width: 100%; height: 100%; padding: 5em 20px 20px 20px; } .signofdepression .grid-box a:hover .p1 { display: none; } .signofdepression .grid-box a:hover .p2 { display: block; } .signofdepression h2.lime { background-color: #3a7d38; color: white; text-align: center; padding: 20px; font-weight: normal; width: 98%; } .signofdepression .physical-problems { background: url('/img/physical-appearance.png') no-repeat; } .signofdepression .negative-image { background: url('/img/negative-images.png') no-repeat; } .signofdepression .suicidal { background: url('/img/suicidal.png') no-repeat; } .signofdepression .reduced-concentration { background: url('/img/reduced-concentration.png') no-repeat; } .signofdepression .people-problems { background: url('/img/people-problems.png') no-repeat; } .signofdepression .change-in-appearance { background: url('/img/change-in-appearance.png') no-repeat; } .signofdepression .negative-feelings { background: url('/img/negative-feelings.png') no-repeat; } .signofdepression .reduced-activity { background: url('/img/reduced-activity.png') no-repeat; } .signofdepression .f2 { background-color: #3a7d38; color: white; } .signofdepression .tile-light { background-color: #e0e0e0; color: white; } .signofdepression .tile-dark { background-color: #c9c9c9; color: white; } .signofdepression .f2 p { color: white; } .timeline { background: url("/css/2pixel.png") repeat-x 0px 15px; display: block; height: 40px; list-style: none outside none; margin: 0px; padding: 0px; position: relative; width: 100%; } .timeline li { display: inline-block; left: 0; position: absolute; top: 7px; } .timeline .square { background: url("/img/square.png") no-repeat scroll 0 0 !important; color: #00b8da; display: inline-block; font-family: Webdings; font-size: 10px; height: 14px; text-indent: -5000px; width: 14px; } .timeline .square:hover, .timeline .square.start { background-color: #005595; background: url("/img/square-hover.png") !important; } .newslist-pager { padding: 20px 0px; } .newslist-pager a { background-color: whitesmoke; cursor: pointer; display: block; float: left; font-weight: bold; height: 32px; margin: 0 4px; padding: 5px; text-align: center; width: 32px; color: black; } a.jp-current { text-decoration: none; background-color: gainsboro; color: white; } a.jp-first { background: url("/img/backward32.png") no-repeat scroll 0 0 #f8f8f8; display: block; height: 32px; width: 32px; } a.jp-last { background: url("/img/forward32.png") no-repeat scroll 0 0 #f8f8f8; display: block; height: 32px; width: 32px; } a.jp-disabled { display: none; cursor: default; } a.jp-first:hover, a.jp-last:hover { text-decoration: none; } #video { width: 90%!important; } #video object, #video img { width: 100%; height: 200px; } .signofdepression .slideTextRight div:first-child { left: -100%; } .signofdepression .slideTextRight:hover div { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .signofdepression .slideTextUp div:nth-child(2) { top: 100%; } .signofdepression .slideTextUp:hover div { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .signofdepression .slideTextLeft div:nth-child(2) { left: 100%; } .signofdepression .slideTextLeft:hover div { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }