/* ----------------------------------- */ /* STYLES CREATED BY ELIGIO CORPUZ /* ----------------------------------- */ /* ----------------------------------- */ * {padding: 0; margin: 0; border: 0;} /* ----------------------------------- */ /* COMMON /* ----------------------------------- */ body {background-color: #fff;color: #181818;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;} a:link {color: #055F4B;text-decoration: underline;} a:hover { text-decoration: underline; color: #087c62; } a:visited {color: #055F4B} a:active {color: #087c62;} h1, h2, h3, h4 { color: #055D4B;font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;} h2 { font-size: 21px;} h3 {font-size: 15px;} h4 {font-size: 12px;} img.float-left {float:left; margin: 2px; padding: 2px 5px 2px 2px;} /* ----------------------------------- */ /* CONTAINER /* ----------------------------------- */ #wrapper {margin: 0 auto;width:968px;} #masthead {height: 28px;background: transparent url(../images/masthead01_01.gif) 0 0;text-align: center;} #masthead h1 {color: #FFF;font-size: 13px;padding: 5px 0 0 0;word-spacing: 1px;letter-spacing: 1px;font-family: Arial, Helvetica;font-weight: bold;} #contentwrapper {width: 966px;border-color: #C2C2C2;border-width: 0 1px 1px 1px;border-style: solid;} /* ------------------------------------- TOP MENU --------------------------------------- */ #menucontainer {padding: 10px 0 0 0;margin: 0 0 20px 0; width: 966px;} #menucontainer ul {list-style-type: none;} #menucontainer ul li { display: inline; } #menucontainer ul li { padding: 0 7px 0 0; } #menucontainer ul li.logo { padding: 0 10px 0 0; } #menucontainer ul li.last { padding: 0; margin: 0 0 0 8px; } /* ------------------------------------- CONTENT STYLES --------------------------------------- */ #leftcontent { width:344px; float:left;padding: 0;margin: 0;} #leftcontent div.leftquote-volunteer { background: transparent url(../images/leftcontainer-quote-johnhorak02.jpg) no-repeat 0 0;} #leftcontent div.leftquote-volunteerrevenne { background: transparent url(../images/leftcontainer-quote-revenne-k02.jpg) no-repeat 0 0;} #leftcontent div.leftquote-about { background: transparent url(../images/leftcontainer-quote-ellenpolitano02.jpg) no-repeat 0 0;} #leftcontent div.leftquote-common { background: transparent url(../images/leftcontainer-quote-moyagrey02.jpg) no-repeat 0 0;} #leftcontent div.leftquote-volunteer, #leftcontent div.leftquote-about, #leftcontent div.leftquote-common {width:344px; height: 175px; margin: 0; padding: 0;} #leftcontent div.leftquote-volunteerrevenne {width:344px; height: 175px; margin: 0; padding: 0;} #leftcontent div.leftquote-volunteer p, #leftcontent div.leftquote-about p {width: 195px;font-style: normal;padding: 55px 20px 10px 15px; font-family: Arial, sans-serif;font-size: 12px;line-height: 19px;} #leftcontent div.leftquote-common p {width: 195px;font-style: normal;padding: 40px 20px 10px 15px; font-family: Arial, sans-serif;font-size: 12px;line-height: 19px;} #leftcontent div.leftquote-volunteerrevenne p {width: 195px;font-style: normal;padding: 30px 20px 10px 15px; font-family: Arial, sans-serif;font-size: 12px;line-height: 19px;} #leftcontent div.leftquote-volunteerrevenne p strong, #leftcontent div.leftquote-volunteer p strong, #leftcontent div.leftquote-about p strong, #leftcontent div.leftquote-common p strong {color:#006e51;} #leftcontent div.leftquote-volunteerrevenne p.last, #leftcontent div.leftquote-volunteer p.last, #leftcontent div.leftquote-about p.last, #leftcontent div.leftquote-common p.last {padding: 0 20px 0 15px;} #leftcontent #subtitle-about { background: transparent url(../images/leftcontainer-aboutus_bg_03.gif) no-repeat 0 0;} #leftcontent #subtitle-client {background: transparent url(../images/leftcontainer-clientservice-bg.gif) no-repeat 0 0;} #leftcontent #subtitle-volunteer {background: transparent url(../images/leftcontainer-volunteer_bg.jpg) no-repeat 0 0;} #leftcontent #subtitle-resources {background: transparent url(../images/leftcontainer-resource_bg.jpg) no-repeat 0 0;} #leftcontent #subtitle-contactus {background: transparent url(../images/leftcontainer-contactus_bg.jpg) no-repeat 0 0;} #leftcontent #subtitle-about, #leftcontent #subtitle-client {width:344px; height: 190px; margin: 30px 0 0 0; text-align: right;} #leftcontent #subtitle-contactus {width:344px; height: 190px; margin: 30px 0 10px 0; text-align: right;} #leftcontent #subtitle-volunteer, #leftcontent #subtitle-resources {width:344px; height: 190px; margin: 30px 0 10px 0; text-align: right;} #leftcontent #subtitle-resources h2, #leftcontent #subtitle-contactus h2, #leftcontent #subtitle-about h2, #leftcontent #subtitle-client h2 {color: #fff; font-size: 23px; font-family: Times New Roman, Times, serif;margin: 0 0 10px 0; padding: 40px 220px 0 0; letter-spacing: 1px; } #leftcontent #subtitle-resources p, #leftcontent #subtitle-volunteer p, #leftcontent #subtitle-about p, #leftcontent #subtitle-client p {font-size: 12px; color:#fff;font-weight: bold; font-family: Times New Roman, Times, serif; padding: 0 220px 0 0; margin: 0 0 10px 0;} #leftcontent #subtitle-jobopportunities h2, #leftcontent #subtitle-volunteer h2 {color: #fff; font-size: 23px; font-family: Times New Roman, Times, serif;margin: 0 0 10px 0; padding: 40px 220px 0 0; letter-spacing: -1px; } #leftcontent #subtitle-contactus a, #leftcontent #subtitle-resources a, #leftcontent #subtitle-volunteer a, #leftcontent #subtitle-about a, #leftcontent #subtitle-client a {color: #fff; text-decoration: none; } #leftcontent #subtitle-about a.selected, #leftcontent #subtitle-client a.selected {color: #ccc; text-decoration: none; } #rightcontent {width:612px; float:left; padding: 0 0 0 10px;margin: 0;} #rightcontent h4 {margin: 0 0 20px 0;} #rightcontent .rightindex-quote-moyagray {background: transparent url(../images/rightindex-quote-moyagray.jpg) no-repeat 0 0; width: 611px; height: 164px;} #rightcontent .rightindex-quote-moyagray p {width: 350px;font-style: normal;padding: 40px 20px 0 25px; font-family: Arial, sans-serif;font-size: 12px;line-height: 19px;} #rightcontent .rightindex-quote-moyagray p.last {padding: 0 0 0 25px;} #rightcontent .rightindex-quote-moyagray p strong {color:#006e51;} /*#rightcontent h3.first {margin: 0 0 10px 0; border: none; padding: 0;} #rightcontent h3 {margin: 5px 0; padding: 10px 0 0 0; border-color: #ccddce;border-width: 1px 0 0 0;border-style: solid;}*/ #rightcontent h3, #rightcontent .rightcontent-subbox .sponsorbox h3 {margin: 20px 0 5px 0; padding: 0; white-space: nowrap;} #rightcontent .rightcontent-subbox .sponsorbox h3.first {margin: 0 0 5px 0;} #rightcontent .rightcontent-subbox .sponsorbox p {margin: 5px 0 20px 0;} #rightcontent h3.staff {border-color: #ccddce;border-width: 0 0 1px 0;border-style: solid; padding: 0 0 5px 0; } #rightcontent .rightcontent-box {margin: 10px 0 0 0;padding: 15px 30px 10px 20px;background-color: #E1EEE3;} #rightcontent .rightcontent-box h2 {color: #055D4B;margin: 0 0 15px 0;font-style: normal;font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;} #rightcontent .rightcontent-box p, #rightcontent .rightcontent-subbox p {font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;margin-bottom: 11px;line-height: 17px;font-size: 11px;} #rightcontent .rightcontent-box p strong, #rightcontent .rightcontent-subbox p strong { color: #06765E; font-family: Times New Roman, Times, serif; font-size: 14px;} #rightcontent .rightcontent-subbox p strong {font-size: 15px;} #rightcontent .rightcontent-subbox p em {color: #59755e;} #rightcontent .rightcontent-subbox a {color: #055F4B;font-weight: bold;text-decoration: underline;} #rightcontent .rightcontent-subbox a:hover { text-decoration: underline; color: #087c62; } #rightcontent .rightcontent-subbox a.pdf {padding: 5px 0 5px 31px; background: transparent url(../images/icon-pdf-v2.gif) no-repeat 5px -1px; } #rightcontent .rightcontent-subbox {margin: 0;padding: 15px 30px 5px 20px;background-color: #E1EEE3;} #rightcontent .rightcontent-subbox h2 {color: #055D4B;margin: 0 0 13px 0;font-size: 20px;font-style: normal;padding: 0;font-family: Times New Roman, Times, serif;} #rightcontent .rightcontent-subbox ul {margin: 15px 0 0 20px; padding: 0 0 20px 0;} #rightcontent .rightcontent-subbox ul li { line-height: 19px; margin: 15px 0; font-size: 11px;} #rightcontent .rightcontent-subbox p span {font-weight: bold;} #rightcontent .rightcontent-subbox p.resource-site {color: #000; font-size: 11px; padding-top: 3px;} #rightcontent .rightcontent-subbox p.resource-site strong { color: #06765E; font-family: Times New Roman, Times, serif; font-size: 15px; font-weight: normal;} #rightcontent .rightcontent-subbox p.resource-site a {color: #06765E; font-size: 11px; font-weight: normal;} #rightcontent .rightcontent-subbox p.toggle { margin: 0;padding: 0 0 2px 0;} /* ------------------------------------- HIDDEN BOX STYLES --------------------------------------- */ div#slide1, div#slide2, div#slide3, div#slide4, div#slide5, div#slide6, div#slide7, div#slide8, div#slide9, div#slide10, div#slide11, div#slide12, div#slide13, div#slide14, div#slide15, div#slide16, div#slide17, div#slide18 { position:relative; left:0; top:0; width:auto; overflow: hidden; background-color: #eef9f0;margin: 0 0 15px 0;padding: 10px 5px 0 10px;border-right: 3px solid #878787;} div#slide1 p, div#slide2 p, div#slide3 p, div#slide4 p, div#slide5 p, div#slide6 p, div#slide7 p, div#slide8 p, div#slide9 p, div#slide10 p, div#slide11 p, div#slide12 p, div#slide13 p, div#slide14 p, div#slide15 p, div#slide16 p, div#slide17 p, div#slide18 p {font-size: 11px; color: #333;line-height: 19px; } div#slide1 p span, div#slide2 p span, div#slide3 p span, div#slide4 p span, div#slide5 p span, div#slide6 p span, div#slide7 p span, div#slide8 p span, div#slide9 p span, div#slide10 p span, div#slide11 p span, div#slide12 p span, div#slide13 p span, div#slide14 p span, div#slide15 p span, div#slide16 p span, div#slide17 p span, div#slide18 p span {font-size: 12px; color: #3a3a3a;} div#slide1 img, div#slide2 img, div#slide3 img, div#slide4 img, div#slide5 img, div#slide6 img, div#slide7 img, div#slide8 img, div#slide9 img, div#slide10 img, div#slide11 img, div#slide12 img, div#slide13 img, div#slide14 img, div#slide15 img, div#slide16 img, div#slide17 img, div#slide18 img {float:left; margin: 0 10px 25px 0; padding: 4px; border: 1px solid #EAECEE;} div.newletter-archive, div.sponsorbox, div.partnerbox {float: left; } div#boxcommon { width: 550px;margin: 10px 0 0 0;padding: 10px 10px 9px 10px;background-color: #c8dcc8;border: 1px solid #b2cab2;} div#boxcommon p {color: #333;} div#boxcommon img {float: left; margin: 1px 10px 5px 0;} #rightcontent p.spacing {line-height: 19px;} .signin-box {background-color: #fff; width: 500px; margin: 10px auto; padding: 10px; margin-top: 20px;} .signin-box h3 {margin: 0 0 0 135px;} /* ------------------------------------- TABLE STYLES --------------------------------------- */ table {font: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;margin: 0;width: 550px; padding: 0 0 20px 0; border-collapse: collapse; color: #333; background: #F3F5F7;} table a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;} table a:visited {color: #777;} table a:hover {color: #000;} table caption {text-align: left; text-transform: uppercase; padding: 10px 0 5px 0; font: 13px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;} table thead th {background: #006F51; padding: 6px 10px; color: #fff; text-align: left; font-weight: normal;} table tbody, .tabletable thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;} table tbody {border-bottom: 1px solid #EAECEE;} table tbody td, table tbody th {padding: 10px; text-align: left;} table tbody tr th{text-align: left;white-space: nowrap;} table tbody tr {background: #F3F5F7;} table tbody tr.odd {background: #F0F2F4;} table tbody tr:hover {background: #EAECEE; color: #111;} table tbody tr td.location:hover{color: #111;background-color: #DBE0E2;} table tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; background: #fff; padding: 10px; margin: 10px 0;} /* ------------------------------------- FORM STYLES --------------------------------------- */ form fieldset {clear: both; border: none;padding: 0; margin: 0;} form fieldset legend {margin: 0;padding: 0 5px; color: #06765E; font-size: 13px; } label {font-size: 11px;cursor: pointer; padding: 0; margin: 0; color: #06765E;} input { background: #fff;color: #333;padding: 3px;border-color: #aaa #eee #eee #aaa;border-width: 1px;border-style: solid; margin: 0; width: 250px;} form div { clear: left; display: block; width: 400px;margin: 5px 0 0 0; padding: 5px 0 6px 10px;} form div fieldset { clear: none; border-width: 1px;border-style: solid; border-color: #666666;margin: 0; padding: 0 5px 5px 5px;} form div.required label { font-weight: bold; } form div label { display: block;float: left; width: 100px;padding: 3px 5px;margin: 0 0 5px 0;text-align: right;} div.btn {margin: 0 0 0 135px;} input#submitbutton {color: #000;width: 75px;border-color: #aaa #eee #eee #aaa;border-width: 1px;border-style: solid;padding: 3px 8px 4px 8px;} input#submitbutton:hover {cursor: pointer;} input#submitbutton:active {cursor: pointer;color: #fff;width: 75px;border-color: #aaa #eee #eee #aaa;border-width: 1px;border-style: solid;padding: 3px 8px 4px 8px;} /* ------------------------------------- FOOTER --------------------------------------- */ #footercontainer {margin: 10px 0 0 0; padding: 7px 10px 7px 0;background-color: #FAECD7;} #footercontainer .footernav ul {list-style-type: none;} #footercontainer .footernav ul li {display: inline;} #footercontainer .footernav ul li { margin: 0;padding: 0 15px; border-color: transparent #06765E transparent transparent; border-width: 0 1px 0 0;border-style: none solid none none; font-size: 10px;font-family: Times New Roman, Times, serif; } #footercontainer .footernav ul li.last {border: none;} #footercontainer .footernav ul li a {color: #06765E;text-decoration: none;font-weight: bold;} #footercontainer .footernav {float: left;} #footercontainer .footercopyright {float: right; font-size: 10px;} #footercontainer .footercopyright span { color: #06765E; }