/* --------------------------------------------- Parent Resource Center of Port Washington, NY +++CSS for redesign beginning fall 2008+++ Colors ====== background blue:#9fc5ed; headline blue:#312e8b; headline green:#48883b; headline orange:#f07931; link blue:#2765be; accent red:#a1003c; nav border blue:#6b7bb9; nav border blue level 2:#96aecd; nav border grean:#84af86; --------------------------------------------- */ /* =Reset -----------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height:1; background:#e3e9b9/*9fc5ed*/ url(../images/pageBg_tile.jpg) repeat-x center top;} body, input, select, textarea {font:11px Arial,Helvetica,sans-serif;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} /* remember to define focus styles! */ :focus {outline:0;} /* remember to highlight inserts somehow! */ ins {text-decoration:none;} del {text-decoration:line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:collapse; border-spacing:0;} /* =960 styles ----------------*/ .container_12 {width:960px; margin-left:auto; margin-right:auto;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {display:inline; float:left; margin-left:10px; margin-right:10px;} .container_12 .grid_3{width:220px;float:right;} .container_12 .grid_6 {width:460px;} .container_12 .grid_9 {width:700px;} .container_12 .grid_12 {width:940px} .alpha{margin-left:0} .omega{margin-right:0} .container_12 .grid_1 {width:60px;} .container_12 .grid_2 {width:140px;} .container_12 .grid_4 {width:300px;} .container_12 .grid_5 {width:380px;} .container_12 .grid_7 {width:540px;} .container_12 .grid_8 {width:620px;} .container_12 .grid_10 {width:780px;} .container_12 .grid_11 {width:860px;} .container_12 .prefix_3 {padding-left:240px;} .container_12 .prefix_6 {padding-left:480px;} .container_12 .prefix_9 {padding-left:720px;} .container_12 .prefix_1 {padding-left:80px;} .container_12 .prefix_2 {padding-left:160px;} .container_12 .prefix_4 {padding-left:320px;} .container_12 .prefix_5 {padding-left:400px;} .container_12 .prefix_7 {padding-left:560px;} .container_12 .prefix_8 {padding-left:640px;} .container_12 .prefix_10 {padding-left:800px;} .container_12 .prefix_11 {padding-left:880px;} .container_12 .suffix_3 {padding-right:240px;} .container_12 .suffix_6 {padding-right:480px;} .container_12 .suffix_9 {padding-right:720px;} .container_12 .suffix_1 {padding-right:80px;} .container_12 .suffix_2 {padding-right:160px;} .container_12 .suffix_4 {padding-right:320px;} .container_12 .suffix_5 {padding-right:400px;} .container_12 .suffix_7 {padding-right:560px;} .container_12 .suffix_8 {padding-right:640px;} .container_12 .suffix_10 {padding-right:800px;} .container_12 .suffix_11 {padding-right:880px;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear {display:block; float:none; width:0; height:0; margin:0; padding:0; border:0; clear:both; font-size:0; list-style:none; overflow:hidden; visibility:hidden; background:none;} .clearfix:after {display:block; height:0; content:'.'; clear:both; visibility:hidden;} .clearfix {display:inline-block;} * html .clearfix {height:1%;} .clearfix {display:block;} /* =basic styles after reset ------------------------------*/ a {color:#2765be;} a:focus{outline:1px dotted invert;} h1{font-size:21px;} h2{font-size:18px;} h3{font-size:14px;} h4{font-size:12px;} h5{font-size:12px;} h6{font-size:11px;} /*ol{list-style:decimal;} ul{list-style:square;}*/ ul ul li, ul ul ul li {margin-left:11px;} p,dl,hr,/*h1,h2,h3,h4,h5,h6,ol,ul,*/pre,table,address,fieldset{margin-bottom:9px;} .more {text-align:right;} .clear {clear:both;} .pictureCaption {margin-bottom:6px; text-align:center;} .imgRight {float:right; margin:0 0 10px 15px;} .imgLeft {float:left; margin:0 15px 10px 0;} input, textarea {border:1px solid #959595; font-size:10px;} blockquote {padding:10px 20px; background-color:rgba(255,255,255,.3);} /* =outerWrapper ------------------*/ #outerWrapper {min-height:825px; line-height:15px; background: url(../images/pageBg.png) no-repeat center bottom;} /* homepage specific */ #home #outerWrapper {min-height:925px; line-height:14px; } /* =header ============*/ #header {height:102px; margin-bottom:14px; background:url(../images/prcHeader.gif) no-repeat left top;} #header h1 {height:102px; text-indent:-9999px; overflow:hidden;} /* =skip ==========*/ .skip {margin:0; height:0; text-indent:-9999px; overflow:hidden;} /* =nav =========*/ #nav {} #nav a {display:block; font-weight:bold; color:#000; text-decoration:none;} #nav a:hover {text-decoration:underline;} #nav li {padding:0; line-height:14px;} #nav li ul {margin-top:2px; margin-bottom:2px;} #nav .nav_home a, #nav .nav_about a, #nav .nav_services a, #nav .nav_fundraising a {color:#312e8b;} #nav .nav_about ul, #nav .nav_services ul {border-left:1px solid #6b7bb9;} #nav .nav_services ul ul {border-left:1px solid #96aecd;} #nav .nav_about ul a, #nav .nav_services ul a, #nav .nav_membership ul a, #nav .nav_community ul a {color:#000; font-weight:normal;} #nav .nav_membership a, #nav .nav_community a {color:#48883b;} #nav .nav_membership ul, #nav .nav_community ul {border-left:1px solid #84af86;} #nav .nav_donations a {color:#f07931;} /* homepage specific */ #home #nav .nav_home {display:none;} /* =feature =============*/ #feature {} /* homepage specific */ #home #feature {} #feature h2 {margin-bottom:14px; color:#312e8b; text-transform:capitalize;} #feature p {font-size:12px;} #feature h3 {margin-bottom:3px;} #feature h3 span, #feature h4 span {display:block; margin-bottom:3px; font-weight:normal; font-size:11px;} #feature ul {margin-bottom:9px;} #feature li {margin-left:15px; padding:3px 0; font-size:12px;} #feature ul li {list-style-type:disc;} #feature ol li {margin-left:20px; list-style-type:decimal;} /* homepage specific */ #home #feature li {font-size:11px;} #feature .bookEntry {padding:5px; margin-bottom:9px; border:1px #fff solid;} /* events page */ #feature #dateTable td, #feature #dateTable th {width:16.67%;} #feature #dateTable th {padding:0 0 5px 0;} #feature #dateTable td {padding:5px 10px 10px 10px; border-top:1px solid #bbb; border-right:1px solid #bbb;} #feature #dateTable tr.first td {border-top-width:0;} #feature #dateTable td.last {border-right-width:0;} #feature #dateTable tr.top td {border-top-width:0;} #feature #dateTable td .devPlaygroup {position:relative; margin:0 -6px 3px -6px; padding:3px 6px; font-size:9px; line-height:12px; color:#333; background-color:rgba(255,255,255,.5);} #feature dl {} #feature dl dt {font-size:14px;} #feature dl dd.details {margin-top:3px; margin-bottom:12px; font-size:12px;} /* new mom's meals */ #tblForm {width:445px;} #tblForm .label {padding:3px 5px; text-align:right; vertical-align:top;} #tblForm .entry {padding: 3px 5px;} #tblForm .long input, #tblForm .long textarea {width:100%;} #tblForm .short input {width:40%;} /* =mission +++++++++++++*/ #mission {position:relative; margin:-20px -20px 0 -20px; padding:40px 20px 30px 20px; font-size:14px; line-height:16px; color:#312e8b; background:url(../images/missionBg.png) no-repeat top left;} /* =prcBiz ++++++++++++*/ #prcBiz {} #prcBiz h2 {margin-bottom:5px;} #prcBiz h2 a {text-decoration:none; color:#312e8b;} #prcBiz p {font-size:11px; line-height:16px;} /* =contentRotate +++++++++++++++++++*/ #contentRotate {} /* =secondaryInfo ===================*/ #secondaryInfo {} #secondaryInfo h2 {margin-bottom:5px;} #secondaryInfo h3 {margin-bottom:3px;} .searchForm {margin-bottom:12px;} .searchTxt {width:95px; border:1px solid #959595; font-size:10px;} .searchButton {width:40px; background-color:#d6e0eb; border:1px solid #959595; border-width:1px 1px 1px 0; font-size:10px; font-weight:bold; color:#959595;} .events h2, .board h3, .board ul {color:#48883b;} .events ul {margin:5px 0;} .events li {padding:1px 5px 1px 10px; border-bottom:1px solid #84af86;} .events span {display:block; font-style:italic;} .dates ul {margin:2px 0 2px 15px;} .dates ul li {list-style-type:disc; font-style:italic;} .donations h3, .donations ul {color:#f07931;} /* homepage specific */ #home #secondaryInfo p {margin-bottom:0;} #home #secondaryInfo h3 {margin-top:15px;} .dates h3+p+p {margin-bottom:0;} .subNav {margin-bottom:9px;} .subNav li {padding:3px 0;} /* advertising specific */ #secondaryInfo table {margin:9px 0;} #secondaryInfo th, #secondaryInfo td {padding:3px 0 3px 3px; text-align:left;} #secondaryInfo th {vertical-align:bottom;} #secondaryInfo td {border-top:1px solid #84af86;} /* book club specific */ #bookclub #secondaryInfo li {padding:3px 0 3px 3px;} /* =additionalInfo ====================*/ #additionalInfo {} /* homepage specific */ #home #additionalInfo {margin-top:21px;} #home #additionalInfo h2 {margin-bottom:9px;} #home #additionalInfo h3 {margin-bottom:3px;} #home #additionalInfo h3 a {text-decoration:none; color:#000;} #home #community img {display:block;} #home #involved h2, #home #services h2 {color:#312e8b;} #home #community h2, #home #tips h2 {color:#48883b;} /* =footer ============*/ #footer {padding:50px 0 20px 0; text-align:center; color:#333; clear:both;} #footer p {margin:0;} /* =contentRotate for the homepage ++++++++++++++++++++++++++++++++++++*/ #contentRotate {} .ui-tabs .ui-tabs-hide {display: none;} .ui-tabs-panel {position:relative; min-height:275px; background-color:#fcfad1; background-repeat:no-repeat; background-position:top left;} #feature .ui-tabs-panel h2 {height:0; margin:0; padding:0; text-indent:-9999px; overflow:hidden;} .visibleBlock {padding:75px 25px 0px 25px;} #feature .visibleBlock h3 {margin-bottom:9px; font-size:18px; line-height:21px;} #feature .visibleBlock h3 span {font-weight:normal; font-size:18px;} /*#fragment-1 {background-image:url(../images/home/feature-winter-concert-series.jpg);} #fragment-1 .visibleBlock {padding:55px 25px; color:#444;} #feature #fragment-1 h3 {font-weight:normal; font-size:24px;} #fragment-1 .date, #fragment-1 .time {position:absolute; left:25px;} #fragment-1 .date {top:180px; font-size:18px;} #fragment-1 .time {top:200px; font-size:15px;}*/ #fragment-1 {background-image:url(../images/home/feature-course-registration.png);} #fragment-2 {background-image:url(../images/home/feature-moms-night-out.jpg);} #fragment-3 {background-image:url(../images/home/feature-drop-off.png);} #fragment-4 {background-image:url(../images/home/feature-meals-new-moms.png);} .ui-tabs-nav {margin:0; padding:5px 10px; text-align:right; background-color:#e9eec6;} .ui-tabs-nav, .ui-tabs-nav li {list-style-type:none;} .ui-tabs-nav li {display:inline; margin:0; padding:0;} .ui-tabs-nav li.ui-tabs-selected {font-weight:bold;} .ui-tabs-nav li.ui-state-default a {text-decoration:none;} /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide {display:none;} } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav {display:none;} } /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display:inline-block;} *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */display:inline-block;}