/* Info / Credits ------------------------------------------------------- This style sheet uses e10 screen.css. Changes all the file pathes from "structure/img" to "images". Website Width: 960px */ /* Font file imports, added 1/25/2017 */ @import "https://fonts.googleapis.com/css?family=Roboto"; /* Roboto */ @import "pilcrowsoft_medium_macroman/stylesheet.css"; /* Pilcrow */ /* Reset and Overall Declarations ------------------------------------------------------*/ html, body, div, span, applet, object, 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, headerbar, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;} .blockquote:before, .blockquote:after, q:before, q:after {content:'';content:none;} input {color:#888; font-size:11px; font:Roboto, arial;} ol, ul {list-style:none;} .blockquote, q {quotes:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse; border-spacing:0;} .clear {clear:both; font-size:1px; margin:0; padding:0; height:1px; overflow:hidden;} .left {float:left; display:inline; padding: 0 20px 10px 0;} .right {float:right; display:inline; padding: 0 0 10px 20px;} p {padding-bottom:15px;} /************************************************************************************************** ** 04/18/2011 Steve Antonow Per Communications team. ** Changed the default for links. ***************************************************************************************************/ /*a:hover {text-decoration:underline;}*/ a {text-decoration:underline; color:#000;} a:hover {background: #e5e4df; text-decoration:underline; border-bottom: none; color:#000;} /* Changed 10/7/2016 */ /* body {background:#e4e3d9 url("/images/lss-bg.gif") repeat-x; color: #635f54; font:12px/15px arial, sans-serif, verdana;} */ body {background:#f2f1ed; color: #635f54; font:14px/18px Roboto, arial, sans-serif, verdana;} h1, h2, h3, h4, h5, h6 {color:#000; font-weight: 100;} /* Structure ------------------------------------------------------*/ /* 05/01/2015 Steve Antonow Removed the gradient, per Communications Team. */ /*#container {width:960px; margin:10px auto; background:#fff url("/images/lss-main-bg.gif") repeat-x; border-left: 1px solid #e4e3d9; border-right: 1px solid #e4e3d9; border-bottom: 1px solid #e4e3d9;}*/ #container {width:960px; margin:auto; background:#fff; border-left: 1px solid #e4e3d9; border-right: 1px solid #e4e3d9; border-bottom: 1px solid #e4e3d9;} #pop_container {width:800px; margin:10px auto; background:#fff url("img/lss-main-bg.gif") repeat-x; border-left: 1px solid #e4e3d9; border-right: 1px solid #e4e3d9; border-bottom: 1px solid #e4e3d9;} #container-pad {padding: 0 50px;} h1#lss-logo {padding:30px 0 0 0;} /* 01/30/2015 Steve Antonow Temporarily changed logo for LSS' 150th anniversary */ /*h1#lss-logo a {width:378px; height:43px; overflow:hidden; position:relative; display:block; cursor:hand;}*/ /*h1#lss-logo a span {background: #fff url("/images/lss-logo.gif") no-repeat; width:100%; height:100%; position:absolute; top:0; left:0; display:block;}*/ h1#lss-logo a {width:250px; height:106px; overflow:hidden; position:relative; display:block; cursor:hand;} h1#lss-logo a span {background: #fff url("/images/lss-logo_2016.gif") no-repeat; width:100%; height:100%; position:absolute; top:0; left:0; display:block;} #lss-contactus {float:right; display:inline; margin:12px 20px 0 20px; color:#818171; font-size:12px;} #lss-contactus a {color:#635f54; text-decoration:none;} #lss-contactus a:hover {color:#635f54; text-decoration:underline;} #lss-contactus a.topmargin {margin-top:4px; display:inline-block;} /* Main Site Search */ #lss-search {float:right; display:inline; width:142px; margin-top:12px;} fieldset.lss-search {border: none; width: 142px;} .lss-search input, .lss-search button {border:none; float:left;} .lss-search input.box {color: #777; font-size:11px; width: 142px; height: 21px; background: url("/images/lss-search-box.gif") no-repeat; margin-right: 0px;} #lss-search-box {width:142px; height:21px; background: url("/images/lss-search-box.gif");} #lss-search-box #s {float:left; padding:0; margin:4px 0 0 5px; border:0; width:115px; background:none;} #lss-search-box #go {float:right; margin:4px 6px 0 0;} /* Nav */ #lss-nav {float:right; display:inline; padding:16px 0 15px 0; font-size:13px;} #lss-nav ul {margin-right:20px;} #lss-nav ul li {display:inline; border-right:1px solid #d4d3ca;} #lss-nav ul li.last {border-right:none;} #lss-nav ul li a {color:#635f54; text-decoration:none; padding:4px 8px 4px 8px;} #lss-nav ul li a.sub {padding-right:16px; background: url("/images/lss-nav-downarrow.gif") right 10px no-repeat;} #lss-nav a {display:block; padding:3px 10px;} #lss-nav li {float:left; display:inline;} #lss-nav li ul {position: absolute; width: 145px; left: -999em; font-size:11px; font-weight:bold;} #lss-nav li ul li, #lss-nav li.sfhover ul li {float:none; left:0; margin:0; border:none; padding:0;} #lss-nav li ul li a, #lss-nav li.sfhover ul li a {margin:0; display:block; padding:5px 10px; opacity:1.0;} #lss-nav li:hover {background: url("/images/lss-nav-bg.png"); background: rgba(227,227,219,.92); text-decoration:none;} #lss-nav li:hover ul, #lss-nav li.sfhover ul {left:auto; padding:0; margin:0; background: url("/images/lss-nav-bg.png"); background: rgba(227,227,219,.92); text-decoration:none;} #lss-nav li:hover ul li a:hover, #lss-nav li.sfhover ul li a:hover {background:#636055 url("/images/lss-nav-bg-hover.gif") repeat-x; color:#fff; margin:0; display:block; opacity:1.0; text-decoration:none;} #lss-nav li a.active {/* Changed, 10/7/2016 *//* color:#5f7e8f; */font-weight:bold;} /* Local Services Search */ #lss-localservices {float:right; display:inline; width:232px; margin-top:14px;} fieldset.lss-localservices {border: none; width: 232px;} .lss-localservices input, .lss-localservices button {border:none; float:left;} .lss-localservices input.box {color: #777; font-size:11px; width: 234px; height: 26px; background: url("/images/lss-findlocalservices.gif") no-repeat; margin-right: 0px;} #lss-localservices-box {width:232px; height:26px; background: url("/images/lss-findlocalservices.gif");} #lss-localservices-box #s {float:left; padding:0; margin:7px 0 0 117px; border:0; width:90px; background:none;} #lss-localservices-box #go {float:right; margin:6px 8px 0 0;} /* Footer */ #lss-bottom {clear:both; background:#fbfbf9; /* url("/images/lss-home-bottom-bg.gif") repeat-x */ padding:20px 50px;} /* Removed background gradient, 10/7/2016 */ #lss-footer {clear:both; text-align:center; font-size:11px; color:#000; line-height:14px;} #lss-footer a {text-decoration:none;} #lss-footer a:hover {text-decoration:underline;} #lss-footer ul li {display:inline; padding:0px 7px} #lss-footer ul li a {color:#000;} #lss-footer .aboutlss {font-size:9px;} #lss-footer .address {/* Changed, 10/7/2016 *//*color:#5a7f90;*/color:inherit;} /* Breadcrumbs */ #breadcrumbs {font-size:11px; color:#635f54; margin:0 0 7px 3px;} #breadcrumbs a {color:#635f54; text-decoration:none;} #breadcrumbs a:hover {text-decoration:underline;} /* Left Sidebar */ #sidebar-left {float:left; display:inline; /* background:#fff url("/images/lss-content-bg.gif") repeat-x; */ width:150px; margin:0 0 20px 0; padding-top:20px;} /* Removed background gradient, 10/7/2016 */ #sidebar-left .lss-social {margin-bottom:20px;} .sidebar-left-pad {padding:0 9px;} /* Right Sidebar */ #sidebar-right {float:right; display:inline; /* background:#fff url("/images/lss-content-bg.gif") repeat-x; */ width:150px; margin:0 0 20px 10px; padding-top:20px;} /* Removed background gradient, 10/7/2016 */ .sidebar-right-pad {padding:0 15px;} /* Main content */ #maincontent {float:right; display:inline; /* background:#fff url("/images/lss-content-bg.gif") repeat-x; */ margin-bottom:20px; padding:20px;} /* Removed background gradient, 10/7/2016 */ .onecol {width: 820px;} .twocol {width:660px;} .threecol {width:500px;} /* Homepage ------------------------------------------------------*/ /*#banner {clear:both; margin-bottom:10px; width:860px; height:240px; background:#fbfbf9 url("/images/home-banner.jpg") no-repeat; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #banner h2, #banner p, #banner a {color:#fff;} .banner-text {float:right; display:inline; margin:40px 20px 0 0; width:330px;} .banner-text h2 {padding-bottom:10px; font-size:21px;} .banner-text p {padding-bottom:7px;} .banner-text .action a {font-weight:bold; text-decoration:none; font-size:13px;} .banner-text .action a:hover {text-decoration:underline;}*/ #banner-wrap {clear:both; margin-bottom:10px; width:860px; height:240px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; position:relative; z-index: 0;} #banner {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #banner img {position:absolute; top:0; left:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:1;} #banner .slides {background:#eeefe8 url("/structure/img/ajax-loader.gif") 412px 104px no-repeat; overflow:hidden; position:absolute; height:240px; width:860px; display:block; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; z-index:0;} /************************************************************************************************** ** 03/24/2011 Steve Antonow Added padding-top:1px because the top of the letters was being cut off. #banner .slides .slide-text {z-index:2; width:330px; position:absolute; top:40px; right:35px; font-size:12px; text-align:left; text-shadow: #000000 1px 1px 15px;} ***************************************************************************************************/ #banner .slides .slide-text {z-index:2; padding-top:1px; width:330px; position:absolute; top:40px; right:35px; font-size:12px; text-align:left; text-shadow: #000000 1px 1px 15px;} #banner .slides .slide-text h2 {color:#fff; font-size:21px; margin-bottom:7px;} #banner .slides .slide-text h3 {color:#fff; font-size:15px; margin-bottom:9px;} #banner .slides .slide-text p {color:#fff; padding-bottom:10px;} #banner .slides .slide-text a {color:#fff; text-decoration:none; font-weight:bold;} /* 01/05/2015 Steve Antonow Changes, per Tom (ticket #61657) */ /*#banner .slides .slide-text a:hover {color:#fff; text-decoration:underline;}*/ #banner .slides .slide-text a:hover {color:#fff; text-decoration:none;} /* 09/22/2014 Steve Antonow Changed to remove link underline. This was needed after changes to XSLT to make entire slideshow image clickable. */ /* 01/05/2015 Steve Antonow Changes, per Tom (ticket #61657) */ /*#banner .slides a {color:#fff; text-decoration:none; font-weight:bold; cursor:hand;}*/ #banner .slides a {color:#fff; text-decoration:none; cursor:hand;} #banner .slides a:hover {color:#fff; text-decoration:none; cursor:hand;} #banner-nav {z-index:50; position:absolute; top:215px; right:15px; opacity:.85;} #banner-nav a {font-size:12px; color:#eeefe8; text-decoration:none; padding:1px;} #banner-nav a.activeSlide {color:#000; background:#fff; padding: 0 3px; margin:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #banner-nav a:focus { outline: none; } /************************************************************************ ** 03/15/2011 Steve Antonow Added css for custom slideshow *************************************************************************/ #banner-wrap-custom {clear:both; margin-bottom:10px; width:660px; height:240px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; position:relative;} #banner-custom {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #banner-custom img {position:absolute; top:0; left:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:1;} #banner-custom .slides {background:#eeefe8 url("/structure/img/ajax-loader.gif") 412px 104px no-repeat; overflow:hidden; position:absolute; height:240px; width:660px; display:block; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; z-index:0;} /************************************************************************************************** ** 03/24/2011 Steve Antonow Added padding-top:1px because the top of the letters was being cut off. #banner-custom .slides .slide-text {z-index:2; width:230px; position:absolute; top:40px; right:35px; font-size:12px; text-align:left; text-shadow: #000000 1px 1px 15px;} ***************************************************************************************************/ #banner-custom .slides .slide-text {z-index:2; padding-top:1px; width:230px; position:absolute; top:40px; right:35px; font-size:12px; text-align:left; text-shadow: #000000 1px 1px 15px;} #banner-custom .slides .slide-text h2 {color:#fff; font-size:21px; margin-bottom:7px;} #banner-custom .slides .slide-text h3 {color:#fff; font-size:15px; margin-bottom:9px;} #banner-custom .slides .slide-text p {color:#fff; padding-bottom:10px;} #banner-custom .slides .slide-text a {color:#fff; text-decoration:none; font-weight:bold;} #banner-custom .slides .slide-text a:hover {color:#fff; text-decoration:underline;} #banner-nav-custom {z-index:50; position:absolute; top:215px; right:15px; opacity:.85;} #banner-nav-custom a {font-size:12px; color:#eeefe8; text-decoration:none; padding:1px;} #banner-nav-custom a.activeSlide {color:#000; background:#fff; padding: 0 3px; margin:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #banner-nav-custom a:focus { outline: none; } #home-3callouts {line-height:14px;} #home-3callouts img {float:right; display:inline; margin:10px 10px 30px 7px; border:4px solid #fff;} #home-3callouts h3 {color:#fff; font-size:18px; margin:15px 10px 5px 15px;} /* 09/25/2014 Steve Antonow Changed color, per Communications Team. */ /*#home-3callouts p {color:#000; font-size:11px; margin:0 15px; padding-bottom:5px;}*/ #home-3callouts p {color:#fff; font-size:11px; margin:0 15px; padding-bottom:5px;} #home-3callouts .action {color:#fff; font-weight:bold;} #home-3callouts .action a {color:#fff; text-decoration:none;} #home-3callouts .action a:hover {color:#fff; text-decoration:underline;} /* 09/22/2014 Steve Antonow Changed to remove link underline. This was needed after changes to XSLT to make entire home page action image clickable. */ #home-3callouts a {color:#fff; text-decoration:none; cursor:hand;} #home-3callouts a:hover {color:#fff; text-decoration:none; cursor:hand;} /* 09/22/2014 Steve Antonow For standardization, added here, so could remove from microsite CSS. */ #home-3callouts .action_multiple {color:#fff; font-weight:bold;} #home-3callouts .action_multiple_initial {color:#fff; font-weight:bold; margin-left:15px;} #home-findhelp img {box-shadow: 0px 3px 4px #697244; -moz-box-shadow: 0px 3px 4px #697244; -webkit-box-shadow: 0px 3px 4px #697244;} #home-volunteer img {box-shadow: 0px 3px 4px #968c66; -moz-box-shadow: 0px 3px 4px #968c66; -webkit-box-shadow: 0px 3px 4px #968c66;} #home-give img {box-shadow: 0px 3px 4px #8d6144; -moz-box-shadow: 0px 3px 4px #8d6144; -webkit-box-shadow: 0px 3px 4px #8d6144;} #home-findhelp {float:left; display:inline; background: #9ba95f url("/images/lss-home-findhelp.gif") no-repeat; width:281px; height:125px; margin:0 8px 10px 0;} #home-volunteer {float:left; display:inline; background: #c8b76a url("/images/lss-home-volunteer.gif") no-repeat; width:281px; height:125px; margin-bottom:10px;} #home-give {float:right; display:inline; background: #cb743a url("/images/lss-home-give.gif") no-repeat; width:281px; height:125px; margin-bottom:10px;} /* New colors, added 10/7/2016 */ #home-newred {float:left; display:inline; background: #dd061a; width:281px; height:125px; margin:0 8px 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #home-newred img {} #home-newaqua {float:left; display:inline; background: #00acba; width:281px; height:125px; margin:0 8px 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #home-newaqua img {} #home-newteal {float:left; display:inline; background: #00b188; width:281px; height:125px; margin:0 8px 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #home-newteal img {} #home-newplum {float:left; display:inline; background: #83215f; width:281px; height:125px; margin:0 8px 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #home-newplum img {} #home-newdeepblue {float:left; display:inline; background: #093e52; width:281px; height:125px; margin:0 8px 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #home-newdeepblue img {} #home-newdarkgray {float:left; display:inline; background: #4a4f55; width:281px; height:125px; margin:0 8px 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #home-newdarkgray img {} #home-efcgreen {float:left; display:inline; background: #008d57; width:281px; height:125px; margin:0 8px 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #home-efcgreen img {} #home-fcblue {float:left; display:inline; background: #0071ce; width:281px; height:125px; margin:0 8px 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #home-fcblue img {} #lss-bottom .home-btm-left {float:left; display:inline; width:180px;} #lss-bottom .advocacy {float:right; display:inline; width:290px; height:115px; border:1px solid #bcbbb4; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:0 0 30px 10px; background: #e4e3d9; /* background:#fff url("/images/lss-home-bottom-item-bg.gif") repeat-x; */ padding:10px 15px; font-size:11px; line-height:15px;} /* Box shadow removed, 10/7/2016 */ #lss-bottom .advocacy p {padding-bottom: 7px;} #lss-bottom .advocacy img {float:right; display:inline; margin:0 0 10px 10px; border:4px solid #fff; /* box-shadow: 0px 3px 4px #777; -moz-box-shadow: 0px 3px 4px #777; -webkit-box-shadow: 0px 3px 4px #777; */} /* Box shadow removed, 10/7/2016 */ #lss-bottom .news {float:right; display:inline; width:290px; height:115px; border:1px solid #bcbbb4; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:0 0 30px 10px; background: #e4e3d9; /* background:#fff url("/images/lss-home-bottom-item-bg.gif") repeat-x; */ padding:10px 15px; font-size:11px; line-height:13px;} /* Box shadow removed, 10/7/2016 */ #lss-bottom .news ul {/* Changed, 10/7/2016 *//* color:#5a7f90; */color:#635f54;} #lss-bottom .news ul li {padding:0 0 4px 0;} #lss-bottom .news a, #lss-bottom .advocacy a {/* Changed, 10/7/2016 *//*color:#5a7f90;*/ color:#635f54; text-decoration:none;font-size: 11px;} /* 03/16/2016 Steve Antonow Commented following line for the 2nd row right box on home.aspx, originally for MS-Counseling. */ /*#lss-bottom .news a:hover, #lss-bottom .advocacy a:hover {text-decoration:underline;}*/ #lss-bottom .news h3, #lss-bottom .advocacy h3 {/* Changed, 10/7/2016 *//*color:#5a7f90;*/ color:#635f54; font-weight:bold; font-size:13px; padding-bottom:10px;} #lss-bottom .action a, .lsaction a {font-weight:bold; color:#635f54; font-size:11px; text-decoration:none;} #lss-bottom .misc {float: left; display: inline; width: 338px; margin: 0 0 30px 10px;} /* 09/22/2014 Steve Antonow Changed to remove link underline. This was needed after changes to XSLT to make entire image clickable. */ #lss-bottom .news a, #lss-bottom a .advocacy {/* Changed, 10/7/2016 *//*color:#5a7f90;*/ color:#635f54; text-decoration:none; cursor:hand; font-size: 11px;} #lss-bottom .news a:hover, #lss-bottom a:hover .advocacy {text-decoration:none; cursor:hand;} /* Widgets ------------------------------------------------------*/ /* Elected Officlal Lookup*/ .elected-lookup {font-size:11px; margin-bottom:15px;} .elected-lookup h4 {font-size:11px; font-weight:bold; padding-bottom:8px; color:#5f7e8f;} .elected-lookup a {text-decoration:none; color:#5f7e8f;} .elected-lookup a:hover {text-decoration:underline; color:#5f7e8f;} .elected-lookup p {clear:both; line-height:14px; padding-bottom:5px;} .elected-lookup input {margin-bottom:8px; border:1px solid #635f54; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:4px; width:65%; float:left; display:inline; font-size:9px;} .elected-lookup a.btn {padding:3px 6px; margin:0 0 0 4px; background:#5f7e8f; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; float:left; display:inline;} .elected-lookup a.btn:hover {padding:3px 6px; margin:0 0 0 4px; background:#536f7e; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; float:left; display:inline; text-decoration:none;} /* Sign up*/ .signup {font-size:11px; margin-bottom:15px;} .signup h4 {font-size:11px; /* Changed, 10/7/2016 *//* font-weight:bold; */ padding-bottom:8px; /* Changed, 10/7/2016 *//*color:#5f7e8f;*/color:#635f54;} .signup a {text-decoration:none; /* Changed, 10/7/2016 *//*color:#5f7e8f;*/ color:#635f54;} .signup a:hover {text-decoration:underline; background:#dfded6;/* Changed, 10/7/2016 *//*color:#5f7e8f;*/ color:#635f54;} .signup p {clear:both; line-height:14px; padding-bottom:5px;} .signup input {margin-bottom:8px; border:1px solid #635f54; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:4px; width:65%; float:left; display:inline; font-size:9px;} .signup a.btn {padding:3px 6px; margin:0 0 0 4px; background:#5f7e8f; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; float:left; display:inline;} .signup a.btn:hover {padding:3px 6px; margin:0 0 0 4px; background:#536f7e; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; float:left; display:inline; text-decoration:none;} /* Side Menu*/ .sidemenu {margin-bottom:40px; font-weight:normal;} .sidemenu ul li {line-height:14px; padding:6px 0;} .sidemenu ul li a {color:#635f54; text-decoration:none; font-size:13px;} /************************************************************************************************** ** 04/22/2011 Steve Antonow Changed to ensure that the entire link was underlined on hover ** even if the title was long enough to cause wrapping. ***************************************************************************************************/ /*.sidemenu ul li a:hover {text-decoration:underline;}*/ .sidemenu ul li a:hover {text-decoration:underline; display:block;} .sidemenu ul li ul {margin:2px 0 0 15px;} .sidemenu ul li ul li {padding: 3px 0;} /* 06/26/2013 Steve Antonow Changed, per Tom (ticket #37212) */ /*.sidemenu ul li ul li a {font-size:11px; line-height:10px;}*/ .sidemenu ul li ul li a {font-size:11px;} /* Side Address */ .sideaddress ul {padding:15px 0 15px 0; margin-bottom:15px; border-top: 1px dotted #d4d3ca; /*border-bottom: 1px dotted #d4d3ca;*/ font-size:11px;} /* Side News */ .sidenews {border:1px solid #bcbbb4; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:0 0 20px; background:#e4e3d9; /* Changed 10/7/2016 *//*#fff url("/images/lss-home-bottom-item-bg.gif") repeat-x;*/ padding:10px 15px; font-size:11px; line-height:13px;} .sidenews h4 {/* Changed, 10/7/2016 *//*color:#5f7e8f;*/ color:#635f54; margin-bottom:7px; font-size:11px; line-height:14px;} .sidenews .action a {font-weight:bold; color:#635f54;font-size:11px; text-decoration:none;} .sidenews .action a:hover {font-weight:bold; color:#635f54;font-size:11px; text-decoration:underline;} .sidenews img {margin:5px 0 10px 0; border:4px solid #fff; /* Removed 10/7/2016*//*box-shadow: 0px 3px 4px #aaa; -moz-box-shadow: 0px 3px 4px #aaa; -webkit-box-shadow: 0px 3px 4px #aaa; */} /* Side List */ .sidelist {border:1px solid #bcbbb4; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:0 0 20px; background:#fff url("/images/lss-home-bottom-item-bg.gif") repeat-x; padding:10px 15px; font-size:11px; line-height:13px;} .sidelist h4 {color:#5f7e8f; margin-bottom:7px; font-size:11px; line-height:14px;} .sidelist a {color:#000; text-decoration:none;} .sidelist a:hover {color:#000; text-decoration:underline;} .sidelist .action a {font-weight:bold; color:#5f7e8f; font-size:11px; text-decoration:none;} .sidelist img {margin:5px 0 10px 0; border:4px solid #fff; box-shadow: 0px 3px 4px #aaa; -moz-box-shadow: 0px 3px 4px #aaa; -webkit-box-shadow: 0px 3px 4px #aaa;} .sidelist ul {margin-bottom:10px;} .sidelist ul li {padding:0 0 5px 0;} /* Bubbles */ a#sidebar-right-bubble-green {clear:both; width:83px; height:33px; background: url("/images/lss-bubble-green.gif") no-repeat; display:block; padding:12px 0 0 10px; margin:0 0 7px 20px; color:#fff; font-weight:bold; text-decoration:none;} a#sidebar-right-bubble-yellow {clear:both; width:83px; height:32px; background: url("/images/lss-bubble-yellow.gif") no-repeat; display:block; padding:12px 0 0 10px; margin:0 0 7px 20px; color:#fff; font-weight:bold; text-decoration:none;} a#sidebar-right-bubble-orange {clear:both; width:83px; height:32px; background: url("/images/lss-bubble-orange.gif") no-repeat; display:block; padding:12px 0 0 10px; margin:0 0 7px 20px; color:#fff; font-weight:bold; text-decoration:none;} a#sidebar-right-bubble-blue {clear:both; width:83px; height:32px; background: url("/images/lss-bubble-blue.gif") no-repeat; display:block; padding:12px 0 0 10px; margin:0 0 7px 20px; color:#fff; font-weight:bold; text-decoration:none;} a#sidebar-right-bubble-green:hover, a#sidebar-right-bubble-yellow:hover, a#sidebar-right-bubble-orange:hover, a#sidebar-right-bubble-blue:hover {background-position:0 -45px; text-decoration:none;} /* Social Media Buttons */ /**************************************************************************************** * 08/05/2015 Steve Antonow Replaced social media images, for standardization reasons. ****************************************************************************************/ .lss-social {margin-bottom:5px; border:1px solid transparent;} .lss-social a.facebook {width:26px; height:26px; display:block; overflow:hidden; position:relative; color:#f9f9f6;} .lss-social a.facebook span {width:100%; height:100%; display:block; background: url("/images/facebook-26x26.gif") no-repeat; position:absolute; top:0; left:0; cursor:pointer;} .lss-social .facebook-wrap {float:left; display:inline; margin-right:10px;} .lss-social a.twitter {width:26px; height:26px; display:block; overflow:hidden; position:relative; color:#f9f9f6;} .lss-social a.twitter span {width:100%; height:100%; display:block; background: url("/images/twitter-26x26.gif") no-repeat; position:absolute; top:0; left:0; cursor:pointer;} .lss-social .twitter-wrap {float:left; display:inline; margin-right:10px;} .lss-social a.youtube {width:26px; height:26px; display:block; overflow:hidden; position:relative; color:#f9f9f6;} .lss-social a.youtube span {width:100%; height:100%; display:block; background: url("/images/youtube-26x26.gif") no-repeat; position:absolute; top:0; left:0; cursor:pointer;} .lss-social .youtube-wrap {display:inline;} .lss-social a.flickr {width:26px; height:26px; display:block; overflow:hidden; position:relative; color:#f9f9f6;} .lss-social a.flickr span {width:100%; height:100%; display:block; background: url("/images/flickr-26x26.gif") no-repeat; position:absolute; top:0; left:0; cursor:pointer;} .lss-social .flickr-wrap {display:inline;} .lss-social a.instagram {width:26px; height:31px; display:block; overflow:hidden; position:relative; color:#f9f9f6;} .lss-social a.instagram span {width:100%; height:100%; display:block; background: url("/images/instagram-26x26.gif") no-repeat; position:absolute; top:5px; left:0; cursor:pointer;} .lss-social .instagram-wrap {display:inline;} .lss-social a:hover {opacity: 0.85; filter: alpha(opacity=85); background: none;} /**************************************************************************************** * 08/03/2015 Steve Antonow Added for social media on LSSMN home page (main.master). ****************************************************************************************/ .lss-social-header {margin-left:8px; float:right;} .lss-social-header a.facebook {width:21px; height:21px; display:inline-block; color:#f9f9f6; padding:0 2px 0 0;} .lss-social-header a.facebook span {width:100%; height:100%; display:inline-block; background: url("/images/facebook-21x21.gif") no-repeat;} .lss-social-header a.twitter {width:21px; height:21px; display:inline-block; color:#f9f9f6; padding:0 2px 0 0;} .lss-social-header a.twitter span {width:100%; height:100%; display:inline-block; background: url("/images/twitter-21x21.gif") no-repeat;} .lss-social-header a.youtube {width:21px; height:21px; display:inline-block; color:#f9f9f6; padding:0 2px 0 0;} .lss-social-header a.youtube span {width:100%; height:100%; display:inline-block; background: url("/images/youtube-21x21.gif") no-repeat;} .lss-social-header a:hover {opacity: 0.85; filter: alpha(opacity=85); background: none;} /* Sections ------------------------------------------------------*/ #subpage-banner {clear:both; margin:0 0 6px 0; color:#fff; padding:0 15px 0 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #subpage-banner h2 {color:#fff; font-size:21px; padding:15px 0px;} #subpage-banner h2.findlocalservices-h2 {float:left; display:inline;} #subpage-banner .findlocalservices {float:left; display:inline; border-left: 1px solid #fff; margin:15px 0 0 15px; padding-left:15px;} #subpage-banner .findlocalservices form label {margin-right:5px;} #subpage-banner .findlocalservices form input {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px; font-size:9px; border:1px solid #fff; width:150px;} #subpage-banner .findlocalservices form a.btn {padding:2px 6px; margin:0 0 0 3px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; display:inline; text-decoration:none;} /* Type Styling ------------------------------------------------------*/ /* Headers */ #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 {margin-bottom:7px;} /* 04/19/2012 Steve Antonow Changed size of h1 from 22 to 18px, per Tracy, per SEO consultant.*/ /* 06/26/2013 Steve Antonow Changed, per Tom (ticket #37212) */ /*#maincontent h1 {font-size:18px; margin-bottom:7px;} #maincontent h2 {font-size:20px; margin-bottom:7px;} #maincontent h3 {font-size:18px; margin-bottom:7px;} #maincontent h4 {font-size:14px; margin-bottom:7px;} #maincontent h5 {font-size:13px; margin-bottom:7px;} #maincontent h6 {font-size:12px; margin-bottom:7px;}*/ #maincontent h1 {font-size:22px; margin-bottom:7px; line-height:1.3em;} #maincontent h2 {font-size:20px; margin-bottom:7px; line-height:1.3em;} #maincontent h3 {font-size:18px; margin-bottom:7px; line-height:1.35em;} #maincontent h4 {font-size:14px; margin-bottom:7px; line-height:1.4em;} #maincontent h5 {font-size:13px; margin-bottom:7px; line-height:1.4em;} #maincontent h6 {font-size:12px; margin-bottom:7px; line-height:1.4em;} #maincontent .headerbar {text-align:left; padding:7px; width: 98%; margin-bottom:5px; color:#FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} /* Lists */ #maincontent ul {margin-bottom:15px;padding-left:15px;} #maincontent ol {margin:0 0 15px 0; padding-left:15px;} #maincontent ul li {margin-bottom:3px; list-style-type:disc; list-style-position: outside; padding-left:5px;} #maincontent ol li {margin-bottom:3px; list-style-type:decimal; list-style-position: inside; padding-left:5px;} /* HR */ #maincontent hr {color:#d3d2ce; background:#d3d2ce; border:none; margin-bottom:15px;} /*Press Release Links*/ #maincontent .prlinks {float:right; text-align:right; width:250px; /* Increased size from 200px to 250px, 10/7/2016 */} /*Professional Bio Header*/ /* 05/01/2015 Steve Antonow Changed bio-header CSS, per Communications Team. */ /* .bio-header strong {font-weight:normal; color:#000;} .bio-header a.lss-btn {width:94px; float:right;} .bio-header p {padding-bottom:7px;} */ .bio-header a.lss-btn {width:94px; float:right;} /* Link Styling */ #maincontent a {text-decoration:underline; color:#000;} #maincontent a:hover {background: #e5e4df; text-decoration:underline; border-bottom: none; color:#000;} /* Blockquote */ #maincontent .blockquote {color:#000; background:#eeede8; padding:15px; margin: 0 20px 15px 20px; solid #d3d2ce; font-size:1.2em; line-height:1.2em; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #maincontent .blockquote span {display:block; text-align:right; color:#a19f96; font-size: .8em;} /* Pullout */ .pullout {width:40%; float:right; display:inline; padding:0 0 0 15px; margin:0 0 10px 15px; color:#000; font-size:14px; line-height:17px; border-left: 1px solid #e4e3d9;} /* Advance Search Layout */ #maincontent table.search{text-align:left; mid-width: 90%;margin-bottom:15px;font-size:10px;font-weight:bold;} #maincontent table.search a{text-decoration:none; } #maincontent table.search th {padding:5px 0px 2px 5px; font-size: 1.2em; font-weight:100;border:none;text-align:left;vertical-align:bottom;} #maincontent table.search td {padding:0px 0px 5px 0px; border-bottom: 1px solid #e5e4df; vertical-align:bottom; text-align:center; min-width:85px; } #maincontent table.search td.text {border-bottom: 1px solid #e5e4df; vertical-align:bottom; text-align:left; min-width:22px; } #maincontent table.search td.button{padding:0px 0px 5px 0px; border-bottom: 1px solid #e5e4df; vertical-align:middle; text-align:center; min-width:0px; } #maincontent table.search caption {text-align:left; padding:0px; margin-bottom:0px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #maincontent table.search input {margin: 0 5px 0px 5px; border:1px solid #635f54; height: 16px; width: 65px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:4px; display:inline; font-size:12px;} #maincontent table.search select {min-width: 85px; margin:0px 5px 0px 5px; border:1px solid #635f54;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:4px; display:inline; font-size:12px;} #maincontent table.search h4 {font-size:12px; font-weight:bold; padding-bottom:8px; color:#5f7e8f;} #maincontent table.search a:hover {text-decoration:underline; color:#5f7e8f;} #maincontent table.search p {clear:both; line-height:14px; padding-bottom:5px;} #maincontent table.search form select {background:#fff; border:none; color:#000; margin-left:5px; font-size:12px;} /*general content table*/ /************************************************************************************************** ** 03/14/2011 Steve Antonow Took out the text-align:left, so the users could control alignment. #maincontent table {text-align:left; margin-bottom:15px;} #maincontent table th {padding:5px 12px 5px 7px; font-size: 1.2em; font-weight:100; border-bottom: 1px solid #e5e4df; text-align:left;} #maincontent table td {padding:5px 12px 5px 8px; min-width:75px; border-bottom: 1px solid #e5e4df; vertical-align:top; text-align:left;} #maincontent table caption {text-align:left; padding:7px; margin-bottom:5px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} ***************************************************************************************************/ #maincontent table {margin-bottom:15px;} #maincontent table th {padding:5px 12px 5px 7px; font-size: 1.2em; font-weight:100; border-bottom: 1px solid #e5e4df;} #maincontent table td {padding:5px 12px 5px 8px; min-width:75px; border-bottom: 1px solid #e5e4df; vertical-align:top;} #maincontent table caption {padding:7px; margin-bottom:5px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} table caption form select {background:#fff; border:none; color:#000; margin-left:5px; font-size:12px;} /*indent Style*/ #maincontent .indented {padding-left: 30px;} /* Story Images */ .story-left {float:left; display:inline; margin:0 15px 10px 0; padding:4px; background:#fff; /* box-shadow: 0px 3px 4px #a19f96; -moz-box-shadow: 0px 3px 4px #a19f96; -webkit-box-shadow: 0px 3px 4px #a19f96; */ border: 1px solid #eeede8;} /* Box shadow removed, 10/7/2016 */ .story-right {float:right; display:inline; margin:0 0 10px 15px; /* box-shadow: 0px 3px 4px #a19f96; -moz-box-shadow: 0px 3px 4px #a19f96; -webkit-box-shadow: 0px 3px 4px #a19f96; border: 4px solid #fff; *//* Box shadow and border removed, 10/7/2016 */ padding:4px; background:#fff; border: 1px solid #eeede8;} /* Button */ #maincontent a.lss-btn,#maincontent a.noMarginTop {background:#dfded6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#635f54; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.lss-btn {margin-top:5px; width:100%;} #maincontent a.lss-btn:hover, #maincontent a.lss-btn:hover {background:#d9d7ce; text-decoration:none;} /* Job Listing Table */ #maincontent table td.no-underline {border-bottom:none; padding-bottom:0px;} #maincontent table td.job-description {font-size:11px;} #maincontent table.employment {width:100%;} #maincontent table.employment a.job-title {border-bottom:none; text-decoration:none; font-weight:bold;color:#635f54; } #maincontent table.employment a.job-title:hover {background:none; text-decoration:underline;} #maincontent table.employment a.lss-btn:hover {background:#e5e3da; text-decoration:none; color:#000;} /* Job Description Table */ #maincontent table.employment-description td {border-bottom:none; padding-bottom:5px; min-width:130px;} #maincontent table.employment-description th {border-bottom:none; padding-bottom:5px;} #maincontent table.employment-description {width:100%;} #maincontent table.employment-description a.job-title {border-bottom:none;} #maincontent table.employment-description a.job-title:hover {background:none; text-decoration:underline;} #maincontent table.employment-description a.lss-btn:hover {background:#e5e3da; text-decoration:none; color:#000;} #maincontent table.employment-description form select {background:#fff; border:none; color:#000; margin-left:5px; font-size:12px;} #maincontent table.employment-description td.apply {background:#eeede8; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #maincontent table.employment-description caption {margin-bottom:20px;} #maincontent table.employment-description td.apply ol {padding:10px 0;} #maincontent table.employment-description td.apply ol ul {padding:7px 25px 0px 25px;} #maincontent table.employment-description td.apply ol ul li {list-style-type:none;} #maincontent table.employment-description td.backtolist a.lss-btn {width:100px;} #maincontent table.employment-description span.volunteerApplyNow {font-size:11px;font:Roboto, arial;margin:0px 0px 7px 25px;} #maincontent table.employment-description td.backtolistVolunteer a.lss-btn {width:20%; text-align:right;} /* List Summary Styles*/ ul#summary-list-1 .themed h4{color:#000;} ul#summary-list-1 .themed h6{color:#000;} ul#summary-list-1 {margin:0 0 15px 0; padding:0;} ul#summary-list-1 li {clear:both; list-style-type:none; padding:10px 0; border-bottom:1px solid #d3d2ce;} ul#summary-list-1 img {float:left; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} /*ul#summary-list-1 a, ul.summary-list-1 a {float:right; width:110px; margin-top:21px;}*/ ul#summary-list-1 a, ul.summary-list-1 a {float:right; margin-top:21px;} ul#summary-list-1 a.lss-btn, ul.summary-list-1 a.lss-btn {width:110px;} ul#summary-list-1 .description {float:left; display:inline; width:80%; margin-left:10px;} ul#summary-list-1 .description p {padding-bottom:0; font-size:11px; line-height:15px;} ul#summary-list-1 .description h1 {font-size:16px; margin-bottom:4px} ul#summary-list-1 .description h3 {font-size:16px; margin-bottom:4px} ul#summary-list-1 .no-image .description {width:91%; margin-left:0;} ul#summary-list-1 .links {float:left; width: auto; margin-top: 30px; margin-left: 75px; font-size: 11px; } ul#summary-list-1 .no-image .links {float:left; width: 80px; margin-top: 30px; margin-left: 0px; font-size: 11px; } ul#summary-list-1 a.contact{float:left; width:auto; margin-top: 30px; margin-left: 5px;font-size: 11px; } ul#summary-list-1 a.contact:hover {background:#e5e3da; text-decoration:underline; color:#000;} ul#summary-list-2 {margin:0 0 15px 0; padding:0;} ul#summary-list-2 li {clear:both; list-style-type:none; padding:5px 0;} /************************************************************************************************** ** 03/24/2011 Steve Antonow Uncommented the following two lines for ul#summary-list-2 a. ** With the lines commented, the links on the FCS Resources pages were ** incorrect. ** I believe I had commented these out in preparation for the Adoption ** Waiting Profiles pages. ***************************************************************************************************/ ul#summary-list-2 a {float:left; width:auto; font-size: 12px;} ul#summary-list-2 a:hover {background:#e5e3da; text-decoration:underline; color:#000;} ul#summary-list-2 .file_type {float:left; width:auto; margin-left:10px; font-size:10px;} ul#summary-list-2 .file_size {float:left; width:auto; margin-left:2px; font-size:10px} ul#summary-list-2 .title {float:left; width:auto; font-size: 11px;} ul#summary-list-3 caption {text-align:left; padding:7px; margin-bottom:5px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} ul#summary-list-3 {margin:0 0 15px 0; padding:0;} ul#summary-list-3 .source {float:left; width:auto; margin-left:5px;padding-bottom:0; font-size:11px; font-style:italic} ul#summary-list-3 li {clear:both; list-style-type:none; padding:10px 0; border-bottom:1px solid #d3d2ce;} ul#summary-list-3 .day {float:left; width:auto; margin-right:5px;padding-bottom:0; font-size:11px;} ul#summary-list-3 .date {float:left; width:auto; margin-right:5px;padding-bottom:0; font-size:11px;} ul#summary-list-3 .to_date {float:left; width:auto;padding-bottom:0; font-size:11px;} ul#summary-list-3 .location {float:left; width:auto; margin-left:10px;padding-bottom:0; font-size:11px;} ul#summary-list-3 .title {float:left; width: auto;font-size: 12px; } ul#summary-list-3 a.title {border-bottom:none; text-decoration:underline;} ul#summary-list-3 a.title:hover {background:none; text-decoration:underline;} ul#summary-list-3 .description {float:left; display:inline; width:95%; margin-top:8px;padding-bottom:0; font-size:12px;} ul#summary-list-3 .titleHostHome {float:left; width: auto;font-size: 20px; white-space:nowrap; } /* Service Listing Table */ ul#lss-services-list {margin:0 0 15px 0; padding:0;} ul#lss-services-list li {border-bottom:1px solid #d3d2ce; clear:both; list-style-type:none; padding:10px 0;} ul#lss-services-list img {float:left; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} ul#lss-services-list a {float:right; width:110px; margin-top:21px;} ul#lss-services-list .description {float:left; display:inline; width:55%; margin-left:10px;} ul#lss-services-list .description p {padding-bottom:0; font-size:11px; line-height:15px;margin-bottom: 10px;} ul#lss-services-list .description h1 {font-size:16px; margin-bottom:4px} ul#lss-services-list .description h3 {font-size:16px; margin-bottom:4px} ul#lss-services-list .no-image .description {width:70%; margin-left:0;} /* Service Search Results Layout */ ul#service-results {margin:10px 0 0px 0; padding:0 0 0px;border-bottom:1px solid #d3d2ce;} ul#service-results li {clear:both; list-style-type:none; padding-top: 0px; padding-left: 0px;margin-left: 0px; } ul#service-results a {float:right; width:150px; margin-top:0px;} ul#service-results .links {float:left; width: auto;font-size: 12px; padding: 0 0 15px; } ul#service-results a.contact{float:left; width:auto; margin-left: 5px;font-size: 12px; } ul#service-results a.contact:hover {background:#e5e3da; text-decoration:underline; color:#000;} ul#service-results .description {float:left; display:inline; width:80%; padding-left:20px;} ul#service-results .description p {padding-bottom:5px;} /* Urgent Headers */ .urgent-header {background:#fbfbf9; /* Changed, 10/7/2016 *//*#fff url("/images/lss-urgent-header-bg.gif") repeat-x */ padding:15px; margin-bottom:25px; border:1px solid #d3d2ce;} /************************************************************************************************** ** 04/19/2011 Steve Antonow Commented, per Communications team. ***************************************************************************************************/ /*.urgent-header strong {font-weight:normal; color:#000;}*/ .urgent-header a.lss-btn {width:94px; float:right;} .urgent-header p {padding-bottom:7px;} /* Action Buttons */ /* #maincontent a.findhelp-btn {width:85px; background:#9bac62; color:#fff;} #maincontent a.findhelp-btn:hover {background:#8f9f57; color:#fff;} #maincontent a.volunteer-btn {width:85px; background:#c8b76a; color:#fff;} #maincontent a.volunteer-btn:hover {background:#bcab5d; color:#fff;} #maincontent a.give-btn {width:85px; background:#c5733f; color:#fff;} #maincontent a.give-btn:hover {background:#b46736; color:#fff;} #maincontent a.advocate-btn {width:85px; background:#5f7e8f; color:#fff;} #maincontent a.advocate-btn:hover {background:#536f7e; color:#fff;}*/ /* Action Buttons */ #maincontent a.findhelp-btn{background:#9bac62; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.findhelp-btn {margin-top:5px; min-width:85px;} #maincontent a.findhelp-btn:hover, #maincontent a.findhelp-btn:hover {background:#8f9f57; text-decoration:none;} #maincontent a.volunteer-btn{background:#c8b76a; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.volunteer-btn {margin-top:5px; min-width:85px;} #maincontent a.volunteer-btn:hover, #maincontent a.volunteer-btn:hover {background:#bcab5d; text-decoration:none;} #maincontent a.give-btn{background:#c5733f; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.give-btn {margin-top:5px; min-width:85px;} #maincontent a.give-btn:hover, #maincontent a.give-btn:hover {background:#b46736; text-decoration:none;} #maincontent a.advocate-btn{background:#5f7e8f; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.advocate-btn {margin-top:5px; min-width:85px;} #maincontent a.advocate-btn:hover, #maincontent a.advocate-btn:hover {background:#536f7e; text-decoration:none;} /* New color buttons, 10/7/2016 */ #maincontent a.newred-btn{background:#dd061a; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.newred-btn {margin-top:5px; min-width:85px;} #maincontent a.newred-btn:hover, #maincontent a.newred-btn:hover {background:#c70517; text-decoration:none;} #maincontent a.newaqua-btn{background:#00acba; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.newaqua-btn {margin-top:5px; min-width:85px;} #maincontent a.newaqua-btn:hover, #maincontent a.newaqua-btn:hover {background:#009ba7; text-decoration:none;} #maincontent a.newteal-btn{background:#00b188; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.newteal-btn {margin-top:5px; min-width:85px;} #maincontent a.newteal-btn:hover, #maincontent a.newteal-btn:hover {background:#009f7a; text-decoration:none;} #maincontent a.newplum-btn{background:#83215f; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.newplum-btn {margin-top:5px; min-width:85px;} #maincontent a.newplum-btn:hover, #maincontent a.newplum-btn:hover {background:#761e56; text-decoration:none;} #maincontent a.newdeepblue-btn{background:#093e52; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.newdeepblue-btn {margin-top:5px; min-width:85px;} #maincontent a.newdeepblue-btn:hover, #maincontent a.newdeepblue-btn:hover {background:#08384a; text-decoration:none;} #maincontent a.newdarkgray-btn{background:#4a4f55; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.newdarkgray-btn {margin-top:5px; min-width:85px;} #maincontent a.newdarkgray-btn:hover, #maincontent a.newdarkgray-btn:hover {background:#43474d; text-decoration:none;} #maincontent a.efcgreen-btn{background:#008d57; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.efcgreen-btn {margin-top:5px; min-width:85px;} #maincontent a.efcgreen-btn:hover, #maincontent a.efcgreen-btn:hover {background:#007f4e; text-decoration:none;} /* Themed GO Buttons */ #maincontent a.volunteer-go-btn{padding:6px 6px; margin:0 0 5px 0px;color:#fff; background:#c8b76a; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;font-size:12px;text-align: width:auto;} #maincontent a.volunteer-go-btn:hover {background:#bcab5d; color:#fff;} #maincontent a.findhelp-go-btn{padding:6px 6px; margin:0 0 5px 0px;color:#fff; background:#dd061a; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;font-size:12px;text-align: width:auto;} #maincontent a.findhelp-go-btn:hover {background:#c70517; color:#fff!important;text-decoration:none!important;} #maincontent a.give-go-btn{padding:6px 6px; margin:0 0 5px 0px;color:#fff; background:#c5733f; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;font-size:12px;text-align: width:auto;} #maincontent a.give-go-btn:hover {background:#b46736; color:#fff;} #maincontent a.advocate-go-btn{padding:6px 6px; margin:0 0 5px 0px;color:#fff; background:#5f7e8f; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline;font-size:12px;text-align: width:auto;} #maincontent a.advocate-go-btn:hover {background:#536f7e; color:#fff;} /* Colors ------------------------------------------------------*/ /******************************************************************************************************* * Text colors * 06/26/2013 Steve Antonow Changed body.blue, per Tom (ticket #37212) * 03/19/2014 Steve Antonow Reinstated original body.blue, per Tom (ticket #48270) * 05/27/2015 Steve Antonow Re-added body.blue for h2, per Tracy. * 06/30/2015 Steve Antonow Added lslayout1headerlink CSS, for List Summary changes. * 07/20/2015 Steve Antonow Added pagecolor for H4, per Tom (ticket #69901) *******************************************************************************************************/ body.blue #maincontent h6, body.blue .pagecolor, body.blue .sideaddress strong, body.blue #maincontent table.employment a.job-title, body.blue .sidemenu ul li a.active, body.blue #maincontent h1, body.blue #maincontent h3, body.blue #maincontent h4, body.blue ul#summary-list-3 a.title, body.blue ul#summary-list-3 a.titleHostHome, body.blue #maincontent a.lslayout1headerlink {color:#5f7e8f;} body.blue #maincontent h2, body.blue .pagecolor, body.blue .sideaddress strong, body.blue #maincontent table.employment a.job-title, body.blue .sidemenu ul li a.active, body.blue #maincontent h1, body.blue #maincontent h3, body.blue #maincontent h4, body.blue ul#summary-list-3 a.title, body.blue ul#summary-list-3 a.titleHostHome, body.blue #maincontent a.lslayout1headerlink {color:#5f7e8f;} body.green #maincontent h6, body.green .pagecolor, body.green .sideaddress strong, body.green #maincontent table.employment a.job-title, body.green .sidemenu ul li a.active, body.green #maincontent h1, body.green #maincontent h3, body.green #maincontent h4, body.green ul#summary-list-3 a.title, body.green ul#summary-list-3 a.titleHostHome, body.green #maincontent a.lslayout1headerlink {color:#9bac62;} body.yellow #maincontent h6, body.yellow .pagecolor, body.yellow .sideaddress strong, body.yellow #maincontent table.employment a.job-title, body.yellow .sidemenu ul li a.active, body.yellow #maincontent h1, body.yellow #maincontent h3, body.yellow #maincontent h4, body.yellow ul#summary-list-3 a.title, body.yellow ul#summary-list-3 a.titleHostHome, body.yellow #maincontent a.lslayout1headerlink {color:#bcab5d;} body.orange #maincontent h6, body.orange .pagecolor, body.orange .sideaddress strong, body.orange #maincontent table.employment a.job-title, body.orange .sidemenu ul li a.active, body.orange #maincontent h1, body.orange #maincontent h3, body.orange #maincontent h4, body.orange ul#summary-list-3 a.title, body.orange ul#summary-list-3 a.titleHostHome, body.orange #maincontent a.lslayout1headerlink {color:#c5733f;} /* New Colors, added 10/7/2016 */ body.newred #maincontent h6, body.newred .pagecolor, body.newred .sideaddress strong, body.newred #maincontent table.employment a.job-title, body.newred .sidemenu ul li a.active, body.newred #maincontent h1, body.newred #maincontent h3, body.newred #maincontent h4, body.newred ul#summary-list-3 a.title, body.newred ul#summary-list-3 a.titleHostHome, body.newred #maincontent a.lslayout1headerlink {color:#dd061a;} body.newaqua #maincontent h6, body.newaqua .pagecolor, body.newaqua .sideaddress strong, body.newaqua #maincontent table.employment a.job-title, body.newaqua .sidemenu ul li a.active, body.newaqua #maincontent h1, body.newaqua #maincontent h3, body.newaqua #maincontent h4, body.newaqua ul#summary-list-3 a.title, body.newaqua ul#summary-list-3 a.titleHostHome, body.newaqua #maincontent a.lslayout1headerlink {color:#00acba;} body.newteal #maincontent h6, body.newteal .pagecolor, body.newteal .sideaddress strong, body.newteal #maincontent table.employment a.job-title, body.newteal .sidemenu ul li a.active, body.newteal #maincontent h1, body.newteal #maincontent h3, body.newteal #maincontent h4, body.newteal ul#summary-list-3 a.title, body.newteal ul#summary-list-3 a.titleHostHome, body.newteal #maincontent a.lslayout1headerlink {color:#00b188;} body.newplum #maincontent h6, body.newplum .pagecolor, body.newplum .sideaddress strong, body.newplum #maincontent table.employment a.job-title, body.newplum .sidemenu ul li a.active, body.newplum #maincontent h1, body.newplum #maincontent h3, body.newplum #maincontent h4, body.newplum ul#summary-list-3 a.title, body.newplum ul#summary-list-3 a.titleHostHome, body.newplum #maincontent a.lslayout1headerlink {color:#83215f;} body.newdeepblue #maincontent h6, body.newdeepblue .pagecolor, body.newdeepblue .sideaddress strong, body.newdeepblue #maincontent table.employment a.job-title, body.newdeepblue .sidemenu ul li a.active, body.newdeepblue #maincontent h1, body.newdeepblue #maincontent h3, body.newdeepblue #maincontent h4, body.newdeepblue ul#summary-list-3 a.title, body.newdeepblue ul#summary-list-3 a.titleHostHome, body.newdeepblue #maincontent a.lslayout1headerlink {color:#093e52;} body.newdarkgray #maincontent h6, body.newdarkgray .pagecolor, body.newdarkgray .sideaddress strong, body.newdarkgray #maincontent table.employment a.job-title, body.newdarkgray .sidemenu ul li a.active, body.newdarkgray #maincontent h1, body.newdarkgray #maincontent h3, body.newdarkgray #maincontent h4, body.newdarkgray ul#summary-list-3 a.title, body.newdarkgray ul#summary-list-3 a.titleHostHome, body.newdarkgray #maincontent a.lslayout1headerlink {color:#4a4f55;} body.efcgreen #maincontent h6, body.efcgreen .pagecolor, body.efcgreen .sideaddress strong, body.efcgreen #maincontent table.employment a.job-title, body.efcgreen .sidemenu ul li a.active, body.efcgreen #maincontent h1, body.efcgreen #maincontent h3, body.efcgreen #maincontent h4, body.efcgreen ul#summary-list-3 a.title, body.efcgreen ul#summary-list-3 a.titleHostHome, body.efcgreen #maincontent a.lslayout1headerlink {color:#008d57;} .sideaddress strong {color:#5f7e8f;} /* Background colors */ body.blue #subpage-banner, body.blue #maincontent table caption, body.blue #maincontent .headerbar {background:#5f7e8f;} body.green #subpage-banner, body.green #maincontent table caption, body.green #maincontent .headerbar {background:#9bac62;} body.yellow #subpage-banner, body.yellow #maincontent table caption, body.yellow #maincontent .headerbar {background:#c8b76a;} body.orange #subpage-banner, body.orange #maincontent table caption, body.orange #maincontent .headerbar {background:#c5733f;} /* New Colors, added 10/7/2016 */ body.newred #subpage-banner, body.newred #maincontent table caption, body.newred #maincontent .headerbar {background:#dd061a;} body.newaqua #subpage-banner, body.newaqua #maincontent table caption, body.newaqua #maincontent .headerbar {background:#00acba;} body.newteal #subpage-banner, body.newteal #maincontent table caption, body.newteal #maincontent .headerbar {background:#00b188;} body.newplum #subpage-banner, body.newplum #maincontent table caption, body.newplum #maincontent .headerbar {background:#83215f;} body.newdeepblue #subpage-banner, body.newdeepblue #maincontent table caption, body.newdeepblue #maincontent .headerbar {background:#093e52;} body.newdarkgray #subpage-banner, body.newdarkgray #maincontent table caption, body.newdarkgray #maincontent .headerbar {background:#4a4f55;} body.efcgreen #subpage-banner, body.efcgreen #maincontent table caption, body.efcgreen #maincontent .headerbar {background:#008d57;} /* Background colors - Lighter */ body.blue #subpage-banner .findlocalservices form a.btn {background:#7295a8;} body.green #subpage-banner .findlocalservices form a.btn {background:#acbd73;} body.yellow #subpage-banner .findlocalservices form a.btn {background:#dfcd7a;} body.orange #subpage-banner .findlocalservices form a.btn {background:#d6824c;} /* New Colors, added 10/7/2016 */ body.newred #subpage-banner .findlocalservices form a.btn {background:#dd061a;} body.newaqua #subpage-banner .findlocalservices form a.btn {background:#00acba;} body.newteal #subpage-banner .findlocalservices form a.btn {background:#00b188;} body.newplum #subpage-banner .findlocalservices form a.btn {background:#83215f;} body.newdeepblue #subpage-banner .findlocalservices form a.btn {background:#093e52;} body.newdarkgray #subpage-banner .findlocalservices form a.btn {background:#4a4f55;} body.efcgreen #subpage-banner .findlocalservices form a.btn {background:#008d57;} /* Ektron Custom*/ a.srbgreen {clear:both; width:83px; height:33px; /* background: url("/images/lss-bubble-green.gif") no-repeat; */ display:block; padding:12px 0 0 10px; margin:0 0 7px 20px; color:#635f54; font-weight:bold; text-decoration:none;} a.srbyellow {clear:both; width:83px; height:32px; /* background: url("/images/lss-bubble-yellow.gif") no-repeat; */ display:block; padding:12px 0 0 10px; margin:0 0 7px 20px; color:#635f54; font-weight:bold; text-decoration:none;} a.srborange {clear:both; width:83px; height:32px; /* background: url("/images/lss-bubble-orange.gif") no-repeat; */ display:block; padding:12px 0 0 10px; margin:0 0 7px 20px; color:#635f54; font-weight:bold; text-decoration:none;} a.srbblue {clear:both; width:83px; height:32px; /* background: url("/images/lss-bubble-blue.gif") no-repeat; */ display:block; padding:12px 0 0 10px; margin:0 0 7px 20px; color:#635f54; font-weight:bold; text-decoration:none;} /* Added to style buttons correctly after color refresh, 10/7/2016 */ a.srbgreen, a.srbyellow, a.srborange, a.srbblue {background:#dfded6; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} a.srbgreen:hover, a#srbyellow:hover, a#srborange:hover, a#srbblue:hover {background-position:0 -45px; text-decoration:none;} .non-themed { color:Black !important; } /* ektron added css*/ .signup input.btns {text-decoration:none; /* Changed, 10/7/2016 *//*color:#5f7e8f;*/ } .signup input.btns{width:25px;border:none;} .signup input.btns { margin:0 0 0 4px; /* Changed, 10/7/2016 *//*background:#5f7e8f;*/ background:#dfded6; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; /* Changed, 10/7/2016 *//*color:#fff;*/ color:#635f54; float:left; display:inline;} .signup input.btns:hover { margin:0 0 0 4px; /* Changed, 10/7/2016 *//*background:#536f7e;*/ background:#d9d7ce; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; /* Changed, 10/7/2016 *//*color:#fff;*/ color:#635f54; float:left; display:inline; text-decoration:none;} #div1 h4{color:#5F7E8F;} #div2 h4{color:#5F7E8F;} .elected-lookup input.btns{text-decoration:none; color:#5f7e8f;} .elected-lookup input.btns{width:25px;border:none;} .elected-lookup input.btns { margin:0 0 0 4px; background:#5f7e8f; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; float:left; display:inline;} .elected-lookup input.btns:hover { margin:0 0 0 4px; background:#536f7e; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; float:left; display:inline; text-decoration:none;} ul#lss-services-list a.noMarginTop{float:right; margin-top:0px; width:110px;} /* useful style for editing content */ .float_right { float:right; } .float_left { float:left; } .margin_right_10 { margin-right:10px; } .margin_left_10 { margin-left:10px; } /* For the left col margin and box */ span.sidebar-left-pad, span.sidelist { display:block; } /*Event Details*/ .event-detail {float:left;} .event-detail H6 {line-height: 12px;} .event-detail p {float:left; width:100%;} /*Fix for center dropzone not centered*/ #maincontent div.dropzone ul.columnwidgetlist li.PBItem, #maincontent div.dropzone ul.columnwidgetlist li.noDot { padding-left:0px!important; } #maincontent div.dropzone ul.columnwidgetlist { padding-left:0px!important; } div.dropzone ul.columnwidgetlist div.widget {width:auto; } /*End fix for center dropzone not centered*/ /* paragraph padding bottom for editor */ .paragraph { padding-bottom:15px; display:block; } /* paragraph padding bottom for editor */ /*overide Ektron style for forms*/ #design_content, div.design_content { background-color:transparent; background-image:none; border-style:none; overflow:auto; padding:2px; } /************************************************************************************************** ** 03/24/2011 Steve Antonow Added, per Communications team. ***************************************************************************************************/ /* 06/26/2013 Steve Antonow Changed, per Tom (ticket #37212) */ /*.textSize20 {font-size: 20px;} .textSize18 {font-size: 18px;} .textSize16 {font-size: 16px;} .textSize14 {font-size: 14px;} .textSize12 {font-size: 12px;} .textSize10 {font-size: 10px;} .textSize08 {font-size: 8px;} .textSize06 {font-size: 6px;}*/ .textSize20 {font-size: 20px; line-height:1.3em;} .textSize18 {font-size: 18px; line-height:1.3em;} .textSize16 {font-size: 16px; line-height:1.3em;} .textSize14 {font-size: 14px; line-height:1.3em;} .textSize12 {font-size: 12px; line-height:1.3em;} .textSize10 {font-size: 10px;} .textSize08 {font-size: 8px;} .textSize06 {font-size: 6px; line-height:1.45em;} /************************************************************************************************** ** 03/28/2011 Steve Antonow Commented out because caused ALL text to be one color. ***************************************************************************************************/ /* **********************************.blue .title {color:#5f7e8f;} .blue {color:#5f7e8f;} .green {color:#9bac62;} .yellow {color:#bcab5d;} .orange {color:#c5733f;} */ /************************************************************************************************** ** 04/18/2011 Steve Antonow Added, per Communications team. ** These are used to apply styles to buttons. ***************************************************************************************************/ #maincontent a.green-btn{background:#9bac62; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.green-btn {margin-top:5px; min-width:85px;} #maincontent a.green-btn:hover, #maincontent a.green-btn:hover {background:#8f9f57; text-decoration:none;} #maincontent a.brown-btn{background:#a9925f; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.brown-btn {margin-top:5px; min-width:85px;} #maincontent a.brown-btn:hover, #maincontent a.brown-btn:hover {background:#a38c5b; text-decoration:none;} #maincontent a.blue-btn{background:#5f7e8f; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none;float:right;} table a.blue-btn {margin-top:5px; min-width:85px;} #maincontent a.blue-btn:hover, #maincontent a.blue-btn:hover {background:#536f7e; text-decoration:none;} /************************************************************************************************** ** 09/13/2011 Steve Antonow Added css for Host Home content. ***************************************************************************************************/ .hostHomeHeaderNames { font-weight:bold; font-size:18px; /*text-decoration:underline;*/ margin-bottom:7px; } .hostHomeSummaryInfoHeader { font-weight:bold; } .hostHomeSummaryHeader { display:block; float:left; vertical-align:top; border:4px solid #fff; } .hostHomeSummaryInfoDetail { display:block; margin-left:10px; } .hostHomeDetailHeaderNames { font-size:18px; margin-bottom:7px; padding-left:15px; border:0; } .hostHomeDetailInfoHeader img { padding-right:20px; width:116px; height:116px; } .hostHomeDetailHeader { display:block; float:left; vertical-align:top; border:4px solid #fff; } .hostHomeDetailInfoHeader { vertical-align:top; font-weight:bold; padding-left:15px; } .hostHomeDetailInfoDetail { /*display:block;*/ margin-left:4px; font-weight:normal; } .hostHomeDetailBodyImage { display:block; float:right; /*margin-top:30px; margin-left:15px;*/ border:4px solid #fff; /*width:128px; height:128px;*/ } .hostHomeDetailBody { display:block; vertical-align:top; padding-right:15px; margin-top:30px; } /************************************************************************************************** ** 12/22/2011 Steve Antonow Changed Event Registration Link from a link to a button ** because users couldn't see the link easily, per Communications Team. ***************************************************************************************************/ #maincontent a.eventRegistrationLink {background:#dfded6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#635f54; font-weight:bold; font-size:11px; text-decoration:none;} #maincontent a.eventRegistrationLink:hover, #maincontent a.lss-btn:hover {background:#d9d7ce; text-decoration:none;} /* 06/26/2013 Steve Antonow Added .story-description, .story-leadin, .spacer, per Tom (ticket #37212) */ .story-description {font-size:16px; line-height:1.37em;} .story-leadin {font-size:15px; line-height:1.35em;} .spacer {height:30px;} /************************************************************************************************** ** 11/12/2013 Steve Antonow Added CSS for Jobs SmartForm and jobs.xslt. ***************************************************************************************************/ /*.jobs-detail {float:left;}*/ .jobs-detail h6 {line-height: 12px;} /*.jobs-detail p {float:left; width:100%;}*/ .jobs-detail p {width:100%;} /* Ektron-related styles */ #maincontent [data-ux-pagebuilder='Column'] > ul { padding-left: 0px; margin-bottom: 0px; } #maincontent [data-ux-pagebuilder='Column'] > ul > li { list-style-type: none; margin-bottom: 0px; padding-left: 0px; } /************************************************************************************************** ** 05/29/2015 Steve Antonow Added logo hover CSS, per Tom. ***************************************************************************************************/ h1#lss-logo a span:hover, h1#ms-logo a span:hover { opacity: 0.85; filter: alpha(opacity=85); } h1#lss-logo a:hover, h1#ms-logo a:hover { background: none; } /************************************************************************************************** ** 06/01/2015 Steve Antonow Added CSS for new Volunteer Opportunities. ***************************************************************************************************/ #maincontent span.vol-header a {color: #c8b76a;} span.vol-header a.vol-link {border-bottom:none; color: #c8b76a; font-weight:normal; text-decoration:underline; font-size:18px; margin-bottom:7px; line-height:1.35em; vertical-align:middle; display:block;} span.vol-header a.vol-link:hover {background:none; color: #c8b76a; font-weight:normal; text-decoration:underline; font-size:18px; margin-bottom:7px; line-height:1.35em;} /* Updated colors of volunteer search links, 1/9/2017 */ #maincontent span.vol-header a {color:#dd061a;} .newred #maincontent span.vol-header a {color:#dd061a;} .newaqua #maincontent span.vol-header a {color:#00acba;} .newteal #maincontent span.vol-header a {color:#00b188;} .newplum #maincontent span.vol-header a {color:#83215f;} .newdeepblue #maincontent span.vol-header a {color:#093e52;} .newdarkgray #maincontent span.vol-header a {color:#4a4f55;} span.vol-location {border-bottom:none; font-weight:bold; color:#635f54; margin-bottom:7px; line-height:1.35em; vertical-align:middle; display:block; padding-top:5px;} span.vol-reqs li {margin-left: 22px;} #maincontent table.volopps-table {margin-bottom:0px;} #maincontent table.volopps-table th {padding:5px 12px 5px 7px; font-size: 1.2em; font-weight:100;} #maincontent table.volopps-table td {padding:5px 12px 5px 8px; min-width:75px; vertical-align:top;} #maincontent table.volopps-description {width:95%;} #maincontent table.volopps-description th {border-bottom:none; padding-bottom:5px;} #maincontent table.volopps-description tr {border-bottom:none; margin-bottom:0px; padding-bottom:0px;} #maincontent table.volopps-description td {border-bottom:none; margin-bottom:0px; padding-bottom:5px; min-width:130px;} #maincontent table.volopps-description span {border-bottom:none; margin-bottom:50px; padding-bottom:5px;} #maincontent table.volopps-description tr.volheader {margin-bottom:0; padding-bottom:0;} #maincontent table.volopps-description td.backtolistVolunteer a.lss-btn {width:25%; text-align:center; vertical-align:top;} /************************************************************************************************** ** 06/30/2015 Steve Antonow Added CSS for revised List Summary XSLT. ***************************************************************************************************/ /* For LssListSummary1.xslt */ ul#summary-list-1 a.lslayout1headerlink {float:none; margin-top:0px; text-decoration:underline;} ul#summary-list-1 a.lslayout1headerlink h4:hover {float:none; margin-top:0px; text-decoration:underline; display:table; background:#e5e4df;} /* For LssListSummary4.xslt */ ul#lss-services-list .lsdescription {width:95%; margin-left:0;} ul#lss-services-list .lsdescription a.lsheaderlink {margin-top:5px; width:99%;} ul#lss-services-list .lstable a {float:left;} ul#lss-services-list .lstable a.lsimglink {width:0px; margin-top:0px;} ul#lss-services-list .lstable a.lsimglink:hover {width:0px; margin-top:0px; opacity:0.85; filter:alpha(opacity=85);} ul#lss-services-list .lstable a.lsheaderlink {margin-top:0px; text-decoration:underline;} ul#lss-services-list .lstable a.lsheaderlink:hover {background: inherit;} ul#lss-services-list .lstable a.lsheaderlink div.lsheaderlinkshort {margin-top:0px; text-decoration:underline; display:inline;} ul#lss-services-list .lstable a.lsheaderlink div.lsheaderlinkshort:hover {margin-top:0px; text-decoration:underline; background: #e5e4df; display:inline;} /* 03/21/2016 Steve Antonow Changed padding-right from 6px to 16px because changes for ListSummary caused right-margin to be shortened. */ #maincontent table.lstable td {padding:10px 6px 10px 2px; border-bottom:1px solid #e5e4df; vertical-align:top;}*/ /*#maincontent table.lstable td {padding:10px 16px 10px 2px; border-bottom:1px solid #e5e4df; vertical-align:top;}*/ #maincontent table.lstable {margin-top:0px;} #maincontent table td .lsImage {padding:5px 12px 5px 8px; width:75px; border-bottom: 1px solid #e5e4df; vertical-align:top;} /******************************************************************************** Anna Myers, List Summary width fix 06/28/2016 ********************************************************************************/ ul#lss-services-list .lstable {width: 100%;} ul#lss-services-list .lstable a.lss-btn {float:right;} /******************************************************************************** * 08/03/2015 Steve Antonow Added CSS for give-btn-home. ********************************************************************************/ /* #maincontent a.give-btn-home, a.give-btn-home{background:#98252b; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none; float:right;} table a.give-btn-home {margin-top:5px; min-width:85px;} #maincontent a.give-btn-home:hover, a.give-btn-home:hover {background:#86252a; text-decoration:none;} a.give-btn-padding{clear:right; margin-top:12px;} */ /* Updated with new colors, 10/7/2016 */ #maincontent a.give-btn-home, a.give-btn-home{background:#dd061a; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-bottom:none; padding:5px 8px; color:#fff; font-weight:bold; font-size:11px; text-decoration:none; float:right;} table a.give-btn-home {margin-top:5px; min-width:85px;} #maincontent a.give-btn-home:hover, a.give-btn-home:hover {background:#c70517; text-decoration:none;} a.give-btn-padding{clear:right; margin-top:12px;} /* New logo classes, 10/7/2016*/ .logoBottomPadding {margin-bottom:18px;} .newMicrositeTitle {text-align:right; font-size:1.6em; margin-top:70px; color:#dd061a;} .newMicrositeTitle a {color:#dd061a; text-decoration:none;} .newMicrositeTitle.newred, .newMicrositeTitle.newred a {color:#dd061a;} .newMicrositeTitle.newaqua, .newMicrositeTitle.newaqua a {color:#00acba;} .newMicrositeTitle.newteal, .newMicrositeTitle.newteal a {color:#00b188;} .newMicrositeTitle.newplum, .newMicrositeTitle.newplum a {color:#83215f;} .newMicrositeTitle.newdeepblue, .newMicrositeTitle.newdeepblue a {color:#093e52;} .newMicrositeTitle.newdarkgray, .newMicrositeTitle.newdarkgray a {color:#4a4f55;} .newMicrositeTitle.efcgreen, .newMicrositeTitle.efcgreen a {color:#008d57;} /* Pilcrow font for headers, added 1/25/2017 */ #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6, .newMicrositeTitle {font-family:'pilcrow_softmedium', Roboto, arial;} #maincontent h1 {font-size:2.25em!important;} #maincontent h2 {font-size:1.75em!important;} #maincontent h3 {font-size:1.5em!important;} #maincontent h4 {font-size:1.25em!important;} #maincontent h5 {font-size:1.2em!important;} #maincontent h6 {font-size:1.1em!important;} /* 07/13/2015 Steve Antonow TEST CSS for RWD */ /* #container {max-width:960px; margin:10px auto;border-left: 1px solid #e4e3d9; border-right: 1px solid #e4e3d9; border-bottom: 1px solid #e4e3d9;} #pop_container {max-width:800px; margin:10px auto; border-left: 1px solid #e4e3d9; border-right: 1px solid #e4e3d9; border-bottom: 1px solid #e4e3d9;} #container-pad {padding: 0 50px;} body {background:none; background-color:Orange; font:12px/15px arial, sans-serif, verdana;} @media screen and (max-width:700px) { body {background-color:Red;} } @media screen and (max-width:450px) { body {background-color:Green;} } #banner .slides {background:#eeefe8 url("/structure/img/ajax-loader.gif") 412px 104px no-repeat; overflow:hidden; position:absolute; height:240px; width:50%; display:block; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; z-index:0;} */