/* ************************************************* THE POSSE FOUNDATION General Screen Styles Created by the wacky troop at Happy Cog http://www.happycog.com/ ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.4; font-style: normal; } i,em { font-style: italic;} body { color: #5f6364; font: normal 62.5% Georgia, 'Times New Roman', serif; background-color: #fff; } /* block level */ h1 { font-size: 34px; color: #9b9da0; font-family: "franklin-gothic-urw-cond", Arial Narrow, Arial, sans-serif; line-height: 1; text-transform: uppercase; margin: 0 0 20px; } .with-sub h1 { width: 680px; margin-left: -41px; } .search h1 { margin-left: 0; } #intro h1 { position: relative; top: -5px; } #main h1, #sub h1 { width: auto; font-size: 30px; } .news-detail h1 { margin-bottom: 0; } h1.profile-name { color: #333; font-size: 35px; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: none; margin-bottom: 35px; padding-right: 55px; } #intro h1 a { color: #e85a3a; text-decoration: none; font-weight: normal; line-height: 1; } #intro h1 strong { color: #000; line-height: 1; font-weight: normal; } h2 { font-size: 18px; font-family: Arial Narrow, Arial, sans-serif; text-transform: uppercase; color: #333; margin: 0 0 15px; border-bottom: 1px solid #d2e0e0; padding: 0 0 12px; letter-spacing: 1px; } h2 a { font-size: 18px; text-decoration: none; } h2 a.adjunct { font-size: 10px; text-transform: uppercase; float: left; } h3 { font-size: 16px; color: #333; margin: 0 0 6px; line-height: 1.2; } .feature h3 { font-size: 18px; } h3 a { text-decoration: none; line-height: 1.2; } h4 { color: #373737; font-size: 16px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: 500; text-transform: uppercase; display: block; margin: 0 0 8px; clear: both; display: inline;} h4 a { font-weight: bold; } h5 { font-size: 13px; color: #333; margin: 0 0 10px; font-weight: bold; clear: left; } h5 a { font-weight: bold; } h6 { font-size: 11px; color: #333; margin: 0 0 8px; font-weight: bold; } h6 a { font-weight: bold; } p, ul, dl, ol { font-size: 13px; margin: 0 0 1.5em; } .modal {z-index: 999999; } .modal-backdrop { z-index: 99999 } p { line-height: 1.6; } #main p { /* margin-bottom: 1.7em; */ } #main article p:first-child { font-size: 1.6em; width: 67%; } ol { margin-left: 18px; } ul li { list-style-type: none; background: transparent url(/i/screen/list-marker.gif) no-repeat 0 0.5em; padding-left: 8px; } #content ul li { margin-bottom: 3px; } ul li.blank { background-image: url(/i/screen/list-marker-empty.gif); margin-left: -1px; padding-left: 9px; } ul.basic li, form li, ul.suffice li, ul.univname li { background: none; padding-left: 0; } #content ul.suffice li, ul.univname li { padding: 0 0 8px; border: none; display: block; margin: 0; } dd { /*margin: 0 0 0 15px;*/ } blockquote { /*margin: 0 0 1.2em;*/ } table { /*margin: 0 0 1em; font-size: 12px;*/ } th { /*background-color: #e6e3d7; text-align: left;*/ } th, td { /*border-bottom: 1px solid #dbd5c5; padding: 3px 5px;*/ } fieldset { border: none; } form li { margin-bottom: 10px; clear: both; } form li.inline { clear: none; float: left; margin: 0 0 10px 12px; } form li.first { margin-left: 0; } form li * { vertical-align: middle; } legend { display: block; padding: 0 0 20px; } label { color: #313435; display: block; margin-bottom: 2px; } ul.inline { margin-bottom: 1.8em; } ul.inline label { display: inline; } input, textarea { background: #f3f7f7; } form li input, form li textarea { width: 75%; } .with-sub #main form li input { width: 293px; min-height: 16px; } .with-sub #main form li textarea { width: 445px; } .with-sub #main form li.inline input { width: 113px; } .with-sub #main form li.inline select { width: 168px; margin-top: 2px; } #content form li.submit input, #content ul.inline li input, form li.submit input { width: auto; background: transparent; min-height: 1px; } input, textarea { font: 12px Georgia, 'Times New Roman', serif; } select [value=""] { color: #7f8385; font-style: italic; } /* FAC */ input.volsubmit { background-image: url(/i/screen/widgets/submit.gif) no-repeat; position: relative; border: none; } /* FAC */ /* inline */ /* posse css edit */ .univcity { font: 11px Arial, sans-serif; font-weight: bold; } em { font-style: italic; } strong { font-weight: bold; } a { color: #1c7676; } a:hover, a:focus { color: #02434b; text-decoration: underline; } .more a, a.more, ul.adjunct li a, .callout a, .welcome a, .profile-img a, h2 a.adjunct { color: #e85a3a; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; } .more a, a.more { background: transparent url(/i/screen/more-marker.png) no-repeat 0 center; padding: 0 0 0 10px; /* margin-top: 20px; */ } .more a:hover, .more a:focus, a.more:hover, a.more:focus, ul.adjunct li a:hover, ul.adjunct li a:focus, .callout a:hover, .callout a:focus, .welcome a:hover, .welcome a:focus, .profile-img a:hover, .profile-img a:focus, h2 a.adjunct:hover, h2 a.adjunct:focus { color: #bc2402; text-decoration: underline; } .more a:hover, .more a:focus, a.more:hover, a.more:focus { background-image: url(/i/screen/more-marker-hover.png); } .more { margin: 10px 0 20px; } img { display: block; } div.feature img { float: left; margin: 0 18px 14px 0; } .news-detail #main img { float: right; margin: 0 0 14px 18px; } a img { border: none; } code { font: 12px/1 'Courier New', Courier, monospace; } sub, sup { line-height: 0; } .main-data, span.sub-data { color: #373737; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; display: block; margin: 0 0 3px; } .main-data + span.sub-data { margin-top: -5px; } .news-detail .main-data + span.sub-data { margin-top: 0; } .main-data span { font-weight: bold; display: block; } p.sub-data { color: #313435; font-size: 13px; margin-bottom: 4px; } p.sub-data span { display: block; } span.sub-data { font-weight: normal; margin-bottom: 4px; } .sub-data a { font-style: italic; } #content p.subhead { font-family: Arial, Verdana, sans-serif; font-size: 11px; text-transform: uppercase; margin-bottom: 4px; clear: both; } #content .feature p.subhead { clear: none; } #intro ul.adjunct { clear: both; } .adjunct, ul.adjunct li { border-left: 1px solid #cfd7d7; padding-left: 6px; margin-left: 4px; } .alt #main .adjunct, .alt #main ul.adjunct li { border-color: #8c9595; } /* p + ul.adjunct, p + ul.basic { margin-top: -0.7em; } */ ul.adjunct { border: none; padding: 0; margin-right: 0; margin-left: 0; } #content ul.adjunct li { background: none; display: inline; } .intro ul.adjunct li { font-size: 11px; text-transform: uppercase; } ul.adjunct li.first { padding: 0; border: none; margin: 0; } #content li.sign-up a { background-image: url(/i/screen/widgets/sign-up.gif); width: 59px; height: 24px; float: left; margin-right: 10px; } #content li.sign-up a:hover, #content li.sign-up a:focus { background-position: 0 -24px; } a.pdf { background: transparent url(/i/screen/pdf.png) no-repeat 0 0; padding: 3px 0 3px 18px; } a.adjunct.pdf {background-position: 5px 0; padding-left: 24px; } #content .image-list li { background: none; padding-left: 0; float: left; clear: both; margin: 0 0 2px; width: 100%; } .image-list p { color: #333; font-size: 12px; font-family: Arial, Verdana, sans-serif; } .image-list img { float: right; border: 3px solid #fff; margin: 0 0 10px 10px; } #content .link-list li { background: none; padding-left: 0; margin-bottom: 15px; } #content .link-list li a { font-family: "franklin-gothic-urw-cond"; font-weight: 500; font-size: 18px; } #content form .suffice li { margin-bottom: 10px; } form .suffice li input { margin-right: 3px; } .suffice label, .suffice a { color: #373737; font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; } .suffice a { color: #e85a3a; text-decoration: none; } .suffice a:hover, .suffice a:focus { color: #bc2402; text-decoration: underline; } #content form .univname li { margin-bottom: 10px; } form .univname li input { margin-right: 3px; } .univname label, .univname a { color: #373737; font-size: 13px; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; } .univname a { color: #e85a3a; text-decoration: none; } .univname a:hover, .univname a:focus { color: #bc2402; text-decoration: underline; } .optional { color: #5f6364; font-style: italic; vertical-align: top; } #content .popup { display: none; } /*------------------------------------------- Global combinations -------------------------------------------*/ #mast h1 a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; z-index: 99999; } #mast .flexslider {width: 545px; float: right; border: none; margin-top: 35px;} /*\*/ #mast h1 a { overflow: hidden; } /**/ #logo, #main-search label, .hide { position: absolute; left: -9999px; } #content:after, #home-content:after, #sub .callout:after, #intro:after, h2.our-university-partners span:after, div.feature:after, .image-list:after, #main .distinct form ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*------------------------------------------- Structure -------------------------------------------*/ #header-wrap { background: #8eb3b3 url(/i/screen/header-bottom-bg.gif) repeat-x 0 bottom; /*margin-bottom: 35px;*/ overflow: hidden;} .database #header-wrap { background: #99b3c0 url(/i/screen/access-header-bottom-bg.gif) repeat-x 0 bottom; } #footer-wrap { background: #8eb3b3 url(/i/screen/footer-wrap-bg.gif) repeat-x 0 0; /* border-top: 13px solid #000; */ } #content-wrap { clear: both; background: transparent url(/i/screen/content-wrap-bg.gif) repeat-y center center; } .alt #content-wrap { background-image: url(/i/screen/content-wrap-bg-alt.gif); } .with-sub #content-wrap { background-image: url(/i/screen/content-wrap-with-sub-bg.gif); } #header, #intro, #content, #ho2me-content, #footer { width: 978px; margin: 0 auto; } #header { min-height: 250px; background: transparent url(/i/screen/header-bg.gif) repeat-y right 0; position: relative; } .home #header { min-height: 354px; } .database #header { background: transparent url(/i/screen/access-header-bg.gif) repeat-y 159px 0; } #content { clear: both; background: #fff url(/i/screen/content-bg.jpg) no-repeat 627px bottom; } .alt #content { background-image: url(/i/screen/content-bg-alt.jpg); background-position: 382px bottom; } .with-sub #content { background-image: url(/i/screen/content-bg-with-sub.jpg); background-position: 718px bottom; } .home #content { /*padding-left: 135px; padding-right: 105px; position: relative; left: -15px;*/ background: transparent url(/i/screen/home-content-bg.jpg) no-repeat 50% bottom; padding: 0; width: 100%; min-width: 978px; } .home #home-content { width: 978px; margin: 0 auto; } .alt div.feature { margin-bottom: 10px; } /*------------------------------------------- Header -------------------------------------------*/ #header * { margin: 0; } #mast { background: transparent url(/i/screen/header/header-img-default.jpg) no-repeat right 0; width: 711px; height: 172px; position: absolute; bottom: 72px; left: 0; } .home #mast { background-image: url(/i/screen/header/header-home.jpg); background-position: right bottom; height: 100%; bottom: 35px;} #mast h1 a { background-image: url(/i/screen/nav/posse-foundation.jpg); width: 329px; height: 81px; position: absolute; bottom: 0; } #mast h1 a:hover, #mast h1 a:focus { background-position: 0 -81px; } #header li { background: none; padding-left: 0; } #local-nav { position: absolute; top: 17px; right: 17px; } #local-nav li { float: left; min-height: 37px;} #local-nav li * { vertical-align: middle; } #local-nav li a { font-family: "franklin-gothic-urw-cond"; text-decoration: none; text-transform: uppercase; font-size: 17px; padding: 2px 20px; letter-spacing: 1px; margin-right: 15px; background-color: #e45939; color: white; float: left; } #local-nav #nav-login a { background-image: -ms-linear-gradient(top, #E65A3E 0%, #C04D37 100%); background-image: -moz-linear-gradient(top, #E65A3E 0%, #C04D37 100%); background-image: -o-linear-gradient(top, #E65A3E 0%, #C04D37 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E65A3E), color-stop(1, #C04D37)); background-image: -webkit-linear-gradient(top, #E65A3E 0%, #C04D37 100%); background-image: linear-gradient(to bottom, #E65A3E 0%, #C04D37 100%); } #local-nav #nav-login a:hover { background-image: none; background-color: #982005; } #local-nav #nav-access a { background-color: #000; } #local-nav #nav-access a:hover { background-color: #e45939; color: #feceae; } /* #nav-login a { background-image: url(/i/screen/nav/login.gif); width: 175px; height: 37px; } #nav-logout a { background-image: url(/i/screen/nav/logout.gif); width: 47px; height: 12px; margin: 14px 7px 0 3px; } #nav-logout a { background-image: url(/i/screen/nav/logout-access.gif); margin-left: 8px; } #nav-profile a { background-image: url(/i/screen/nav/my-profile.gif); width: 96px; height: 37px; } .database #nav-profile a { background-image: url(/i/screen/nav/my-profile-access.gif); } */ /* #nav-access a { background-image: url(/i/screen/nav/posse-access.gif); width: 112px; height: 37px; } #nav-board a { background-image: url(/i/screen/nav/board-member.gif); width: 157px; height: 37px; } #nav-login a:hover, #nav-login a:focus, #nav-access a:hover, #nav-access a:focus, #nav-profile a:hover, #nav-profile a:focus, #nav-board a:focus, #nav-board a:hover { background-position: 0 -37px; } #nav-logout a:hover, #nav-logout a:focus { background-position: 0 -12px; } */ #utility-nav { position: absolute; top: 59px; right: 117px; } #utility-nav li { } #utility-nav li a { font-family: "franklin-gothic-urw-cond"; font-weight: 500; text-decoration: none; color: #555; font-size: 16px; } #main-nav { position: absolute; margin: 0; bottom: 0px; background-color: black; height: 35px; width: 100%; border-right: 1px solid #4d4d4d;} .database #main-nav { width: 978px; background: #004261; } #main-nav li { display: inline-block; margin-top: 7px; margin-right: -4px;} #main-nav li a { height: 35px; font-size: 16px; text-transform: uppercase; color: white; font-family: "franklin-gothic-urw-cond"; padding: 7px 19px; background-color: black; margin: 0px; text-decoration: none; border-left: 1px solid #4d4d4d; letter-spacing: 1px;} #main-nav li a:hover { background-color:#e45939; color: #feceae; } /* #nav-about a { background-image: url(/i/screen/nav/about-posse.gif); width: 131px; } #nav-scholars a { background-image: url(/i/screen/nav/our-scholars.gif); width: 144px; } #nav-alumni a { background-image: url(/i/screen/nav/our-alumni.gif); width: 124px; } #nav-university-partners a { background-image: url(/i/screen/nav/our-university-partners.gif); width: 225px; } #nav-news a { background-image: url(/i/screen/nav/news-events.gif); width: 148px; } #nav-career a { background-image: url(/i/screen/nav/our-career-programs.gif); width: 206px; } */ #nav-students a { background-image: url(/i/screen/nav/students.gif); width: 105px; } #nav-institutions a { background-image: url(/i/screen/nav/institutions.gif); width: 129px; } #nav-users a { background-image: url(/i/screen/nav/users.gif); width: 82px; } #nav-locations a { background-image: url(/i/screen/nav/locations.gif); width: 112px; } #content #main-search, .home #header #main-search, #intro #main-search { text-align: right; float: right; margin: 0 31px 0 0; } /* #intro #main-search { margin-left: 10px; } */ #main-search * { vertical-align: middle; } .home #header #main-search { float: none; width: 199px; padding-top: 248px; padding-left: 745px; /* float: none; width: 199px; margin-left: 745px; padding-top: 248px; */} .home #main-search * { font-size: 0; } .home #main-search input { background: transparent; } #main-search #keywords, #header #keywords { background: #f3f7f7; min-height: 16px; width: 124px; display: inline-block; font-size: 12px; padding: 0 5px; border-radius: 0; height: 19px; } /*------------------------------------------- Intro -------------------------------------------*/ #intro-wrap { background: #fff; padding-top: 35px; } .with-sub #intro-wrap { padding-bottom: 0px; } .profile #intro { margin-bottom: 1px; } .with-sub #intro { padding-left: 41px; width: 937px;/* margin-bottom: 5px; */ } .home #intro { margin-bottom: 10px; } .news-detail #intro { padding-bottom: 10px; } .news-detail #intro span { margin-left: -41px; } #intro #intro-box { position: relative; padding-left: 179px; margin-bottom: 10px; } .alt #intro #intro-box { padding-left: 0; } #content div.intro { padding: 10px 0 0; background: #fff; padding-bottom: 10px; } .home #content div.intro { padding: 0 50px 30px 0; } .home h1 { margin: 0 auto 22px; } .alt h1 { margin-bottom: 10px; } #intro h1.news-events { padding-left: 0; text-indent: -9999px; background: transparent url(/i/screen/headings/news-events-h1.gif) no-repeat 0 0; width: 226px; height: 27px; } #intro p, #content .intro p { color: #1a1a1a; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 1.6; width: 565px; /* float: left; */ margin: -3px 0 35px; } .alt #intro p { float: left; margin-top: -5px; } #content .intro p { float: none; width: auto; margin-bottom: 10px; } #intro p:first-line, .home .intro p:first-line { font-weight: bold; } #sub-nav { width: 155px; /* float: left; margin: 0 24px 0 0; */ position: absolute; top: 3px; left: 0; } .with-sub #sub-nav { position: static; float: left; margin-left: -61px; padding-top: 10px; background: #fff; } .alt #sub-nav { position: static; float: left; margin: 0 20px 0 0; } .news-detail #sub-nav { margin-left: -20px; padding-top: 5px; } #main ul li { display: table; } .profile #sub-nav { position: absolute; top: 0; left: -161px; } #sub-nav li, #content #sub-nav li { background: transparent; margin: 0 0 7px; padding: 0; } #sub-nav a { color: #d1401f; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-decoration: none; background: #ffe6d6; width: 144px; display: block; padding: 1px 5px 1px 6px; line-height: 1.3; } #sub-nav a:hover, #sub-nav a:focus { color: #fff; background: #e45939; } #sub-nav .on a { color: #000; background: none; } #sub-nav li ul { padding: 5px 0 0 7px; margin-bottom: 8px; } #sub-nav li li, #content #sub-nav li li { color: #736e6c; margin-bottom: 2px; } #sub-nav li.on li a, #sub-nav li.on li.on li a { color: #e85a3a; background: transparent url(/i/screen/list-marker.gif) no-repeat 0 center; padding-left: 8px; font-weight: normal; text-decoration: underline; } #sub-nav li.on li.on li a {font-style: normal; } #sub-nav li li a:hover, #sub-nav li li a:focus, #sub-nav li.on li.on li a:hover, #sub-nav li.on li.on li a:focus { color: #bc2402; background: transparent url(/i/screen/list-marker.gif) no-repeat 0 center; } #sub-nav li.on li.on a, #sub-nav li.on li.on li.on a { color: #736e6c; font-style: italic; text-decoration: none; } #intro form h1, #intro form h1 label { color: #7e8383; font-size: 21px; font-family: Georgia, serif; text-transform: none; display: inline; text-indent: 0; padding: 0; margin-bottom: 0; vertical-align: middle; } #intro form { margin-bottom: 22px; } #intro form h1 strong { font-size: 23px; color: #1b1b1b; } #results-search label { display: inline; } #results-search input { min-height: 26px; font-size: 20px; color: #000000; background-color: #f3f7f7; font-family: Georgia, serif; font-style: italic; margin-left: 9px; vertical-align: middle; } #results-search #keywords { width: 341px; padding-left: 2px; display: inline; } .intro ul { margin: 0; } #intro input[type="text"] { margin: 0 -1px 0 0; } /*------------------------------------------- Content -------------------------------------------*/ #main { background: #fff; width: 459px; float: left; position: relative; left: 161px; border-right: 7px solid #d2e0e0; padding-bottom: 0; } .alt #main { width: 547px; float: right; border-left: 7px solid #d2e0e0; border-right: none; left: -22px; padding-left: 27px; padding-top: 14px; background: transparent; } .with-sub #main { width: 650px; left: 41px; padding-right: 20px; } .news-detail #main { left: 0; width: 691px; } .home #main { background: #ebf1f1; border: none; width: 565px; padding-bottom: 0; left: 159px; } #main div, .alt #sub div { padding: 20px 20px 1px; } .profile #main div { padding: 10px 15px 15px; } #main div div, .alt #sub div div, .alt #main div, .profile #main div div { padding: 0; } #content #main div.with-callout { padding-right: 57px; } .callout { float: left; width: 186px; background: #fff; border: 10px solid #fff; margin: 0 15px 10px -183px; position: relative; } .profile .alt-image { margin-left: -148px; } .button { border: none; width: 100%; margin-bottom: 35px; } .button a { border: 6px solid #fff; } #warm-fuzzy a.close-wf { border:none; } .button + h2 { clear: both; } .alt-image { width: 153px; } .home .alt-image { width: 162px; } .alt .callout { margin-left: -79px; } .with-sub .callout { margin-left: -70px; } .profile #sub .button { margin-left: -80px; } .home #main .callout { position: absolute; margin-left: 0; left: -110px } .home #sub .callout { margin-left: -50px; margin-bottom: 25px; clear: both; float: none; } .home #sub .alt-image { width: 134px; margin-top: -20px; } .with-image { float: none; width: 370px; margin: -47px 0 60px -96px; border-left-width: 15px; border-right-width: 15px; } #content .callout p, #content span.callout-copy { color: #acacac; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-transform: uppercase; line-height: 1.2; margin: 0 0 2px; } #content span.callout-copy { background: none; text-indent: 0; font-weight: normal; height: auto; } .home #content .callout a span strong { color: #e85a3a; } .home #content .callout a:hover span strong, .home #content .callout a:focus span strong{ color: #bc2402; } .callout p a { line-height: 1; } #content .with-image p { color: #5f6364; font-family: Georgia, serif; font-size: 13px; text-transform: none; line-height: 1.6; } .callout img { margin-bottom: 14px; } .callout a span { text-transform: uppercase; font-weight: bold; font-size: 14px; cursor: pointer; line-height: 1; } .with-image img { float: right; margin-bottom: 0; margin-left: 5px; } .distinct { background: #f2f6f6; padding: 20px; height: 100%; } .home #content .distinct { background: transparent; border-left: 7px solid #d2e0e0; border-right: 7px solid #d2e0e0; padding-left: 85px; padding-right: 50px; } .distinct h2 { border-bottom: 1px solid #fff; padding: 0 0 12px; } #sub { width: 302px; float: left; position: relative; left: 154px; border-left: 7px solid #d2e0e0; padding: 10px 0 30px 27px; } .profile #sub { /* margin-top: 117px; */ padding-top: 1em; } .alt #sub { width: 325px; border-right: 7px solid #d2e0e0; border-left: none; padding: 0 0 40px; left: 50px; } .with-sub #sub { width: 214px; left: 34px; } .home #sub { width: 233px; border: none; padding-left: 32px; padding-top: 0px} .news-detail #sub { left: 0px; } #content .pages { padding: 8px 0; margin: 0 0 20px; border-top: 1px solid #d3dbdb; border-bottom: 1px solid #d3dbdb; text-align: right; } #content .pages * { font-size: 11px; font-family: Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 0; line-height: 1; } .pages p { color: #000; float: left; width: 200px; text-align: left; } .pages p.single { float: none; width: auto; } .pages div { color: #000; } .pages div a { color: #fff; background: #e85a3a; padding: 1px 4px; text-decoration: none; } .pages div a:hover, .pages div a:focus { color: #fff; background: #982004; text-decoration: none; } #content .pages li { color: #000; list-style-type: none; display: inline; margin: 0 0 0 -1px; } .pages li.first, .pages li.last { color: #b5b9b9; margin: 0 12px 0 0; } .pages li.last { margin: 0 0 0 12px; } .pages li.first span, .pages li.last span { position: static; } .pages li.first span { background: transparent url(/i/screen/previous-off.gif) no-repeat 0 center; padding-left: 10px; } .pages li.last span { background: transparent url(/i/screen/next-off.gif) no-repeat right center; padding-right: 10px; } .pages li a { color: #fff; background: #e85a3a; padding: 1px 4px; } .pages li a:hover, .pages li a:focus { background: #982004; } .pages li.first a, .pages li.last a { color: #e85a3a; } .pages li.first a { background: transparent url(/i/screen/previous-on.gif) no-repeat 0 center; padding-left: 10px; } .pages li.last a { background: transparent url(/i/screen/next-on.gif) no-repeat right center; padding: 0 10px 0 0; } .pages li.first a:hover, .pages li.first a:focus { background-image: url(/i/screen/previous-over.gif); } .pages li.last a:hover, .pages li.last a:focus { background-image: url(/i/screen/next-over.gif); } .pages li.first a:hover, .pages li.first a:focus, .pages li.last a:hover, .pages li.last a:focus { color: #982004; text-decoration: underline; } .pages li a { font-weight: bold; text-decoration: none; } .pages li span { position: absolute; left: -9999px; } .roll { clear: both; margin-bottom: 2.2em; } #content .roll li { background: none; padding: 0; border-top: 1px solid #e9eded; padding-top: 13px; padding-right: 20px; display: block; } #content .roll li.first { border-top: 0; padding-top: 0; } .roll h3 { margin-bottom: 3px; } .roll .main-data, .roll .sub-data { display: inline; margin-bottom: 4px; } #content .roll p { margin-bottom: 13px; } #sub h2, .featured h2 { padding-top: 35px; color: #7e8383; } #sub div h2, #sub h2.first { padding-top: 0; } #sub h2:first-child, #sub div.callout + h2 { padding-top: 0; } /*------------------------------------------- Profile -------------------------------------------*/ #content .welcome { color: #333; font-size: 14px; font-style: italic; border-bottom: 1px solid #fff; padding: 0 55px 10px 0; margin-bottom: 14px; } .welcome a { font-size: 10px; text-transform: uppercase; margin-left: 10px; } .profile-img { position: absolute; right: -97px; top: -58px; text-align: right; z-index: 100; width: 164px; } .profile-img img { border: 9px solid #fff; margin: 0 0 3px; } .profile-img a { font-size: 10px; text-transform: uppercase; margin-right: 9px; } #content #main .posse-members { background: #fff; float: left; width: 397px; margin: 0 0 32px; padding: 14px 17px; } .posse-members h2 { line-height: 1.2; margin-bottom: 7px; } .posse-members h2:hover, .posse-member h2:focus { text-decoration: underline; } .posse-members span.first { display: block; } span.posse-photo-link { background: transparent url(/i/screen/photo-link.gif) no-repeat right center; padding-right: 30px; } .posse-members h2 a:hover span.posse-photo-link, .posse-members h2 a:focus span.posse-photo-link { background-image: url(/i/screen/photo-link-hover.gif); } .posse-members ul { float: left; width: 178px; margin: 0 19px 0 0; font-size: 14px; } #content .posse-members ul li { margin-bottom: 2px; } .search-alt, .distinct form { clear: both; padding: 11px; margin: 0 0 37px; } .search-alt h2 { padding: 0; border: none; margin-bottom: 10px; } #content #main .boxed { border: 1px solid #8eb3b3; background: #8eb3b3 url(/i/screen/boxed-bg.jpg) repeat-x 0 0; padding: 18px; } .boxed * { vertical-align: middle; } #member-search { color: #8b8b8b; font-size: 13px; font-family: Georgia, serif; font-style: italic; width: 280px; min-height: 20px; margin: 0 9px 0 0; padding: 2px 0 0 3px; } .hide-label { visibility: hidden; } #main .distinct form li { display: block; } #main .distinct form li { margin-bottom: 9px; } #main form li.half { width: 47%; } #main form li.third { width: 30%; } li.third + li.third { margin-left: 5%; } #main form ul li.half, #main form ul li.three-quarter, #main form ul li.one-quarter, #main form ul li.third { float: left; clear: none; } #main form ul li.half + li.half { margin-left: 6%; } #main .distinct form input, #main .distinct form select { width: 98%; } #main .distinct form input.half, #main .distinct form select.half { width: 47%; } #main form li.three-quarter { width: 70%; } #main form li.one-quarter { width: 25%; } li.three-quarter + li.one-quarter { margin-left: 5%; } #main .distinct form .submit input { width: auto; margin-right: 5px; } .add-link { text-transform: uppercase; font-size: 10px; font-family: Arial, sans-serif; font-weight: bold; color: #7fa2a2; letter-spacing: 1px; display: block; text-decoration: none; clear: both; } input + .add-link { margin-top: 9px; } #main .distinct form ul ul.form-group { border: 1px solid #dadcdc; } #main .distinct form ul { border-bottom: 1px solid #d2e0e0; padding-bottom: 15px; margin-bottom: 20px; width: 75%; } #main .distinct form ul ul { border: none; padding: 0; margin-bottom: 0; width: 100%; } #main .distinct form ul ul.form-group { margin: -15px 0 10px; padding: 25px 15px 10px; width: 89%; } .with-list { color: #7ba3a3; font-size: 13px; font-family: Arial Narrow, Arial, Verdana, sans-serif; text-transform: uppercase; margin: 0 4px 0 0; float: left; } .inline-list li { display: inline; background: none; padding-left: 0; margin-left: 3px; } #content ul.inline-list li { display:inline; } .inline-list a, #content ul.inline-list li { color: #5f6364; font-style: italic; background: transparent url(/i/screen/inline-list-marker.gif) no-repeat 0 center; padding-left: 8px; } .inline-list a:hover, .inline-list a:focus { color: #02434b; background-image: url(/i/screen/inline-list-marker-hover.gif); } /*------------------------------------------- Footer -------------------------------------------*/ #footer-wrap { clear: both; } #footer { height: 122px; position: relative; bottom: 0; } #footer .copyright { width: 370px; height: 24px; position: absolute; left: 620px; top: 36px; margin: 0; padding: 16px 46px 18px 0; background-position: 0 center; text-transform:uppercase; text-indent:0px; letter-spacing: 1px; color:white; font-size: 11px; margin-bottom: 0; border-right: none; } #footer .copyright li { margin-right: 20px; } #footer .copyright p { margin-bottom: 0; font-size: 11px; line-height: 1.5; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-size: 13px; } #footer p.copyright span { clear:left;} #footer p.happy-cog { position: absolute; left: 658px; top: 53px; margin: 0; } #footer p.happy-cog span { background-image: url(/i/screen/headings/proudly.gif); width: 138px; height: 8px; } #footer p.happy-cog a { background-image: url(/i/screen/headings/happy-cog.gif); width: 132px; height: 27px; position: absolute; top: 16px; } #footer p.happy-cog a:hover, #footer p.happy-cog a:focus { background-position: 0 -27px; } #footer ul { width: 500px; margin: 45px 40px 0 90px; padding: 5px 0 5px; position: absolute; left: 0; border-right: 1px solid #fff; } #footer li { background: none; float: left; padding: 0; margin-bottom: 6px; font-size: 15px; margin-right: 40px; } #footer li a { height: 14px; color: #fff; text-decoration: none; font-family: "franklin-gothic-urw-cond", arial, sans-serif; } #footer li a:hover { text-decoration: underline; } #nav-contact { margin-right: 37px; } #nav-contact a { width: 86px;} #nav-facts { margin-right: 54px; } #nav-facts a { width: 70px; } #nav-jobs a { width: 84px; } #nav-privacy a { width: 136px; } #nav-contact a:hover, #nav-contact a:focus, #nav-facts a:hover, #nav-facts a:focus, #nav-jobs a:hover, #nav-jobs a:focus, #nav-privacy a:hover, #nav-privacy a:focus { background-position: 0 -14px; } body.contact-posse #nav-contact a, body.quick-facts #nav-facts a, body.jobs #nav-jobs a, body.privacy #nav-privacy a { background-position: 0 -28px; } /*------------------------------------------- Social Networks -------------------------------------------*/ .facebook, .flickr, .last-fm, .linkedin, .myspace, .plaxo, .twitter, .youtube, .digg, .reddit, .delicious, .mixx, .stumbleupon, .email-link { padding: 5px 0 5px 33px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; } .facebook { background-image: url(/i/screen/networks/facebook.gif); } .flickr { background-image: url(/i/screen/networks/flickr.gif); } .last-fm { background-image: url(/i/screen/networks/last-fm.gif); } .linkedin { background-image: url(/i/screen/networks/linkedin.gif); } .myspace { background-image: url(/i/screen/networks/myspace.gif); } .plaxo { background-image: url(/i/screen/networks/plaxo.gif); } .twitter { background-image: url(/i/screen/networks/twitter.gif); } .youtube { background-image: url(/i/screen/networks/youtube.gif); } .digg { background-image: url(/i/screen/networks/digg.gif); } .reddit { background-image: url(/i/screen/networks/reddit.gif); } .delicious { background-image: url(/i/screen/networks/delicious.gif); } .mixx { background-image: url(/i/screen/networks/mixx.gif); } .stumbleupon { background-image: url(/i/screen/networks/stumbleupon.gif); } .email-link { background-image: url(/i/screen/networks/email.gif); } .facebook:hover, .facebook:focus, .flickr:hover, .flickr:focus, .last-fm:hover, .last-fm:focus, .linkedin:hover, .linkedin:focus, .myspace:hover, .myspace:focus, .plaxo:hover, .plaxo:focus, .twitter:hover, .twitter:focus, .youtube:hover, .youtube:focus, .digg:hover, .digg:focus, .reddit:hover, .reddit:focus, .delicious:hover, .delicious:focus, .mixx:hover, .mixx:focus, .stumbleupon:hover, .stumbleupon:focus, .email-link:hover, .email-link:focus { background-position: 0 -2000px; } .photo-viewer #main { left: 0; width: 691px; } .photo-viewer #main h1 { clear: both; margin: 0; } .photo-viewer h2 { border: none; margin-bottom: 0; clear: both; } .photo-viewer p { width: 580px; color: #333; } .photo-viewer .main-data { display: inline; } .photo-viewer #sub { left: -7px; } .photo-viewer #sub-nav { margin-left: -21px; } #main div.viewer-wrap { position: relative; padding: 0; } #main div.viewer { width: 580px; padding: 10px 10px 85px; margin: 0 0 24px; background: #8eb3b3; position: relative; } .viewer ul, .viewer li { margin: 0; } #find-a-posse-label, #then-label { position: absolute; top: 458px; left: 29px; width: 100px; height: 14px; background: transparent url(/i/screen/headings/find-a-posse.gif) no-repeat 0 0; text-indent: -9999px; } #posse-city { position: absolute; top: 480px; left: 26px; width: 207px; } #then-label { background-image: url(/i/screen/headings/then.gif); width: 30px; height: 10px; left: 242px; top: 487px; } #posse-univ { position: absolute; left: 283px; width: 207px; top: 480px; } #viewer-search { position: absolute; left: 507px; top: 480px; } /*------------------------------------------- Image Replaced Text -------------------------------------------*/ h1.our-372-selected, h1.posse-profiles, h2.posse-alumni-enewsletter span, h2.upcoming-events span, h2.recent-news-stories span, h2.upcoming-event span, h2.discover-posse-story span, h2.search-all-scholars-alumni, h2.current-employment span, h2.career-summary span, h2.interests-hobbies span, h2.contact-information span, h2.social-networks span, h2.other-ways-you-can-help span, legend.i-am-interested-in span, legend.i-am-a span, a.rss, a.search-scholar-db, a.donate-today-to-posse, a.send-wf { display: block; text-indent: -9999px; background-position: 0 0; background-color: transparent; background-repeat: no-repeat; } /*\*/ a.rss, a.search-scholar-db, a.donate-today-to-posse, a.send-wf { overflow: hidden; } /**/ h1.posse-profiles { background-image: url(/i/screen/headings/posse-profiles.gif); width: 238px; height: 27px; } h2.recent-news-stories, h2.upcoming-events, h2.posse-alumni-enewsletter, h2.upcoming-event, h2.discover-posse-story, h2.current-employment, h2.career-summary, h2.interests-hobbies, h2.social-networks, h2.contact-information { height: 16px; } h2.other-ways-you-can-help { height: 40px; } #sub h2.news-events span { width: 129px; height: 15px; font-size: 22px } h2.posse-alumni-enewsletter span { background-image: url(/i/screen/headings-sub/posse-alumni-enewsletter.png); height: 16px; } h2.upcoming-events span { background-image: url(/i/screen/headings/upcoming-events.png); width: 155px; height: 16px; float: left; } h2.recent-news-stories span { background-image: url(/i/screen/headings-sub/recent-news-stories.png); width: 188px; height: 16px; float: left; } h2.upcoming-event span { background-image: url(/i/screen/headings-sub/upcoming-event.png); width: 144px; height: 15px; } h2.discover-posse-story span { background-image: url(/i/screen/headings/discover-the-posse-story.png); width: 234px; height: 15px; } h2.search-all-scholars-alumni { background-image: url(/i/screen/headings/search-all-scholars-alumni.gif); width: 263px; height: 15px; } h2.current-employment span { background-image: url(/i/screen/headings/current-employment.gif); width: 182px; height: 15px; float: left; } h2.career-summary span { background-image: url(/i/screen/headings/career-summary.gif); width: 146px; height: 15px; float: left; } h2.interests-hobbies span { background-image: url(/i/screen/headings/interests-hobbies.gif); width: 171px; height: 15px; float: left; } h2.contact-information span { background-image: url(/i/screen/headings-sub/contact-information.png); width: 180px; height: 15px; float: left; } h2.social-networks span { background-image: url(/i/screen/headings-sub/social-networks.png); width: 146px; height: 15px; float: left; } h2.other-ways-you-can-help span { background-image: url(/i/screen/headings-sub/other-ways-you-can-help.png); width: 139px; height: 37px; } legend.i-am-interested-in span { background-image: url(/i/screen/headings/i-am-interested-in.gif); width: 167px; height: 14px; } legend.i-am-a { border-top: 1px solid #d2e0e0;; } legend.i-am-a span { background-image: url(/i/screen/headings/i-am-a.gif); width: 650px; height: 14px; margin-top: 20px; } a.rss { background-image: url(/i/screen/widgets/rss.png); width: 15px; height: 15px; float: left; margin: 0 0 0 10px; } a.rss:hover, a.rss:focus { background-position: 0 -15px; } a.search-scholar-db { background-image: url(/i/screen/widgets/search-scholar-db.jpg); width: 287px; height: 57px; } a.search-scholar-db:hover, a.search-scholar-db:focus { background-position: 0 -57px; } a.donate-today-to-posse { background-image: url(/i/screen/widgets/donate-today-to-posse.jpg); width: 247px; height: 40px; } a.donate-today-to-posse:hover, a.donate-today-to-posse:focus { background-position: 0 -40px; } a.send-wf { background-image: url(/i/screen/widgets/send-warm-fuzzies.gif); width: 247px; height: 55px; } a.send-wf:hover, a.send-wf:focus { background-position: 0 -55px; } .share-div, .share-link { display: none; } /*------------------------------------------- Database Styles -------------------------------------------*/ body.database { background: #fff; } .database #content { background: #fff; } .database #main { float: none; position: static; border: none; width: 100%; } .address-wrap, .changeable p { border-right: 4px solid #fff; border-bottom: 6px solid #fff; position: relative; display: inline-block; background: #fff; } #main form .address-wrap select { width: 170px; } .database #header h2 { border: none; width: 129px; height: 20px; background: transparent url(/i/screen/posse-access.gif) no-repeat 0 0; top: 87px; right: 96px; position: absolute; } .database #local-nav { top: 122px; right: 130px; } .distinct form ul input, .distinct form ul select { color: #7f8385; font-style: italic; font-size: 13px; } #main .changeable p { background: #fff url(/i/screen/lock.gif) no-repeat 0 3px; padding-left: 20px; margin-bottom: 0px; } .changeable p strong { color: #7f8385; font-family: Helvetica, Arial, sans-serif; } .changeable p a { font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #7fa2a2; border-left: 2px solid #dfdfdf; padding-left: 5px; margin-left: 4px; } .changeable p a:hover, .changeable p a:focus { color: #02434b; text-decoration: underline; } #main .distinct form ul .changeable ul.form-group { margin-top: -15px; } span.collapse, span.expand, .add-filter a, .remove-filter a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; } form.filter { margin-bottom: 0; padding: 0 16px; } form.filter .form-wrap { background: #e4e4e4 url(/i/screen/filter-box-bg.png) repeat-x 0 0; border: 1px solid #99b3c0; } .filter-head { background: #668ea0; } #main .column-view .filter-head { background: #99b3c0; margin-bottom: 0; padding-left: 23px; } form.filter label select { width: 147px; } #main .collapsible { position: relative; padding: 11px 31px 5px; } .collapsible h2 { font-family: "ITC Franklin Gothic", Arial, sans-serif; font-size: 15px; color: #fff; padding: 0; margin: 0 0 3px; border: none; line-height: 1; } span.collapse, span.expand { position: absolute; top: 11px; left: 8px; background-image: url(/i/screen/widgets/minus.gif); width: 12px; height: 12px; cursor: pointer; } .column-view .filter-head span.collapse, .column-view .filter-head span.expand { left: 0; } span.expand { background-image: url(/i/screen/widgets/plus.gif); } .filter label, .filter legend { font-size: 14px; font-weight: bold; color: #333; font-family: Arial, sans-serif; } #main .filter .actions { text-align: right; padding: 0 70px; margin-bottom: 15px; clear: both; } #main ul.filter-action { margin: 0; } #main ul.filter-action li { float: left; display: block; clear: none; padding: 0 0 0 5px; } .add-filter a, .remove-filter a { width: 22px; height: 22px; background-image: url(/i/screen/widgets/plus-circle.gif); } .remove-filter a { background-image: url(/i/screen/widgets/minus-circle.gif); } .filters { padding: 0 70px; margin-bottom: 10px; } #main .filters li { background: #99b3c0; display: block; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 26px; padding: 17px; margin-bottom: 6px; } .filters li label { display: inline; margin: 0 13px 0 20px; } .filters li input { width: 250px; } .filters li select { width: 137px; margin-right: 13px; } .table-wrap { background: #99b3c0; padding: 8px; margin: 0 16px; } #main div.table-scroll { overflow: scroll; width: 930px; max-height: 620px; margin-bottom: 18px; padding: 0; } .table-wrap table { width: auto; margin-bottom: 0; font-family: Arial, sans-serif; font-size: 13px; } .table-wrap th, td { border-right: 1px solid #9cb5c2; padding: 10px 14px; white-space: nowrap; text-overflow: ellipsis; } .table-wrap th { background: #dcdcdc url(/i/screen/th-bg.gif) repeat-x 0 0; border-bottom: 3px solid #eee; text-align: left; padding-top: 18px; color: #036; font-weight: bold; } .table-wrap th.checkbox { background: #c9ced0 url(/i/screen/th-check-bg.gif) repeat-x 0 0; border-bottom-color: #d8dcdf; padding-left: 7px; padding-right: 7px; text-align: center; } .table-wrap td { background: #eee; white-space: normal; max-width:300px; } .table-wrap .alt td { background: #fff; } .table-wrap td.checkbox { background: #d8dcdf; text-align: center; padding-left: 7px; padding-right: 7px; } .table-wrap .alt td.checkbox { background: #e5eaec; } .checkbox input { background: transparent; } .table-wrap p * { vertical-align: middle; margin-right: 5px; } .table-wrap p * * { margin-right: 0; } fieldset.column-view { background: #b2c6d1; border-left: 8px solid #99b3c0; border-right: 8px solid #99b3c0; margin-top: 10px; } #main .checkboxes { padding: 10px 0; background: #b2c6d1; border-top: 1px solid #7a8f9a; float: left; width: 100%; margin-bottom: 10px; } .checkboxes ul { margin-left: 9px; float: left; width: 175px; margin-bottom: 10px; } .checkboxes label { font-weight: bold; color: #596a72; font-family: Arial, sans-serif; font-size: 12px; } .checkboxes li * { vertical-align: middle; } .checkboxes input { width: auto; background: transparent; } #main.edit { width: 948px; margin-left: 15px; } .edit h2 { border-bottom: none; color: #677881; font-size: 24px; font-family: Arial, sans-serif; font-weight: bold; text-transform: none; padding-bottom: 0; } .edit h2 strong { color: #fff; } .edit .distinct { background: #99b3c0; } #main.edit .distinct form div { width: 400px; } .actions .cancel { position:relative; top:-6px; padding-right:10px; } .pagination { font-family: Arial, sans-serif; color:#5A6A72; text-align:center; } .pagination a { color:#5A6A72; text-decoration:none; border:1px solid #778C97; padding:3px 5px; background:#d8dcdf; } .pagination a.current { background:#FAFDFE; } .heading { margin:20px 0; padding:5px; background:#333; } .heading strong { font-size:24px; color:#eee; } #inline-form { display:none; } /*------------------------------------------- Newsletter -------------------------------------------*/ .newsletter #intro-wrap, .newsletter #content-wrap { width: 980px; margin: 0 auto; } div.newsletter-story { padding: 0px; margin: 0px; } div.newsletter-story b { font-style: bold !important; } div.newsletter-story i { font-style: italic !important; } .with-sub, .with-sub #content, .with-sub #content-wrap { background-image: none; background-color: #fff; } .newsletter #main { border-right: none; float: left;} .newsletter #sub { background-color: #f2f6f7; min-height: 700px; float: right;} .newsletter #content-wrap { clear: none; } .newsletter #content { clear: none; } .newsletter #content #main { width: 590px; } .newsletter #content #sub { width: 320px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; } .newsletter #sub { padding: 20px 15px; } .newsletter #sub h1 { font-family: "franklin-gothic-urw-cond", arial, sans-serif; color: #333; font-size: 20px; font-weight: 400; padding-bottom: 5px; border-bottom: 1px solid #abc8c8; margin-bottom: 10px; } .newsletter #sub h3 { margin-top: 25px; } .newsletter #sub h3 a { font-size: 19px; font-weight: 400; } .newsletter #sub .main-data { font-size: 11px; color: #444; font-weight: normal; } .news-detail #intro { width: 480px; float: left; padding: 0} .with-sub h1 { margin-left: 0; } .newsletter #intro h1 { background-color: #e6593b; box-shadow: 10px 0 0 #e6593b,-10px 0 0 #e6593b; color: #fff; display: inline; font-size: 30px; line-height: 38px; font-weight: normal; padding: 2px 0; text-shadow: 1px 1px 3px rgba(0,0,0,.7); text-transform: capitalize; width: 800px; } #intro h4 { margin: 0 0 20px; } #intro h4:after { content: "|"; color: #c6c6c6; font-weight: 400; margin-right: 5px; padding-left: 5px;} #intro h4:last-child:after { content: none; } #intro a { text-decoration: none; } #intro .title { margin-top: 20px; } .newsletter-featured-image { float: right; max-width: 480px; float:right; display: inline-block; margin-bottom: 20px; } .newsletter-featured-image img { max-width: 480px; float: right; display: inline-block; margin-bottom: 10px; } img.featured-image-square { width: 160px; border: 5px solid #d0e0e0; float: right;} .newsletter .more { display: inline-block; } .sub-donate { margin: 25px 0 0 -35px; color: #000; display: inline-block; padding: 10px; border: 5px solid #fff; background-image: -ms-linear-gradient(top, #E65A3E 0%, #C04D37 100%); background-image: -moz-linear-gradient(top, #E65A3E 0%, #C04D37 100%); background-image: -o-linear-gradient(top, #E65A3E 0%, #C04D37 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E65A3E), color-stop(1, #C04D37)); background-image: -webkit-linear-gradient(top, #E65A3E 0%, #C04D37 100%); background-image: linear-gradient(to bottom, #E65A3E 0%, #C04D37 100%); } .sub-donate h3 { color: #fff; margin: 0 !important; font-weight: 400; font-size: 18px; } .sub-donate span { margin: 0 10px 0 5px; font-size: 18px; } /* html, body.newsletter, .newsletter #intro-wrap, #content, .newsletter #sub { height: 100%; } */ /*------------------------------------------- News and Events -------------------------------------------*/ .news-events .featured h1 { font-family: "franklin-gothic-urw-cond", arial, sans-serif; /* color: #000; */ font-weight: normal; /* font-size: 35px; */ } h1#page-title { width: auto; margin-bottom: 25px; } .news-events #sequence article { width: auto; height: auto; } .news-events #sub { padding: 0; min-height: 680px; } .news-events #sub .distinct { min-height: 700px; } /* ----- dropdown ----- */ .featured .btn { background-color: #8aaeae; background-image: none; border-radius: none !important; color: #fff; text-shadow: none; } .featured .btn:hover { background-color: #1c7676; } .featured .btn-group { margin: -5px 10px 0; } .featured .btn-group > .btn { border: none; border-radius: 0; font-size: 18px; } .btn .caret { margin-left: 7px; } .btn-group.open .btn.dropdown-toggle { background-color: #8aaeae; } .dropdown-menu { background-color: #f2f6f6; border: 5px solid #d2e0e0; border-radius: 0px; } .dropdown-menu > li > a { padding: 3px 10px; } .dropdown-menu > li > a:hover { background-image: none; background-color: #d2e0e0; color: #333; } .dropdown-menu li { background: none; padding: 0; } .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background-color: #0081c2; } .btn:focus { outline: none; } #city-callout { background-color: #ffe6d6; padding: 0px 5px 0px 15px; box-shadow: 3px 4px 4px -1px #b6b6b6; } #city-callout { font-family: "franklin-gothic-urw-cond", arial, sans-serif; text-transform: uppercase; font-size: 2.3em; color: black; line-spacing:1px; position: relative; } #city-callout .arrow { position: absolute; top: 50%; left: -5px; margin-top: -5px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ffe6d6; } #city-callout .close { color: black; float: right; padding:0px 0px 10px 10px } #main .btn { background-image: none; background-color: #c6dbd9; color: #656565; font-family: "franklin-gothic-urw-cond", arial, sans-serif; border: none; border-radius: 0; margin: 20px 0 40px; padding: 5px 10px; font-size: 18px; text-transform: uppercase; text-shadow: none; box-shadow: none; } #main .btn:hover { background-color: #8fb3b3; color: #111; } /* ----- end dropdown ----- */ .newsEvents-wrapper { margin: 30px 0 0; } .news-events img { max-width: 100%; } .newsEvents-image { margin-bottom: 30px; } .newsSidebar { width: 300px; float: right; background-color: #f2f6f7; border-right: 5px solid #d2e1e1; margin-top: 0px; padding: 10px 20px; min-height: 900px } .news-events #intro { margin: 15px 0; } /* .news-events #intro h1 { font-size: 42px; line-height: 45px; text-transform: uppercase; } */ .news-events .news-subtitle { color: #E65A3E; text-transform: none; font-size: 22px; font-weight: normal; border: none; margin: 0; } .newsEvents-main .more { margin-top: 0; } /* .news-events .seeMore-box { margin-bottom: 40px; } */ .newsEvents-main h4 { margin-bottom: 10px; } .news-events article p:first-child { font-size: 18px; } .news-events article b { color: #000; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-size: 16px; } .news-events article h2 { padding: 0 0 5px; margin-top: 35px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: normal; font-size: 20px; } .news-events article * { line-height: 1em; } .news-events article h1 { text-transform: none; color: #fff; font-size: 32px; } .news-events article h1 { line-height: 32px; } .news-events article .title-bg h1 { color: transparent; text-shadow: none; } .news-events article p { line-height: 1.6; } .news-events .eyebrow .readMore { position: absolute; left: 0; top: 233px; } .newsSidebar h2 { padding: 0 0 5px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: normal; font-size: 20px; } .news-events .distinct h3 { width: 170px; display: inline-block; float: left; color: #e65a3e; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-size: 21px; font-weight: 400; } .news-events .distinct h3 a { color: #e65a3e; } .news-events .distinct h3 a:hover { color: #bc2402; } .news-events .distinct h4 { max-width: 220px; display: inline-block; color: #e65a3e; text-transform: none; font-size: 14px; } .date-block { float: right; width: auto; font-family: "helvetica", arial, sans-serif; text-align: center; } .date-block h6 { text-transform: uppercase; } hgroup.date { background-color: #fff; text-transform: uppercase; padding: 10px 8px 6px; color: #4d4d4d; } hgroup.date small { font-size: 14px; line-height: 14px; letter-spacing: 2px; } hgroup.date h1 { font-size: 36px; line-height: 30px; letter-spacing: 2px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: 500; margin: 0; color: #4d4d4d; } hgroup.date small .starts { letter-spacing: 1px; text-transform: uppercase; font-size: 9px; margin-bottom: 5px;} hgroup.date p { font-size: 14px; } .news-events .distinct p, .news-events .distinct h6 { clear: left; } .news-events .distinct .single-event { border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px; } .news-events .distinct .single-event:last-child { border: none; } body.news-events { background-color: #fff; } .news-events #main, .news-events #sub .distinct { padding-bottom: 40px; } .news-events .alt #main { padding-top: 14px !important;} .news-events #main .article { margin-bottom: 50px; } .news-events #main h2 { font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: normal; font-size: 20px; padding-bottom: 7px; } .news-events #main .subhead { font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: bold; color: black; font-size: 12px; letter-spacing: 1px; clear: none;} .news-events #main h3 { font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-size: 22px; font-weight: 500; } .news-events #main img { float: right; width: 130px; border: 5px solid #d2e1e1; margin-left: 20px; clear: right; margin-bottom: 10px; } .news-events #main p { font-size: 14px; } .news-events #main article { margin-bottom: 30px; } .news-events .share-div .close-share { color: transparent; } .news-events .eyebrow .pagination { cursor: pointer; } /*------------------------------------------- Events -------------------------------------------*/ body.events { height: default; background: #ffffff; } .newsEvents-wrapper { margin: 40px 0 0; } .newsEvents-wrapper .container { background: #fff url(/i/screen/content-bg.jpg) no-repeat right bottom; background-size: 500px; } .newsSidebar { width: 340px; float: right; background-color: #f2f6f7; border-right: 5px solid #d2e1e1; margin-top: 0px; padding: 10px 20px; } .events #intro { margin: 15px 0; width: 90%;} /* .events #intro h1 { font-size: 42px; line-height: 40px; text-transform: uppercase; } .events #intro .title-bg h1 { box-shadow: 10px 0px 0 #e6593b,-10px 0px 0 #e6593b; } */ .events h1.bigTitle { color: #e6593b; font-size: 45px; font-weight: 700; line-height: 48px; font-family: "franklin-gothic-urw-cond"; text-transform: capitalize; margin-bottom: 5px; } .events .news-subtitle { color: #E65A3E; text-transform: none; font-size: 22px; font-weight: normal; border: none; margin: 0; } .newsEvents-Main { background: #fff url(/i/screen/body-bg.gif) repeat-x 0 bottom; padding-bottom: 500px; padding-right: 20px; } .newsEvents-main .more { margin-top: 0; } /* .events article p:first-child { font-size: 18px; } */ /* .events article b { color: #000; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-size: 16px; } */ .events article h2 { padding: 0 0 5px; margin-top: 30px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: normal; font-size: 20px; } .newsSidebar p { font-size: 14px; } .newsSidebar h2 { padding: 0 0 5px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: normal; font-size: 20px; } .newsSidebar li { margin-bottom: 5px; } .newsSidebar ul { margin-top: -10px; } .newsSidebar .newsDate p { font-weight: bold; margin: 0; font-size: 14px; } .newsDate { display: inline-block; } .newsDateBox { float: right; width: auto; background-color: #fff; font-family: "helvetica", arial, sans-serif; text-align: center; padding: 10px 8px 6px; color: #4d4d4d; } .newsDateBox p { text-transform: uppercase; margin: 0; } .newsDateBox .month { font-size: 15px; line-height: 15px; letter-spacing: 2px; } .newsDateBox .day { font-size: 36px; line-height: 37px; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: 500; } .newsDateBox .year { font-size: 16px; line-height: 20px; letter-spacing: 1px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: 500; color: #8f8f8f; } /*------------------------------------------- News -------------------------------------------*/ .news-detail article { margin-top: 40px; } .news-detail #intro { width: 550px; } .news-detail #intro h1 { font-size: 42px; line-height: 52px; } .news-detail #content article + more { margin-bottom: 60px; } .news-detail .container article p { max-width: 640px; } .news-detail #main { border-right: none; width: 584px; background-color: none; background: none; } .news-detail #sub { background-color: #f2f6f7; width: 295px; padding: 10px 15px; float: right; font-family: "franklin-gothic-urw-cond", arial, sans-serif; } .news-detail #sub h1 { color: #333; font-size: 20px; font-weight: 400; padding-bottom: 5px; border-bottom: 1px solid #abc8c8; margin-bottom: 10px; } .news-detail #sub h2 { color: #222; padding: 0 0 5px; font-weight: normal; font-size: 20px; margin-bottom: 30px; } .news-detail #sub h3 { margin-top: 25px; } .news-detail #sub h3 a { font-size: 19px; font-weight: 400; } .news-detail #sub .main-data { font-size: 11px; color: #444; font-weight: normal; } .news-detail #sub ul li { padding: 0; background: none; } .news-detail .image-list p { font: normal 62.5% Georgia, 'Times New Roman', serif; line-height: 16px; } .news-detail .image-list { width: 160px; margin-right: 35px; margin-left: 35px; } .news-detail .image-list img { width: 160px; } #sidebar { margin-left: 30px; } #main ul.pager li { background-image: none; display: inline; } .news-detail .newsletter-featured-image { width: 100%; } .news-detail a.donate-today-to-posse { width: 233px; } .news-detail .callout { margin-left: -40px } .news-detail p.more { margin-top: 0px; } .news-detail #intro { width: 560px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; overflow: visible; } .news-detail #intro h1 { font-size: 42px; line-height: 46px; width: 500px; text-transform: none; } .news-detail .title-box { margin-top: 20px; } h1.bigTitle { width: 560px; } article h1.bigTitle a, article h1.bigTitle { color: #e6593b; font-size: 38px; font-weight: 700; line-height: 40px; font-family: "franklin-gothic-urw-cond"; text-transform: capitalize; } .title-box h1 { font-size: 36px; width: 560px; text-transform:capitalize; font-family: "franklin-gothic-urw-cond"; } .title-text { position: absolute; width: 560px; } .title-text h1 { color: #fff !important; text-shadow: 1px 1px 3px rgba(0,0,0,.7); width: 580px; font-size: 32px; line-height: 34px } .title-bg { width: 580px; z-index: 10; } .title-bg h1 { background-color: #e6593b; box-shadow: 10px 0px 0 #e6593b,-10px 0px 0 #e6593b, 10px 4px 0 #e6593b, -10px 4px 0 #e6593b; color: transparent; display: inline; font-weight: normal; padding: 2px 0; font-size: 32px; width: 580px; line-height: 34px } /* index */ .news #content, .news, .news #content-wrap { background-color: #ffffff; } .news #intro h1, .news-events .featured h1 { color: #333; } .news #main { padding-right: 26px; } .news #main h2 { font-weight: 500; padding-bottom: 5px; } .news #main .article { margin-bottom: 50px; } .news #main h2 { font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: normal; font-size: 20px; padding-bottom: 7px; } .news #main .subhead { font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-weight: bold; color: black; font-size: 12px; letter-spacing: 1px; } .news #main h3 { font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-size: 22px; font-weight: 500; } .news #main img { float: right; width: 130px; border: 5px solid #d2e1e1; margin-left: 20px; } .news #main p { font-size: 14px; } .news #main article { margin-bottom: 30px; } .news #main > div { padding-top: 0; } .news #sub { background-color: #f2f6f7; width: 245px; padding: 0px 15px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; } .news #sub p { font-size: 15px; } .news #sub h1 { color: #333; font-size: 20px; font-weight: 400; padding-bottom: 5px; border-bottom: 1px solid #abc8c8; margin-bottom: 10px; } .news #sub h2 { color: #222; padding: 10px 0 5px; font-weight: normal; font-size: 20px; margin-bottom: 30px; } .news #sub h3 { margin-top: 25px; } .news #sub h3 a { font-size: 19px; font-weight: 400; } .news #sub .main-data { font-size: 11px; color: #444; font-weight: normal; } .news #sub ul li { padding: 0; background: none; } .news-detail .newsletter-featured-image { width: 100%; padding-left:20px; } .news article h4 { margin-bottom: 10px; } .news article h4 a { color: #000; font-weight: 500; padding-left: 0;} .news article .divider { color: #ccc; margin: 0 3px; } .news .bigTitle { margin-top: 10px; margin-bottom: 15px; } /* dropdown */ #intro .btn { background-color: #8aaeae; background-image: none; border-radius: none !important; color: #fff; text-shadow: none; } #intro .btn:hover { background-color: #1c7676; } #intro .btn-group { margin: -5px 10px 0; font-weight: normal; } #intro .btn-group > .btn { border: none; border-radius: 0; font-size: 18px; font-weight: 400; } #intro .dropdown-menu > li > a { display: block; padding: 3px 10px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } /*------------------------------------------- Home -------------------------------------------*/ /* header */ .home #header { height: 278px; min-height: 278px; } .home #header #utility-nav { top: 60px; } .home #header #main-search { padding-top: 192px; } #header-search { position: absolute; top:135px; left: 748px; } /* header */ .home #intro-wrap { padding-top: 20px; } .home #intro { font-family: "franklin-gothic-urw-cond", arial, sans-serif !important; margin-left: -155px; width: 727px; background-color: #fff; color: #9a9b9f; padding: 0 20px 20px 0 !important; margin-bottom: 0; } .home #intro h1 { color: #9b9ca0; text-transform: uppercase; font-weight: normal; text-shadow: none; } .home #intro h1 strong { font-weight: 500; } .home #intro h1 a { font-weight: 500; font-family: "futura-pt", sans-serif; letter-spacing: -3px; } .home #intro h1 a:hover { color: #ce3a08; } .home #content-wrap { font-family: "franklin-gothic-urw-cond", arial, sans-serif; } .home #main > .callout.alt-image { margin-top: 0px; left: -158px; background: none; border: none; padding: 0; } .home #intro h1 { background-color: transparent; box-shadow: none; } .home .distinct h2 { padding: 0 0 5px; font-weight: normal; font-size: 20px; margin-bottom: 30px; } .home .distinct h3 { font-size: 26px; font-weight: normal; text-transform: uppercase; } .home .distinct h3 a { line-height: 26px; } .home .distinct p { font-size: 14px; max-width: 310px; } .home .distinct .callout.button { width: auto; } .home #main .distinct .button.callout { left: -164px; margin: 70px 0 0; } .home #main .distinct .button.callout a { width: 210px; } .home #main .distinct .callout.alt-image { margin-top: 150px; left: -124px; } .home #sub .link-list li:first-child { margin-bottom: 30px; } .home #sub .link-list li:first-child h3 a { color: #e6593b; font-size: 25px; line-height: 27px; display: inline; font-weight: normal; } .home #sub .link-list li:first-child h3 a:hover { text-decoration: underline; } .home #sub .link-list li:first-child .main-data { color: #e6593b; font-size: 11px; line-height: 13px; display: inline; font-weight: normal; padding: 6px 0; } .home #content .link-list li { margin-bottom: 30px; } .home #content .link-list li a { font-weight: 400; font-size: 18px; } .home #content .link-list li .main-data { font-weight: bold; font-size: 12px; font-family: "franklin-gothic-urw-cond", arial, sans-serif; } /*------------------------------------------- Other -------------------------------------------*/ .seeMore { background-color: #c5dcdc; font-family: "franklin-gothic-urw-cond", arial, sans-serif; font-size: 18px; color: #666; text-transform: uppercase; padding: 3px 8px; margin: 40px 0; } .seeMore:hover { text-decoration: none; } .news-events #content-wrap { overflow: hidden; } .our-alumni #intro h1 br { line-height: 1.2; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #8eb3b3; -webkit-box-shadow: 0 1px 1px #8eb3b3, 0 0 8px #8eb3b3; -moz-box-shadow: 0 1px 1px #8eb3b3, 0 0 8px #8eb3b3; box-shadow: 0 1px 1px #8eb3b3, 0 0 8px #8eb3b3; } .equal { min-height: 700px; } .equal p.more { padding-bottom: 40px; } /* #main-nav li { float: left; } #main-nav li a { padding: 8px 20px; margin 0px -3px 0 0; } #main-nav li#nav-news a { padding: 8px 19px 8px 20px; } */ .our-career-program #intro #main-search, .our-scholars #intro #main-search { display: none; } /* .news #sub { background-image: url('/i/screen/sidebar-bg-border-left.png'); } */ /*------------------------------------------- Typekit -------------------------------------------*/ #intro h1 { font-family: "franklin-gothic-urw-cond"; font-weight: 400; } body.home #intro h1 { font-size: 49px; letter-spacing: 1px; } .with-sifr h2, .with-sub #sub h2, #sub h2 { font-family: "franklin-gothic-urw-cond"; font-weight: 400; } /*------------------------------------------- Portal Styles -------------------------------------------*/ .form-horizontal .control-group { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid white; } .form-horizontal .control-group label { color: #1d6e68; font-family: "franklin-gothic-urw-cond", Arial Narrow, Arial, sans-serif; } .form-horizontal .control-group.error label { color: #b94a48; } textarea { background-color: white; } /* -------------------------------------------------------------------------------- */ /* become a career partner */ #main .distinct form ul.chosen-choices, #main .distinct form ul.chosen-results { padding: 2px 0; margin: 0; width: 100%; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } #main .distinct form ul.chosen-choices li { float: none; display: inline-block; margin-bottom: 0; } .distinct .control-group.error .help-inline { font-size: 13px; padding: 0; display: inline-block !important; margin-top: -10px; } #anniversary-wrap hgroup.top { background-color: #333333; height: 60px; } #anniversary-wrap hgroup.bottom { background-color: #666666; height: 115px; } #anniversary-wrap.active hgroup.top { background-color: #666666; } #anniversary-wrap.active hgroup.bottom { background-color: #333333; } #anniversary-wrap.active h1 { text-shadow: 2px 2px 8px #222; } #anniversary-wrap img.scholar { width: 185px; float: left; margin-top: -60px; margin-left: - 15px; } #anniversary-wrap img.scholar-color, #anniversary-wrap.active img.scholar-bw { display: none; } #anniversary-wrap.active img.scholar-color, #anniversary-wrap img.scholar-bw { display: block; } #anniversary-wrap h1, #anniversary-wrap h2, #anniversary-wrap h3 { font-family: "franklin-gothic-urw-cond"; } #anniversary-wrap h1 strong { color:#f0684a; font-family:"franklin-gothic-urw"; font-weight: 700; letter-spacing: 0px; } #anniversary-wrap h1 { font-size: 130px; color: #ffffff; display: block; margin: -35px 0px 0px -35px;; width: 520px; letter-spacing: 2px; float: left; } #anniversary-wrap h1 #letter-5 { margin-left: -4px; } #anniversary-wrap h1 #letter-a { margin-left: 6px; } #anniversary-wrap h1 #letter-y { margin-left: -5px; } #anniversary-wrap h1 #letter-s { margin-left: -2px; } #anniversary-wrap a, #anniversary-wrap a:hover { text-decoration: none; } #anniversary-wrap h3 { display: block; width: 300px; letter-spacing: 2px; float: left; font-size: 55px; font-weight: 400; color: #f4b290; text-transform: uppercase; margin-top: 8px; line-height: 0.9; -webkit-font-smoothing: subpixel-antialiased; } #anniversary-wrap h2, #anniversary-wrap.active h2 { font-size: 50px; color: #c7c7c7; font-weight: 400; letter-spacing: 2px; border: 0px !important; text-decoration: none; margin: -5px 0px 0px 160px; -webkit-font-smoothing: antialiased; } #anniversary-wrap h2 strong { font-weight: 500; color: white; margin-left: 4px; } #anniversary-sub { background-color: #333333; position: absolute; bottom:35px; height: 37px; left: -1000px; width: 5000px; } #anniversary-sub:hover { background-color: #666666; } #anniversary-sub h4 { color: #c7c7c7; position: relative; left: 1000px; top:1px; font-size: 26px; font-weight: 400; letter-spacing: 1px; -webkit-font-smoothing: antialiased; } #anniversary-sub img { float: left; width: 39px; position: relative; left: 1000px; margin-right: 10px; } #anniversary-sub h4 strong{ font-weight: 500; color: white; } #anniversary-sub h4 strong span { color: #f0684a; } #anniversary-sub a:hover { text-decoration: none; }