html, body {margin:0; padding:0; background:#7F7F7F;} body {font-size:76%; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:1.5;} p{font-size:1.0em; margin:0 0 10px 0; } .highlight p, p.highlight {font-size:1.2em; } a, a:visited {color:#fc9004; text-decoration:underline;} a:focus, a:active, a:hover {text-decoration:none; color:#fc9004; } a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */ a img {border:none;} h1 {color:#fc9004; line-height:1.4em; font-size:1.4em; padding:0; margin:0 0 10px 0; font-weight:bold; } h2 {color:#fc9004; line-height:1.3em; font-size:1.3em; padding:0; margin:0 0 10px 0; font-weight:normal;} h3 {color:#fc9004; line-height: 1.1em; font-size: 1.1em; font-weight: bold; padding:0; margin:0 0 10px 0; } h4 {color:#fc9004; line-height: 1.1em; font-size: 1.1em; font-weight: normal; padding:0; margin:0 0 10px 0; } .unviewable {position:absolute; display:block; height:10px; width:10px; text-indent:-999em; top:-999em; } /* Hides the element from view */ .small {font-size:0.85em; font-weight:normal;} .clear {clear:both;} div {position:relative;} hr {clear:both;border:0; height:5px; background:url(../images/hr.png) repeat; overflow:hidden; margin:10px 1px;} table {margin:0 0 10px 0;} input:focus, textarea:focus {background:#fefef4; } .first-highlight {font-size:1.6em; font-weight:700; line-height:1.3;color:#fc9004; letter-spacing:-0.7px; } /************************ STRUCTURAL ************************/ #container{width:980px; margin:0 auto; z-index:2;} #header{height:200px; margin-top:35px;} .gridTwoLeft {padding-left:250px; background:#fff url(../images/back.png) repeat -1960px 0; } .gridTwoLeft .wrapper {} .gridTwoLeft .wrapper .col1 {width:100%; float:right;} .gridTwoLeft .wrapper .col2 {margin-left:-250px; width:250px; float:right;} .gridTwoLeft .wrapper .col1 .paddingBox {padding:0 50px 20px 15px; } .home .gridTwoLeft .wrapper .col1 .paddingBox {padding:0 50px 0 15px; } .gridTwoLeft .wrapper .col2 .paddingBox {padding:0 20px 0 20px;} /************************ HEADER ************************/ #header {background:#fff url(../images/back.png) repeat 0 0; } #rounded-top {position:absolute; height:50px; width:980px; left:0; top:0; z-index:5; background:url(../images/main-cnr.png) no-repeat 0 -50px;} #logo {position:absolute; display:block; width:320px; height:171px; top:25px; right:50px; z-index:11; overflow:hidden; } #logo a {width:100%; height:100%; display:block;background:url(../images/cathaven-logo.png) no-repeat;} #header strong {position:absolute; display:block; top:45px; left:280px; width:430px; height:110px; z-index:10; font-weight:normal; font-size:2em; letter-spacing:-0.3px; line-height:1.1; color:#fec882; overflow:hidden;} #footer-vis {position:fixed; bottom:0;width:100%; height:70px; background:url(../images/back-footer.png) repeat 50%; overflow:hidden; z-index:1;} * html #footer-vis {position:relative; bottom:auto;} #header-image {position:absolute; height:185px; width:217px; left:29px; top:-13px; background:url(../images/header-left.png) no-repeat; z-index:11;} #header-image-bottom {position:absolute; height:50px; width:980px; left:0; top:150px; background:url(../images/back.png) repeat -2940px 0;z-index:10;} /************************ * ORANGE BOX ***********************/ .ob {background:#fc9004; width:665px;} .ob-t {width:665px; height:15px; overflow:hidden; background:url(../images/main-cnr.png) no-repeat 0 -100px;} .ob-b {width:665px; height:15px; overflow:hidden; background:url(../images/main-cnr.png) no-repeat 0 -115px;} .ob-i {padding:0 15px 0 345px;} .ob p, .ob a, .ob h2, .ob h3, .ob {color:#000; text-decoration:none; } .o-image {display:block; position:relative; float:left; width:300px; margin-bottom:5px; text-decoration:none; font-weight:bold;} .last {margin:0;} .o-image span {display:block; line-height:1.2; color:#000; } .o-image .head {font-size:1.3em; color:#fff; margin-bottom:5px; } .o-image .right {color:#fff; text-decoration:underline; text-align:right; font-weight:normal;margin-top:5px;} .o-image-o {float:left; margin-right:20px;} .o-image-over {position:absolute; top:0; left:0; width:90px; height:85px;background:url(../images/overlay-stitch.png) no-repeat -160px top; } a .o-image-over {cursor:pointer;} .o-image:hover span, .o-image:focus span {color:#fff; } .o-image:hover .right, .o-image:focus .right {text-decoration:none;} /************************ * WHITE BOX ***********************/ .wb {background:#fff; width:295px; float:left; margin-left:25px; } .wb-t {width:295px; height:10px; overflow:hidden; background:url(../images/main-cnr.png) no-repeat -665px -100px;} .wb-b {width:295px; height:10px; overflow:hidden; background:url(../images/main-cnr.png) no-repeat -665px -110px;} .wb-i {padding:0 15px 0 130px; z-index:10; min-height:155px;} .wb a, .wb h2, .wb h3 {color:#fc9004; margin-bottom:5px; } .wb p, .wb {color:#000; font-weight:bold; margin-bottom:0;} .wb .read-more {color:#fc9004; text-align:right; font-weight:normal;} .wb h2 {font-weight:bold;} .wb-image {position:absolute; bottom:-33px; left:-50px; width:180px; height:200px; background:url(../images/wb-default.png) no-repeat; z-index:9;} /* CHRISTMAS */ #id52 .wb-image {bottom:0; left:0; background:url(../images/wb-christmas.png) no-repeat; width:191px; height:167px; } #id52 .wb-i {padding:0 15px; z-index:10;} #id52 .wb-i p {padding:0 0 0 90px; z-index:10;} .xmas-neg-margin {margin-right:-50px;} #christmas {float:right;} #christmas ul, #christmas ul {margin:0; padding:0; list-style:none;} #christmas li {position:absolute; width:95px; height:80px; top:0; left:0; text-indent:-999em; overflow:hidden;} #christmas li a {position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/spacer.png);} #christmas li a:hover, #christmas li a:focus {background:#fff; -moz-opacity: 0.20;opacity: 0.20; filter:alpha(opacity=20);} #christmas .l1 {top:7px; left:267px;} #christmas .l2 {top:13px; left:178px; width:70px; height:105px;} #christmas .l3 {top:86px; left:320px; width:70px; height:115px;} #christmas .l4 {top:120px; left:216px;} #christmas .l5 {top:133px; left:147px; width:70px; height:105px;} #christmas .l6 {top:200px; left:303px;} #christmas .l7 {top:208px; left:230px; width:70px; height:105px;} #christmas .l8 {top:253px; left:129px;} #christmas .l9 {top:281px; left:297px;} #christmas .l10 {top:333px; left:160px; width:70px; height:105px;} #christmas .l11 {top:355px; left:244px; width:70px; height:105px;} #christmas .l12 {top:383px; left:324px; width:70px; height:105px;} /* VOLUNTEER WEEK */ #id77 .wb-image {bottom:0; left:-9px; background:url(../images/wb-vollies.jpg) no-repeat; width:191px; height:167px; } #id77 h2 {text-align:right; margin-left:40px;} #id77 .wb-i {padding:0 15px; z-index:10;} #id77 .wb-i p {padding:0 0 0 90px; z-index:10;text-align:right; } .xmas-neg-margin {margin-right:-50px;} #christmas {float:right;} /************************ * BOTTOM BOXES ***********************/ .obxb {background:url(../images/back.png) repeat -3920px 0; width:665px; margin:20px 0 60px; } .obxb-t {width:665px; height:15px; overflow:hidden; background:url(../images/main-cnr.png) no-repeat 0 -130px;} .obxb-b {width:665px; height:15px; overflow:hidden; background:url(../images/main-cnr.png) no-repeat 0 -145px; clear:both;} .obb {width:320px; float:left; position:static;} .obb p {font-size:0.95em; letter-spacing:-0.7px;} .right {float:right; } .obb-i {padding:13px 20px 28px 35px; font-weight:bold; z-index:10;} .obb-button {position:absolute; display:block; width:75px; height:75px; text-indent:-999em; overflow:hidden; bottom:-30px; background:url(../images/nav-stitch.png) no-repeat; z-index:9;} .left .obb-button {background-position: -445px top; left:220px; } .right .obb-button {background-position: -520px top; right:220px; } .obb-image {position:absolute; display:block; z-index:9;} .left .obb-image {width:197px; height:113px; bottom:-55px; left:15px; background:url(../images/obb-l.png) no-repeat;} .right .obb-image {width:120px; height:237px; bottom:-60px; right:15px; background:url(../images/obb-r.png) no-repeat;} .right .obb-i {padding-right:140px;} /* Lost and Found page */ .lostfound {margin-top:80px;} .lostfound .left .obb-image {width:160px; height:160px; top:-45px; left:145px; bottom:auto;background:url(../images/obb-lostfound-l.png) no-repeat;} .lostfound .right .obb-image {width:290px; height:126px; top:-91px; right:15px; bottom:auto;background:url(../images/obb-lostfound-r.png) no-repeat;} .lostfound .left .obb-i {padding-right:145px;} .lostfound .obb-button {background-position: -670px top; } .lostfound .left .obb-button {left:150px;} .lostfound .right .obb-button {right:20px;} /************************ NAVIGATION ************************/ #mainnav, #mainnav .dropnav {padding: 0; margin: 0; list-style: none; line-height: 1;} /* all lists */ #mainnav {margin-bottom:20px;} /* Main level links styles*/ #mainnav li {display:block; line-height:1.6em; } #mainnav li a {display: block; text-decoration:none; padding:0.2em 10px 0.4em 40px; color:#000; background:url(../images/nav-stitch.png) no-repeat bottom left; font-size:1.05em;} #mainnav li a:focus, #mainnav li a:active, #mainnav li a:hover, #mainnav li.current a, #mainnav li.section a {color:#fc9004; background:url(../images/nav-stitch.png) no-repeat -210px bottom; font-weight:bold;} #mainnav li.current, #mainnav li.section {color:#fc9004; font-weight:bold} #mainnav li.current ul a, #mainnav li.section ul a {color:#000} /* Dropped links styles*/ #mainnav li .dropnav li {text-transform:none; } #mainnav li .dropnav li a {display: block; text-decoration:none; padding-left: 60px; background:url(../images/nav-stitch.png) no-repeat bottom left; font-weight:normal; text-indent:-0.65em;} #mainnav li .dropnav li a:hover, #mainnav li .dropnav li a:active, #mainnav li .dropnav li a:focus, #mainnav li .dropnav li.current a, #mainnav li .dropnav li.section a, #mainnav li .dropnav li.current, #mainnav li .dropnav li.section {font-weight:bold;} #nav-vis {position:absolute; width:234px; height:100%; top:0; left:0; border-right:1px solid #c8c8c8; } /************************ * FOOTER ************************/ #footer {background:#fc9004 url(../images/back.png) repeat -980px 0px; overflow:hidden;} #rounded-bottom {position:absolute; height:50px; width:980px; left:0; bottom:0; z-index:5; background:url(../images/main-cnr.png) no-repeat 0 0; clear:both;} .ff {float:left; z-index:9; margin:25px 0; padding:0 10px 0 25px; background:#fc9004 url(../images/nav-stitch.png) repeat-y -745px top; height:15em;} .one {width:270px; margin-left:40px; padding:0 10px 0 0; background:none;} .two {width:190px; } .three-head {width:370px;} .three {width:225px; height:11em;padding:20px 0 0 200px; display:none; left:0; position:absolute; z-index:6; top:1.3em; background:none; margin-top:0; cursor:pointer;} .firstcotw {display:block; z-index:10;} .ff p {font-size:1em; line-height:1.1; } .one h3{width:240px;} .ff .address {margin-bottom:5px; position:relative; font-weight:700;} .ff .lh1 {height:1.1em; } .ff .lh2 {height:2.2em; } .ff .lh3 {height:3.3em; } .ff .address span {position:absolute; top:0; left:5.8em; font-weight:normal;} .three, .three:link, .three:visited {text-decoration:none; } .three h2 {margin:3px 0 7px 0;} .three span {display:block; color:#000; } .three u {color:#fff;} .ff .cotw {margin-bottom:2px; position:relative; color:#fff;} .ff .cotw-info {padding:0 20px 0 0;} .ff .cotw span {position:absolute; top:0; left:5em; color:#000; font-weight:bold;} .ff .last {margin-bottom:7px; } .three-head p {margin:0 60px 0 20px;} /* no COTW message */ #printing-map {display:none;} .ff-image {position:absolute; display:block;top:10px; left:25px; width:160px; height:140px; background:url(../images/adopt-default-cotw.png) no-repeat;} .ff-image-o {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/overlay-stitch.png) no-repeat top left; } .ff a, .ff h2, .ff h3 {color:#fff; } .ff p, .ff {color:#000; } /************************ * Vanity ************************/ #vanity {padding-bottom:60px; font-size:0.9em;} #vanity a {color:#fff; text-decoration:none;} #vanity .vanity-2 a {text-decoration:underline;} #vanity .vanity-2 a:hover {text-decoration:none;} #vanity ul {list-style:none; margin:0; padding:0;} #vanity li {display:block; float:right; margin-right:15px; padding-right:15px; border-right:#fff solid 1px; color:#fff; } /************************ SEARCH PAGE ************************/ #search_results {list-style:none; padding:0; margin:0;} #search_results li {margin:15px 0 0 0; background:url(../images/hr.png) repeat-x bottom left; padding-bottom:5px; width:660px;} #search_results li p {color:#8b8b8a; margin-left:20px;} #search_results a {font-weight:bold;} #search_results .search_parent {font-weight:normal;} #report-nav dd, #report-nav dt {list-style:none; display:block; float:left; margin:0; line-height:2.5em; } #report-nav dt {margin-right:5px;padding:0 0 0 10px; } #report-nav {border:1px solid #D9D9D9; margin:20px 0; overflow:hidden;} #report-nav a:hover {} #report-nav a, #report-nav .disabled, #report-nav .selected {display:block;line-height:2.5em;padding:0 5px;} #report-nav .selected {background:#ffeee2;} #report-nav .disabled {color:#8B8B8A;} #PageNumbers {margin:20px 0; padding:10px; background:#E8E8E8; } .search-current {background:#D9D9D9; padding:3px 3px 0 3px; } #search-caption {color:#464646; font-weight:normal;} /************************ * Adopt Pages ************************/ a.adopt-g {display:block; float:left; width:142px; height:190px; text-decoration:none; padding:0 0 0 18px; position:relative;} .adopt-g .adopt-g-image-over {position:absolute; display:block; background:url(../images/overlay-stitch.png) no-repeat -250px top; top:0; left:-18px; height:122px; width:160px;} .adopt-g img {margin:16px 0 0; } .adopt-g .adopt-g-image {position:relative; display:block; height:122px; width:142px; background:url(../images/adopt-default-s.png) no-repeat 0 16px;} .adopt-g .head {font-size:1.1em; font-weight:700; display:block; text-decoration:underline; margin:0 0 3px;} .adopt-g .details {color:#000; line-height:1.1; display:block;} .adopt-g br {display:none;} .adopt-g:hover .head {text-decoration:none;} a.adopt-g:hover .adopt-g-image-over {background-position:-410px 0;} .adopt-final .adopt-g-image {float:left;} #adopt-l {margin:0 0 30px 10px;} .adopt-l-image {height:430px; margin-left:-10px; background:url(../images/adopt-default-l.png) no-repeat 30px 28px;} .adopt-l-image .adopt-l-image-over {position:absolute; display:block; background:url(../images/overlay-stitch.png) no-repeat left -140px; top:0; left:0; height:430px; width:640px;} .adopt-l-image img {margin:28px 0 0 30px; } #adopt-l dl {float:left; font-size:1.1em; line-height:1.3; margin:10px 0;} #adopt-l dt {display:block; width:5em;margin:0; float:left;clear:left; color:#fc9004;} #adopt-l dd {margin:0 0 0 10px; float:left; } #adopt-l p strong {color:#fc9004; display:block; font-weight:normal;} #pagination, #pagination li {margin:0; padding:0; list-style:none;} #pagination {text-align:center; margin:15px 25px 15px 0; padding:10px 0; height:26px; position:relative;} #pagination a, #pagination strong {padding:10px 6px; position:relative; font-weight:700;} #pagination a span {width:25px; height:25px; top:50%; margin-top:-12px; left:0; position:absolute; display:block; text-indent:-999em; overflow:hidden;} #pagination .next {padding:10px 27px 10px 10px; width:2.1em;} #pagination .next span {left:auto;right:0; background:url(../images/nav-stitch.png) no-repeat -420px top; } #pagination .prev {padding:10px 10px 10px 27px; width:2.1em;} #pagination .prev span {background:url(../images/nav-stitch.png) no-repeat -420px -25px;} #pagination.page {padding:0; overflow:hidden; margin:0 55px 0 20px;} #pagination.page .next{float:right; width:auto; padding:5px 27px 3px 10px;} #pagination.page .prev{float:left; width:auto; padding:5px 10px 3px 27px;} #pagination.page .back {padding:5px 0 3px 2em; width:12em; position:absolute; display:block; left:50%; margin:0 0 0 -7em;} #pagination.page .back span {background:url(../images/nav-stitch.png) no-repeat -420px -50px;} /* step indicator */ #steps {border:1px solid #dedede; height:3em; list-style-type:none;padding:0;margin:10px 0 10px 0;} #steps ol, #steps li {margin:0; padding:0; list-style:none;} #steps .step {float:left; width:210px; color:#fc9004; padding-top:3px; } #steps .step-number {display:block; position:absolute;width:50px; height:50px; top:-7px; color:#fff; font-weight:bold; font-size:2em; text-align:center; line-height:50px; background:url(../images/nav-stitch.png) no-repeat -420px -75px; overflow:hidden;} #steps .step-head {display:block; position:relative;padding-left:60px; line-height:1; font-size:1.2em; font-weight:bold; letter-spacing:-0.7px;} #steps .l1 {margin-left:10px;} #steps .l2 {width:200px;} #steps .l3 {width:240px;} #steps .disabled .step-number {background:url(../images/nav-stitch.png) no-repeat -470px -75px;} #steps .disabled .step-head {color:#f4c18b;} #steps .disabled a.step-head {text-decoration:none; } #steps .disabled a.step-head:hover, #steps .disabled a.step-head:focus {color:#fc9004; } /* adopt buttons */ #print-button {display:block; position:relative; height:75px; float:right;width:300px; margin:10px 0;} #print-button .print-button {width:75px; text-indent:-999em; background:url(../images/nav-stitch.png) no-repeat -595px top; cursor:pointer;} #print-button noscript {width:100px; top:10px; right:10px; color:#fc9004; text-align:center; font-weight:700;} #print-button .button-large {width:130px; text-indent:-999em; background:url(../images/nav-stitch.png) no-repeat -520px bottom; cursor:pointer;} #print-button a, #print-button noscript {float:right; position:relative; display:block; margin-right:10px; height:75px; } /* PACKAGES */ .package, .package dt, .package dd {margin:0; list-style:none; padding:0;display:block; float:left; border-width:0; border-style:solid; border-color:#fff; line-height:1.2;} .package dt, .package dd {padding:3px 5px; overflow:hidden;} .package {padding:0 0 0 180px; background:#fc9004 url(../images/packages.jpg) no-repeat 0 50%; margin:0 0 10px;} .package dt {clear:left;width:100px; min-height:4em; font-size:1.1em; line-height:1.1;letter-spacing:-0.3px; font-weight:700;border-width:0 1px 1px; background:#fda636; text-align:center;} .package dt strong {font-size:1.3em; color:#fff; display:block;} .package dd {width:360px; border-width:0 0 1px 0;min-height:4.4em; background:#fec882; } .package .no-b-b {border-bottom:0;} #package-kitten {background-position:-180px 50%; } #package-2for1 {background-position:-360px 50%; } #package-2for1 dt {min-height:10em;} #package-2for1 dd {min-height:11em;} .package dd p {margin-bottom:5px; letter-spacing:-0.1px;} .adopt-final {display:none;} /* This text is revealed only on the page when a cat is selected. */ #how-to-help {padding:0; background:#FDA636; margin-bottom:10px;} #how-to-help dt, #how-to-help dd {padding:0; min-height:4em; } #how-to-help a {display:block; min-height:4em; color:#000; text-decoration:none; padding:3px 5px; } #how-to-help dd {width:560px; min-height:4.4em; } #how-to-help dd a {min-height:4.4em; } #how-to-help dt a {line-height:4; color:#fff; } #how-to-help dt a:hover {text-decoration:underline; background:#fc9004; } /************************ * FLOATING ************************/ #col1 .floating {display:block; margin:0 0 20px 20px; padding:0; float:right; clear:right; width:180px; overflow:hidden;} #col1 .floating dd, #col1 .floating dt {margin:0; padding:0;} #col1 .floating dd {display:block; position:relative; width:180px; height:180px; margin-bottom:10px;} #col1 .floating dt {padding:0 0 5px 10px; font-weight:700; line-height:1.2;} #col1 .floating .floating-over {position:absolute; display:block; background:url(../images/overlay-stitch.png) no-repeat -640px -145px; top:0; left:0; height:180px; width:180px;} #col1 .floating-sml {display:block; margin:0 0 20px 10px; padding:0; float:right; width:142px; height:145px; overflow:hidden; padding:0 0 0 18px;} #col1 .floating-sml img {margin:16px 0 0; } #col1 .floating-sml .adopt-p-image {position:relative; display:block; height:145px; width:142px; background:url(../images/adopt-default-s.png) no-repeat 0 16px;} #col1 .floating-sml .adopt-p-image-over {position:absolute; display:block; background:url(../images/overlay-stitch.png) no-repeat -640px top; top:0; left:-18px; height:145px; width:160px;} #col1 .floating-sml a {display:block; position:relative; text-align:center;} /************************ TABLES (goes with tables js and table_header.png) ************************/ table {padding: 0;margin: 10px 0;} table caption {padding: 0 6px 5px 0;width: 540px;font-size:1.1em;font-style:italic;text-align: center;} /* Table caption style */ table th, table thead tr td, table tfoot tr td {font-weight:bold; font-size:1.1em;color:#000;padding: 6px 6px 6px 12px;background: #c4c4c4 url(../images/table_header.png) no-repeat;} /* Header style */ table tr td {border-right: 1px solid #aeaeae;border-bottom: 1px solid #aeaeae;background: #fff;padding: 6px 6px 6px 12px;color: #656565;} /* Row style */ table tr.even td {background: #f6f6f6;color: #000;} /* Alternate row style */ table tr.ruled td {background: #ffeee2;} /* Highlighted row style */ table p {margin:0; } /* Removes margin from paragraphs in tables */ table.center td {text-align:center;} table tr.foot td {font-weight:700; font-size:1.1em;color: #fc9004;} /************************ News Articles ************************/ ul.download {margin:0 0 15px 0; padding:0; list-style:none;} ul.download li {margin:0; } ul.download li a {background:#f7f7f7 url(../images/icon-sml-default.png) no-repeat 5px center; min-height:30px; padding:8px 5px 7px 45px; display:block; text-decoration:none; } ul.download li a:hover {background-color:#d9d9d9; } ul.download li span {display:block; color:#303030; } ul.download li acronym {text-transform:uppercase; cursor:help;} ul.download li.pdf a {background-image:url(../images/icon-sml-pdf.png);} ul.download li.gif a, ul.download li.jpg a {background-image:url(../images/icon-sml-image.png);} .news-articles span {display:block; position:absolute; left:5px;top:2px;font-size:0.9em; font-weight:700; width:6em;} p.news-articles {position:relative; padding:0 0 0 6em; width:420px;} h3.news-articles {margin:0 0 2px; } .news-date {position:relative; display:block; margin:-10px 0 10px; font-weight:700; font-size:.9em;} .press-articles span {padding-left:20px;font-size:0.8em; color:#000; font-weight:normal;} p.press-articles {position:relative; padding:0 8em 0 0; } h3.press-articles {margin:15px 0 2px 0; position:relative; padding:0 8em 0 0; } /************************ EMPLOYMENT ************************/ #joblist {padding:0; margin:0; list-style:none; clear:left;} #joblist p {margin-right:0;} #joblist div.jobs {min-height:140px; position:relative; padding:10px; margin:5px 0; border:2px solid #F6F6F6;} #joblist div.closed {height:20px; min-height:20px; overflow:hidden; background:url(../images/employment-highlight.png) no-repeat 100% -40px ; } #joblist div.show-me {background:url(../images/employment-highlight.png) no-repeat 100% 0px ; } #joblist div.show-me, #joblist div.show-me span, #joblist div.show-me h2, #joblist div.show-me p, #joblist div.show-me a {cursor:pointer;} #joblist div.open {height:auto; background:#F6F6F6 url(../images/employment-highlight.png) no-repeat 621px bottom; min-height:160px } #joblist h2 {display:inline; background:none; padding:0; color:#fc9004; line-height:20px;} #joblist .location {display:inline; padding-left:10px; text-transform:uppercase; font-size:0.9em;} #joblist .posdesc {margin:10px 240px 0 0; clear:both;} #joblist .cdate {line-height:20px; position:absolute; right:50px;} #joblist .employment-apply {position:absolute; top:40px; right:40px; width:180px; padding:10px; border:1px solid #D9D9D9; color:#000; text-decoration:none;} #joblist .employment-apply span {display:block;} #joblist .employment-apply .h3 {color:#fc9004; line-height:1.1em; text-transform:uppercase; font-size:1.0em; font-weight:bold; padding:0; margin:0 0 10px 0; text-align:center;} #joblist .employment-apply .link {color:#fc9004; line-height:1.1em; font-size:1.0em; display:block; margin-top:3px; padding:3px 0;text-align:center;} #joblist .employment-apply:hover {background:#eaeaea; cursor:pointer;} #joblist .employment-apply:hover .link {text-decoration:underline;} /* JOBLIST SPECIFIC DOWNLOAD RULES */ #joblist ul.download {margin:10px 240px 0 0; } #joblist ul.download li a {cursor:pointer;} /************************ SITEMAP ************************/ ul.tree{ width:auto;padding-left:0;margin-left:0;} ul.tree img{border:none;} ul.tree, ul.tree ul{padding-left:0;} ul.tree ul{margin-left:16px;} ul.tree li.closed ul{display:none;} ul.tree li{list-style:none;background:url(../images/tree/i-repeater.gif) 0 0 repeat-y;display:block;width:auto; } ul.tree li.last{list-style:none;background-image:none;} ul.tree span.a{background:url(../images/tree/t.gif) 0 50% no-repeat;display:block;} ul.tree span.a.last{background:url(../images/tree/l.gif) 0 50% no-repeat;} ul.tree span.a.children span.b{background:url(../images/tree/minus.gif) 0 50% no-repeat;cursor:pointer;} ul.tree li.closed span.a.children span.b{background:url(../images/tree/plus.gif) 0 50% no-repeat;cursor:pointer;} ul.tree span.c{margin-left:16px;} ul.tree span.a.children span.c{background:url(../images/tree/i-bottom.gif) 0 50% no-repeat;} ul.tree span.a.spanClosed span.c{background-image:none;} ul.tree a{white-space:nowrap;overflow:hidden;padding:10px 0 10px 18px;line-height:18px;background:url(../images/tree/page-file.png) 0 50% no-repeat;} ul.tree span.a.children a{background-image:url(../images/tree/page-openfoldericon.png);} ul.tree span.a.children.spanClosed a{background-image:url(../images/tree/page-foldericon.png);} ul.tree.unformatted li{background-image:none;padding-left:16px;} ul.tree.unformatted li li{background-image:none;padding-left:0;} ul.tree li div{float:right;clear:right;height:1em;margin-top:-26px;} ul.tree div a{padding:0;background-image:none;min-height:0;height:auto;} ul.tree li a:link,ul.tree li a:hover,ul.tree li a:visited {color:#111;} ul.tree li .over{background-color:#ec008c;} /************************ WYSIWYG EDITOR ALIGNMENT CLASSES ************************/ #content .left {text-align:left;} #content .center {text-align:center;} #content .right {text-align:right;} #content img.center {margin:0 auto 10px auto; display:block} #content img.right {float:right; margin-left:20px;} #content img.leftAlone {text-align:left; display:block; margin-bottom:10px;} #content img.left {float:left; margin-right:20px;} #content p.MsoNormal, #content p.MsoBodyText {margin: 0;} /************************ ALL FORMS ************************/ form {display:block; position:relative;} form input.checkbox {border:none;} form div.field {position:relative;} form p {margin:0 110px 10px 30px;} form #Remember {margin-left:100px;color:#fc9004; overflow:hidden;} form #Remember input {margin:0 10px 0 0; float:left; width:auto; } form #Remember label {width:auto; margin-top:2px; float:left; } form #ForgotPassword {position:absolute; line-height:2.1; height:2.1em; top:0; right:130px; padding:0 10px; background:#ffeee2; text-decoration:none; font-weight:bold;} form #ForgotPassword a {text-decoration:none;} form #honeypot {display:none;} /* hides spam protection field */ form fieldset {border:none; margin:0; padding:0} form input, form textarea, form select {border:#fc9004 1px solid; margin:0;font-size:0.95em; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:3px; width:378px;} form div.field {clear:left; margin-bottom:10px;} form label {float:left; display:block; width:90px; text-align:right; padding-right:10px; line-height:1.2; margin-top:0.2em; font-weight:bold;} form div.optionset {overflow:hidden;} form .optionset input {width:auto;} form ul.optionset label {width:auto !important;} form ul.optionset {margin-left:170px;} form ul.optionset li {float:left;} form ul.optionset li input {float:left; margin:0.2em 5px 0 0; } form div.optionset ul {padding:0; list-style:none; margin:0; overflow:hidden;} form .checkbox input, form .optionset input {border:0;} /* Required */ form span.required, form span.message {background:#FBD9D9;color:#E60000;display:block;line-height:1.1em;padding:3px; margin:0 0 0 100px; width:380px} /* Action */ form .Actions {margin:10px 168px 10px 55px; padding:0; border:0; text-align:right} form .Actions input {color:#fff; background:#fc9004; border:#fc9004 1px solid; padding:0 10px; font-size:0.95em; height:2.2em; text-align:center; font-weight:bold; cursor:pointer; width:auto; min-width:100px; } .readonly:focus {background:#fff; } /************************ * Contact Us ***********************/ /************************ DONATE & MEMBERSHIP FORMS ************************/ #Form_DonateForm h2, #Form_MembershipForm h2, #Form_FormVolunteer h2 {position:relative; padding:10px 0 5px;background:url(../images/hr.png) repeat-x bottom left; margin:0 100px 10px 20px; clear:both;} #Form_DonateForm label, #Form_MembershipForm label, #Form_FormVolunteer label {width:160px;} #Form_DonateForm #amount #Form_DonateForm_amount, #Form_MembershipForm #membershipDonate #Form_MembershipForm_membershipDonate {font-size:1.5em; width:80px; padding:8px 8px 8px 25px; color:#000;} #Form_DonateForm #amount .right, #Form_MembershipForm #membershipDonate .right {float:none; width:20px; height:40px; line-height:40px; position:absolute; top:0; left:170px; padding:0; font-size:2em; margin:0;} #Form_DonateForm #amount .left, #Form_MembershipForm #membershipDonate .left {height:40px; padding-top:10px;} form .payment-end {margin:0 320px 10px 40px;} /* Required */ #Form_DonateForm #Form_DonateForm_error, #Form_MembershipForm #Form_MembershipForm_error, #Form_FormVolunteer #Form_FormVolunteer_error {background:#FBD9D9;border:1px solid #E60000;color:#E60000;display:block;line-height:1.1em;padding:6px; margin:5px 100px 5px 20px;} .validation-error {background:#FBD9D9 !important} /* Action */ #Form_DonateForm .Actions, #Form_MembershipForm .Actions {margin:-50px 109px 10px 170px;} #Form_DonateForm .Actions input, #Form_MembershipForm .Actions input, #Form_FormVolunteer .Actions input {margin:0;} .subhead {display:block; position:absolute; height:1em; width:300px; font-size:0.8em; right:10px; top:10px; text-align:right;} /************************ MEMBERSHIP FORMS ************************/ #Form_MembershipForm div.fam-name {width:400px; float:left;} #Form_MembershipForm input.fam-name {width:200px;} #Form_MembershipForm .fam-dob label {display:none;} #Form_MembershipForm div.fam-dob {width:156px; float:left; clear:none;} #Form_MembershipForm input.fam-dob {width:148px;} .family-head1 {margin:0 0 0 173px; font-weight:bold; float:left; width:205px;} .family-head2 {margin:0 0 0 25px; font-weight:bold; float:left; width:256px;} #Form_MembershipForm .readonly {color:#7f7f7f;} .sponsor {position:relative; padding-left:200px; min-height:120px;margin-bottom:10px;} #first.sponsor {margin-top:20px;} .sponsor img {position:absolute; display:block; width:180px; height:100px; top:0; left:0; } #Form_MembershipForm #iagree input {width:auto;margin-top:2px} #Form_MembershipForm #iagree label {width:auto; float:none; display:inline; padding-left:10px;} /************************ VOLUNTEER FORMS ************************/ .hide {display:none;} #Form_FormVolunteer .checkbox { overflow:hidden; position:relative; } #Form_FormVolunteer .checkbox input { width:auto; position:absolute; left:0; top:0.2em; } #Form_FormVolunteer .checkbox .right { float:none; text-align:left;} #Form_FormVolunteer .checkbox label { width:auto; padding-left:30px; font-weight:normal; } #Form_FormVolunteer .checkbox label strong { display:block } #Form_FormVolunteer #assist-other-details {margin-top:20px;} #Form_FormVolunteer #assist-other-details label {margin:-1.2em 0 0 60px; float:left; width:278px; text-align:left;} #Form_FormVolunteer #assist-other-details input {margin:0 0 0 60px;} #Form_FormVolunteer .Actions {margin:10px 109px 10px 170px;} #Form_FormVolunteer #tetanus label.right {font-weight:normal; font-size:0.9em; line-height:1.1; position:absolute; top:0; right:50px; width:320px; text-align:left; } #Form_FormVolunteer div.specific {margin:-2.4em 0 0 270px; float:left; right:-10em;} #Form_FormVolunteer div.specific label {display:none;} #Form_FormVolunteer input.specific {width:100px;} #Form_FormVolunteer #Form_FormVolunteer_disability-detail {margin:-4.0em 0 0 270px; float:left; right:-10em; width:278px;} #Form_FormVolunteer #disability-detail label {margin:-5.2em 0 0 270px; float:left; right:-10em; width:278px; text-align:left;} #Form_FormVolunteer #iagree label {font-weight:bold;} /* Required */ #Form_FormVolunteer span.required, #Form_FormVolunteer span.message {background:#FBD9D9;color:#E60000;display:block;line-height:1.1em;padding:3px; margin:0 0 0 170px; width:380px} #Form_FormVolunteer #assist-other-details .required, #Form_FormVolunteer #iagree .required {margin:10px 0 0 20px; width:530px;} #Form_FormVolunteer #disability-detail .required {margin:0 0 0 270px; top:-2em; width:280px; display:block; position:relative;} #Form_FormVolunteer div.specific span.required {margin:0 0 0 -221px;} /************************ UPPER NAV ************************/ #SearchForm_SearchForm {float:right;} /* form element */ #SearchForm_SearchForm label {position:absolute; width:10px; height:10px; overflow:hidden; z-index:-1;} #SearchForm_SearchForm fieldset {border:none; padding:0; margin:0;} #Search {width:145px; float:left;} /* div containing box */ #SearchForm_SearchForm_Search {padding:5px 0 0 5px; margin:0; width:140px; height:20px; border:#fff none; font-size:0.9em; line-height:20px; } /* input box */ #SearchForm_SearchForm_action_results {float:left; font-size:0.90em; border:none; height:25px; width:25px; overflow:hidden; cursor:pointer; margin:0; background:url(../images/nav-stitch.png) no-repeat -420px top; color:#fff;} /* go button */ #SearchForm_SearchForm_Search:focus {background:#fefef4; } #top-nav {position:absolute; top:-25px; right:40px; z-index:9; width:700px; height:25px; z-index:16; color:#fff;} #top-nav ul, #top-nav li {margin:0; padding:0; list-style:none; line-height:25px; float:right;} #top-nav ul {margin-right:20px;} #top-nav ul li {border-right:1px solid #fff; padding-right:10px;} #top-nav ul a {display:block; color:#fff; padding:0 35px 0 10px; text-decoration:none; height:25px;} #top-nav ul a:hover, #top-nav ul a:focus {text-decoration:underline;} #top-nav ul a.first {border:none;} #top-nav ul a.fb {background:url(../images/social-facebook.png) no-repeat top right;} #top-nav ul a.tw {background:url(../images/social-twitter.png) no-repeat top right;} #top-nav ul a.yt {background:url(../images/social-youtube.png) no-repeat top right;} /************************ * IBOX LIGHTBOX ***********************/ .video {float:right; display:block; width:276px; margin:0 0 20px 10px; } .home .highlight {min-height:183px; padding-bottom:20px;} * html .home .highlight {height:183px;} .home .highlight p {line-height:1.2; width:310px; padding-right:10px; position:relative; z-index:5;} .home .highlight .video {float:none; position:absolute; display:block; width:450px; height:203px; bottom:15px; right:0; z-index:4; margin:0;} #ibox {position:static;} #ibox_wrapper {line-height:25px;border:0;} #ibox_footer {position:static;} #ibox_wrapper, #ibox_footer_wrapper a { background-color:#000; } #ibox_content { background-color:#000; border:0; margin: 0 0 40px 0; } #ibox_footer_wrapper {line-height: 25px;bottom: 5px;top: auto;} #ibox_footer_wrapper a {text-indent: -100000px;border:0;background: #fff url('../images/ibox/closelabel.gif') center center no-repeat;width: 66px;padding: 0;height: 22px;line-height: 22px;} #ibox_footer_wrapper a:hover { background-color:#fff; } #ibox_loading {text-indent: -100000px;width: 200px;height: 200px;background: #fff url('../images/ibox/loading.gif') center center no-repeat;}