/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } #showhideother { visibility: hidden; display: inline !important; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 20px 0; padding: 0; } /* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /*Popup*/ .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/styles/main/fancybox_overlay.png'); } .fancybox-opened .fancybox-skin{border: 17px solid rgba(0, 0, 0, 0.6); border-radius: 12px; padding-bottom:0!important;} .fancybox-close{top:-31px!important; right:-31px!important;} #popup_fundraising{text-align:center; padding-bottom:15px;} #popup_fundraising h3{font-size: 27px; margin-bottom: 10px;} #popup_fundraising p{width:90%; display:block; margin:0 auto;} #popup_fundraising div{width:80%; margin:0 auto; background-color:#fd4e4e; border:none;} #popup_fundraising a{display:inline-block;} #popup_fundraising .support{margin-top:30px;} #popup_fundraising .support a{background-color: #fd4e4e; color: #fff; border: none; padding:15px 0; width:100%;} #popup_fundraising .support a:hover{background-color:#ff3333;} #popup_fundraising .btn-no{margin-top:30px; margin-bottom:0px; color:#1d4d7d;} #popup_fundraising .btn-no:hover{color:#666;} body {font-family: Helvetica; color: #242424; position:relative; font-size:14px; padding-bottom: 45px;} body a {color:#444c72; text-decoration:none;} body a:hover {color:#F48955;} .mt_8 { margin-top: 8px; } .content p a, .content li a { border-bottom: 1px dotted; font-weight: bold; } .content p a:visited, .content li a:visited {color:#806bb2;} .content p a:hover, .content li a:hover {color:#F48955;} .content p a.more { border-bottom: none; } .content p a.more:visited {color:#444c72;} .content p a.more:hover {color:#F48955;} #main {padding-bottom: 30px;} .container .grid_12 { width: 100%!important; } .calendar-view { position: absolute; top: -53px; left: 140px; width:300px; } .calendar-view .btn.listviewblk { float:left; height: 20px; padding: 3px 5px 3px 5px; margin-right:4px; width: 95px; } .calendar-view .btn.calviewblk { float:left; height: 20px; padding: 3px 5px 3px 5px; margin-right:4px; width: 95px; } .calendar-view .btn-on { display: block; height: 20px; padding: 5px 5px 15px 5px; background: url(/styles/main/images/layout/bubble.png) no-repeat; float: left; width: 95px; margin-right:4px; } .columns { -webkit-column-count:2; /* Chrome, Safari, Opera */ -moz-column-count:2; /* Firefox */ column-count:2 } .columns p {margin-top:0;} a.download {font-weight:bold; font-size: 12px;} .box.lightyellow {height:auto;} .landing-box {background-color: #b7d4e2; height: 220px; position:relative;} .general_info .landing-box {min-height: 350px; height: auto;} .general_info .grid_4:nth-child(3n+0) {clear:left;} .general_info .landing-box .inner {padding:15px; position:relative; min-height: 281px;} .general_info .landing-box .inner .over {display:none; position:absolute; left:0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); } .general_info .landing-box .inner.hover .over {display:block;} .general_info .landing-box .inner .over .download {position:absolute; width: 100px; height: 100px; left: 50%; top: 70px; margin-left: -62px; background: rgba(0,0,0,0.6) url('/img/ico-download.png') no-repeat center bottom 15px; color: #fff; text-align: center; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 18px; line-height: 22px;border: 2px solid rgba(0,0,0,0.6); cursor:pointer;} .general_info .landing-box .inner .over .download a {color: #fff;} .general_info .landing-box .inner .over .download:hover {border: 2px solid #f48955;} .general_info .landing-box .inner .over .file {display:block; position:absolute; bottom: 0; width: 100%; text-align: center; color :#fff; background-color: rgba(0,0,0,0.6); padding: 15px 10px 30px; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid rgba(0,0,0,0.6);} .general_info .landing-box .inner .over .file:hover {border: 2px solid #f48955;} .general_info .landing-box img {width: 100%;} .box.odd {background-color: #fdc54e;} .box h3 {background-color: #1d4d7d; color: #fff;} .box .inner {padding: 20px 10px;} .box a.more {position:absolute; bottom: 10px; right:10px;} .box.calendar, .box.events {height:auto;} .box.calendar a.more, .box.events a.more {position:static;} .content-colorbox {} .content-colorbox .incolorbox {display:none;} .colorbox-destinate .ingrid {display:none;} .colorbox-destinate .event {padding: 5px 50px; clear:both; position:relative;} .colorbox-destinate .event .col1 {width: 100px; float:left;} .colorbox-destinate .event a.event_link {width:280px; float:left; display:block;} .box-header {background-color: #1d4d7d; color: #fff; padding: 5px 50px; margin-bottom: 20px;} .box-header .col1 {width: 100px; float:left;} h2 {font-size: 22px; color: #00274E;} h3 {font-size:21px; margin-top:15px;} .post h3 {font-size: 16px; color: #1D4D7D;} h4 {color: #1d4d7d;} h3.filelist {font-size:16px;} .wrap {width: 980px; margin: 0 auto;} .container {} .row {clear:both;} .right {float:right;} .txtright {text-align:right;} .block {display:block;} .fix {position:fixed;} .btn {border : 1px solid #333; display:inline-block;background-color: #fff; padding: 4px 10px;} #calnext.btn, #calback.btn, #calmiddle {position:absolute;} #calnext.btn {right: 0;} #calback.btn {left: 0;} #calmiddle {left: 16%; top:0;} #calendar_nav {position:relative; margin-bottom:20px;} ul.legend {position:absolute; top:-60px; right:0; list-style:none;} ul.legend li {float:left; margin-left: 20px;} span.point {width: 8px; height: 8px; display:inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right:5px; } .event span.point {position: absolute; left: 3px; top: 8px;} .events span.point, .c_780 span.point {background-color: #fd4e4e;} .meetings span.point, .c_182 span.point, .c_181 span.point, .c_180 span.point, .c_179 span.point, .c_177 span.point {background-color: #fdc54e;} .classes span.point, .c_178 span.point, .c_176 span.point, .c_175 span.point, .c_174 span.point, .c_173 span.point, .c_172 span.point, .c_1 span.point {background-color: #1d4d7d;} #map {width: 100% !important;} .post .date, .byline {color: #1d4d7d;} #bg-top, #bg-bottom {height: 550px; width: 100%; position:absolute; z-index: -1;} #bg-top {top: 0;} #bg-bottom {bottom: 0;} .border-right-yellow {border-right: 1px solid #fcce6a;} .top15 {margin-top: 15px} .bottom15 {margin-bottom: 15px;} .pad {padding:13px;} .lightblue {background-color: #d4e5ee; color:#242424;} .lightblue2 {background-color: #b7d4e2;} .softblue {background-color: #c4d5ea;} .brightmagenta {background-color: #fd4e4e;} .mediumblue {background-color: #bccde8;} .darkblue {background-color: #1d4d7d; color:#fff;} .darkblue2 {background-color: #00274e; color:#fff;} .yellow {background-color: #fdc54e;} .mediumyellow {background-color: #fcce6a;} .txtyellow {color: #fcce6a;} .lightyellow {background-color: #fddc95;} .red {background-color: #fd894e; color: #fff;} .white {background-color: #fff;} .gradient {background: url(/styles/img/bg-content.jpg) #fff repeat-x left bottom;} .topred {border-top: 6px solid #fd894e;} .totop {display: block; text-align: center; padding: 20px; color: #d4e5ee; font-size: 18px;} .shad {-webkit-box-shadow: 0 0 10px 0 #666; box-shadow: 0 0 10px 0 #999;} .border {border: solid 1px #B7D4E2;} hr {clear:both; border:none;} hr.strong {height: 6px;} hr.dotted {background-image: url(/styles/img/bg-dotted.png); background-color: transparent;} input[type="text"] {border: 1px solid #242424; background-color: #fff; padding: 4px;} input[type="submit"] {background-color: #1d4d7d; color: #fff; padding: 4px 5px; border: 1px solid #242424;} input:hover[type="submit"] {background-color: #00274e;} #logo {position:relative; left: -35px;} .titlebar {padding: 5px 0 1px;} nav {clear:both; position:relative;} nav ul {margin:0; padding:0;} nav ul li {float:left;} nav ul li a {font-weight: bold; padding: 15px 19px; display: inline-block;} nav.no_over ul li a {padding:15px 23px 15px 22px;} nav ul li .subnav {position:absolute; left:0; } nav#top ul li a {color: #00274e;} nav.main ul li a {color: #1d4d7d; font-size: 16px; font-family: Helvetica;} nav.main ul li a.brightmagenta {color: #ffffff;} /*nav.main ul li.right a {padding: 15px 88px 15px 10px;}*/ /*nav.main ul li.right a {width: 176px;}*/ nav ul li.active.right a.close{right: 4px;} a.close {display:none;} nav ul li.active {position:relative;} nav ul li.active a.close {position: absolute; right: 4px; display: block; padding: 0; top: 14px;} .subnav {background-color: #5d5d5d; color: #fff; padding: 20px 0; z-index: 1000; display:none; -webkit-box-shadow:inset 0 0 15px 0 #000; box-shadow:inset 0 0 15px 0 #000;} .subnav.active {display:block;} nav.main ul li .subnav a, .subnav a {color: #fff; display:block; padding: 10px;} nav.main ul li .subnav a:hover, .subnav a:hover {color: #fdc54e;} .subnav h2 {font-size: 13px;} nav ul li.active > a {background-color: #5D5D5D; color: #fff;} nav ul li:hover > a {background-color: #1D4D7D; color: #fff;} nav ul li:hover > a.brightmagenta {background-color: #FF3029; color: #fff;} nav#top li.right:hover > a.brightmagenta {background-color: #FF3029; color: #fff;} nav ul li:hover .subnav {display: block;} nav.no_over ul li:hover .subnav {display: none;} nav#top {} nav#top ul {} nav#top ul li {font-size:12px;} nav#top ul li a {} nav#top ul li:hover > a {background-color: transparent; color: #1d4d7d;} .social {display: inline-block; padding-bottom: 4px; vertical-align: middle; margin-right: 2px;} .social ul {list-style:none; margin:0; padding:0;} .social ul li {float:left; /* margin-left: 5px; */list-style-image:none !important; /*width: 16% */} .social.vertical ul li {margin-bottom: 5px;} .social ul li a { display: block; width: 35px; margin-right: 5px; height: 32px; background-repeat: no-repeat; background-position: center top; border:none; } .social ul li a:hover {background-position: center -42px;} .social.small ul li a:hover {background-position: center -34px;} .social.vertical {width: 40px; margin-top: 30px;} .content ul {} .content ul li {list-style-image : url(/styles/img/bullet.png);} .container .grid_9.slideshow {margin-right:0; width: 716px;} .container .grid_3.nomargin.nav-slider {width:266px;} .nav-slider .content {margin-top: 10px; position:relative;} .nav-slider ul {list-style:none; margin:0; padding:0;} .nav-slider ul li {list-style-image:none;} .nav-slider ul li a {display: block; padding: 8px 13px 8px 40px; font-size: 14px; font-weight: bold; font-family: "Helvetica Neue"; border-bottom: none; } .nav-slider ul li a:hover {background-color: #b7d4e2; color: #fff;} .nav-slider ul li a:visited {color: #444c72;} .nav-slider ul li.cycle-pager-active a {background-color: #fd894e; color: #fff;} .search {margin-top: 12px;} .search input[type="text"] {width: 344px;} .box {margin: 15px 0;} .box h2 {margin: 0; padding: 5px 13px;} .box h3 {padding: 10px; margin:0; font-size: 14px;} .box h4 {padding: 10px 10px 0; margin:0; font-size: 14px;} .box .text {padding: 10px;} .box .text p {margin: 0 0 10px;} .box .text img {margin-bottom:10px;} .box ul {list-style:none; margin:0; padding:0;} .box.lightyellow ul {padding:10px 0 10px 21px !important;} .box ul li {} .box.lightyellow ul li {list-style-image: url(/styles/img/bullet.png); margin-bottom: 5px;} .box ul li a {} .box.highlight {height:128px; position:relative; text-align:center;} .block {display:block; padding: 5px; /* margin: 5px 0; */} .block.highlight {margin-top: 10px;} .cal-top .grid_1 { width: 15%!important; } .cal-top .grid_1:last-child { float: right; } .cal-top .grid_5 { width: 30%!important; text-align: center; } .cal-top .grid_10 { width: 70%!important; } .cal-top h1, .cal-top h2, .cal-top h3, .cal-top h4, .cal-top h5 { margin-top: 0; } .cal-top .pager { margin-top: 10px; } .calendar {margin-bottom: 30px; background: white;} .calendar table {} .calendar table tr {} .calendar table tr th, .calendar table tr td {width: 14%;} .calendar {width: 100%; border-spacing: 5px; border-collapse: separate;} .calendar tr {} .calendar tr th, .calendar table tr td {width: 14%;} .calendar.smallcal tr th, .calendar.smallcal table tr td {text-align:center;} .calendar tr th {background-color: #fddc95; font-weight: normal; text-align: left; font-size: 12px;} .calendar tr td {background-color: #d4e5ee; height: 150px; vertical-align:top;} .calendar.smallcal tr td {height:auto;} .calendar tr td.out_of_range {background-color: #fddc95; padding: 2px 5px;} .calendar a.num, .calendar .legend .ondate {background-color: #1d4d7d; color: #fff; text-decoration: none; display:block; padding: 2px 5px;} .calendar a.num:hover {background-color: #00274e; } .calendar .legend .ondate {width: 20px; height: 15px; float:left; margin: 0 6px;} .calendar .legend {color: #00274e; margin-bottom: 8px;} .calendar .odd a.num {background-color: #1d4d7d; color: #000;} .calendar .day_no_event a.num {background-color: #b7d4e2;} .calendar.smallcal .onDate {float:left; margin: 6px 5px; font-weight: bold; color: #1d4d7d;} .calendar.smallcal #calendar_nav {float:right; width: 115px; margin-bottom: 10px;} .calendar.smallcal .btn {border:none; font-weight:bold;} .calendar.smallcal .calnext {position:static; color: #1d4d7d;} .calendar.smallcal .calback {position:static; color: #1d4d7d;} .calendar.smallcal table.calendar {margin-bottom: 15px;} .calendar .event {position:relative; padding: 2px 5px 2px 15px;} p.time {margin: 0;} .calendar .more, .events .more {padding: 4px 13px;} .more {font-weight:bold; font-size:14px;} .more.arrow {background: url(/styles/img/more.png) no-repeat right center; padding-right: 18px; margin: 4px; border-bottom: none;} .list_view #calmiddle { text-align: center; font-size: bold; } .cycle-slideshow img { width: 716px; } .events {} .events .event {clear:both;} .events .event .date2 {text-align: center; text-transform: uppercase; font-weight: bold;} .events .event .date {width: 35px; text-align: center; text-transform: uppercase; font-weight: bold; float:left; margin-right: 13px;} .events .event .date .month {} .events .event .date .day {padding: 5px 0 13px 0;} .events .event .infos {width: 270px; float:left;} .events .event h4 {margin:0; padding:0 0 5px 0; width: 475px;} .date_month {text-align: center; font-weight: bold; font-size: 20px; color: #444c72;} .container .grid_3.sidebar {width: 235px; margin-right:0;} .day_cell a.event_link {font-weight:bold;} .day_cell .col1 {min-width: 40px; display:inline-block;} header {height: 155px;} footer {padding: 35px 0;} footer a:hover {color: #fdc54e;} footer a.noclick:hover {color: #b7d4e2; cursor: default;} footer .lightblue a {color: #444c72;} footer .lightblue a:hover {color: #6f84b2;} footer .box {margin-top:0;} footer .box.expend {padding-bottom: 60px; position: relative; top: -35px; padding-top: 37px;} .logofooter {margin-top: 35px;} footer .parent {color: #b7d4e2; font-size: 16px; font-weight:bold; text-decoration:none; padding: 5px 15px; display:block;} footer .lightblue .parent, footer .yellow .parent {color: #00274e;} footer .child {list-style:none; margin:0; padding: 0; padding: 0 15px;} footer .footsubhead {color: #b7d4e2;} footer .lightblue .footsubhead {color: #00274e;} footer .child li {margin: 4px 0;} footer a {color: #fff; font-size: 14px; font-family: "Helvetica Neue"; text-decoration:none;} footer .lightblue a {color: #00274e;} footer .social {margin-top:35px;} .language select {display:block; width: 100%;} .slideshow-prev, .slideshow-next {display: none;} .addthis-smartlayers {display:none !important;} #todate select { background-color: #fff; border: 1px solid #333; height: 25px; } /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } /* ============================================================================= Less than 480px ========================================================================== */ @media only screen and (max-width: 479px) { .nav-slider {display:none;} .events .event .infos { width: 185px;} } @media only screen and (max-width: 995px) and (min-width: 768px) { .events .event .infos {width: 200px;} .container .grid_3.nomargin.nav-slider {width: 200px;} .container .grid_3.sidebar {width: 184px;} .search input[type="text"] {width: 293px;} nav ul li a {padding: 15px 14px;} nav.no_over ul li a {padding: 15px 28px 15px 17px;} .nav-slider ul li a {padding: 8px 13px 8px 20px;} .nav-slider ul li a {font-size: 12px; padding-top:5px; padding-bottom: 5px;} .container .grid_9.slideshow {width: 560px;} .search input[type="text"] { width: 249px; } nav ul li a { padding: 15px 8px; } .social ul li {width: 28px;} .ebilling {display:none;} } .desktop {display:block;} .mobile {display:none;} @media only screen and (max-width: 767px) { .addthis-smartlayers {display:block !important;} .desktop {display:none;} .mobile {display:block;} .desktophome {display:none;} #home .desktophome {display:block;} .container .grid_3.sidebar {width: 416px;} #logo {width: 280px; left:-22px;} .container .grid_3.nomargin.nav-slider {width: 456px;} footer {padding-top:0;} footer.container .grid_3 {width: 456px; padding-left:0; padding-right:0;} header {height:90px; position:relative;} .search {margin-top:0; padding: 20px 0;} .search form {padding-left: 20px;} .search input[type="text"] {width: 340px;} .nav-footer a.parent {padding: 20px;} .boxinfo .text, .boxinfo a.more {} .container .boxinfo .grid_3 {width:196px; padding: 0 0 0 20px;} .boxinfo .box {margin: 8px 0;} .boxinfo .mobile {display:inline-block;} .sidebar .box img {display:none;} .social {margin-left: 131px; margin-top: 25px;} hr {margin:0;} .logofooter {margin: 60px auto 40px; width: 189px;} a.parent {background: url(/styles/img/more-lightblue.png) no-repeat right center;} .lightblue a.parent {background: url(/styles/img/more-darkblue.png) no-repeat right center;} .yellow a.parent {background:none;} .bt-search {background-image: url(/styles/img/bt-search.png); background-size: cover; width: 60px; height: 60px; position: absolute; right: 65px; top: 10px;} .bt-nav {background-image: url(/styles/img/bt-nav.png); background-size: cover; width: 60px; height: 60px; position: absolute; right: 0; top: 10px;} .totop {background: url(/styles/img/totop.png) no-repeat left center, url(/styles/img/totop.png) no-repeat right center; border-bottom: 1px solid; border-top: 1px solid;} .language { padding: 0 20px; margin: 50px 0 30px 0} .language .parent {padding:0 0 5px 0;} .nav-slider ul {width: 9999px; position: relative;} .nav-slider ul li {float: left; width: 416px; text-align: center; padding: 0 20px} .nav-slider ul li a {padding: 0; margin: 0; font-size: 16px;} .nav-slider ul li a:hover, .nav-slider ul li.cycle-pager-active a {background-color: inherit; color: #444c72;} .slideshow-prev, .slideshow-next { width: 20px; height: 20px; position: absolute; display: block;top: 3px; background: no-repeat; cursor: pointer;} .slideshow-prev {left: 10px; background-image: url(/styles/img/less.png);} .slideshow-next {right: 0; background-image: url(/styles/img/more.png);} footer .box.expend {top:0; padding-top:5px; padding-bottom: 5px;} .container .grid_9.slideshow {width: 416px;} footer .child {margin-bottom: 20px;} footer .child li {margin:0 0 1px 0;} footer .child a {padding: 10px 5px; display:block; background-color: #1d4d7d; color:#fff;} } @media only screen and (max-width: 479px) { .container .grid_3.sidebar {width: 260px;} .search input[type="text"] {width: 180px;} .social {margin-left: 51px;} header {height: 120px;} .bt-search, .bt-nav {top: 60px;} .container .content .boxinfo .grid_3 {width: 260px;} .slideshow .cycle-slideshow {width: 260px;} .container .grid_3.nomargin.nav-slider {width: 300px;} footer.container .grid_3 {width: 300px;} .nav-slider ul li {width: 260px;} .container .grid_9.slideshow {width: 260px;} } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== 50th Anniversary Video. ========================================================================== */ .LMvideo-container { position:relative; padding-bottom:56.25%; /*padding-top:30px;*/ height:0; overflow:hidden; } .LMvideo-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .LMyoutubevideowrap { width: 100%; max-width: 996px; margin: 0 auto; } span#fiftieth { width: 40px; height: 35px; display: block; float: left; margin-top:-5px; background-image: url(/images/5othanniv.png); background-position-x: 0; background-position-y: 0; background-repeat: no-repeat; background-size: 40px; } a:hover span#fiftieth { background-position-y: -35px; } h4.desktop a:hover { color: #00274e; } .hilite { background-color: #fddc95; } /* ========================================================================== PRINT STYLES ========================================================================== */ @media print { footer.container, header.container, div.sidebar, nav.main, .titlebar, .social, div.desktophome {display:none;} #main { padding: none; } .topred { border: none; } .content { position: absolute; left: 0px; top: 0px; } @page { margin: 2cm 1cm 3cm 1cm; } } /* ========================================================================== MAILCHIMP ARCHIVE STYLES ========================================================================== */ .display_archive .campaign { margin: 25px 0; font-weight: bold; } .display_archive .campaign a{ font-weight: normal !important; border-bottom: 1px dotted; } /* ========================================================================== EMPLOYMENT SECTION STYLES ========================================================================== */ .em-navbar { margin-top:-15px !important; padding:15px 0 35px 0; } .em_hilite { background-color: #1d4d7d; } .em_hilite h4 {color:#FFF;} .em_homeicon {padding-top:25px;} .em_featurepic { height: 168px; overflow: hidden; } .em_box { height: auto !important; } @media only screen and (min-width: 768px) { div.em_featurebox {width: 48%;} div.min-hgt {min-height: 800px;} } @media only screen and (max-width: 767px) { div.em_featurebox {width: 100%;} } /* ========================================================================== Transparency Button ========================================================================== */ .transp_btn { display: block; box-sizing: border-box; margin: .25em 0 .25em 2em; padding: .8em 2.1em .6em; border-radius: 10em; white-space: nowrap; text-align: center; line-height: 1; font-size: 1.6rem; letter-spacing: .02em; transition: 2s; background-color: #FCCC06 !important; border-color: #FCCC06 !important; color: #000000 !important; padding: 0.8em 1.2em !important; } .transp_btn:hover { background-color: #F4C764 !important; color: #1d4d7d !important; }