* { margin: 0; padding: 0; outline: none; } a img { border: none; } html { height: 100%; } body { min-height: 101%; } body { font: normal 72%/1.5 Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #656565; background: url(http://www.community-montessori.org/images/site/body-bg.gif) repeat-y 50% 0 ; background-color: #f1f9fa; background-color: #99cc66; text-align: center; } #container { width: 810px; margin: 0 auto; text-align: left; } h1, h2, h3, h4, h6 { font-weight: normal; } h2 { color: #669933; font-size: 170%; margin: 1.1em 0 .5em } h5 { color: #709421; font-size: 100%; margin: 1.1em 0 0; } ul { list-style: none; } a { color: #669933; text-decoration: none; } a:hover { text-decoration: underline; } p { margin: .1em 0 1em; } p.intro { font-size: 105%; margin-bottom: 0; line-height: 1.5; } span.plusGr { color: #709421; } .no-mrgn { margin: 0!important; } #content hr, #sidebar hr { width: 550px; color: #FFF; background: #fff; border: 1px dotted #999; border-style: none none dotted; margin: .9em 0; display: block; } #content hr { margin: .8em 0 1.6em; } #sidebar hr { width: 230px; } #content img.bodyImage { margin-top: 10px; } /* NEW BODY IDs These are intended to replace the above*/ #content ul { margin: 0; padding: 0; list-style: none; } #content ul li { background: url(http://www.community-montessori.org/images/site/plus_gray.gif) no-repeat 0 .3em; padding-left: 12px; margin: .1em 0 1em; } #content ul.see { list-style: disc;padding-left:0;margin-left:15px; } #bd-investments h5 { color: #7da820!important; } #bd-investments div#newsSB dd.title, #bd-investments div#newsSB dd.title a { color: #7da820; } #bd-investments #masthead { background: #8CC34B; } #bd-investments #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_green.gif); } #bd-community h5 { color: #B3084D!important; } #bd-community div#newsSB dd.title, #bd-community div#newsSB dd.title a { color: #B3084D; } #bd-community #masthead { background: #B3084D; background: #669933;} #bd-community #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_violet.gif); } #bd-get-involved h5 { color: #a9521d!important; } #bd-get-involved div#newsSB dd.title, #bd-get-involved div#newsSB dd.title a { color: #a9521d; } #bd-get-involved #masthead { background: #994A1A; } #bd-get-involved #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_brown.gif); } #bd-donate h5 { color: #a9521d!important; } #bd-donate div#newsSB dd.title, #bd-donate div#newsSB dd.title a { color: #a9521d; } #bd-donate #masthead { background: #994A1A; } #bd-donate #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_brown.gif); } #bd-about-us h5 { color: #C30101!important; } #bd-about-us div#newsSB dd.title, #bd-about-us div#newsSB dd.title a { color: #C30101; } #bd-about-us #masthead { background: #C30101; } #bd-about-us #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_red.gif); } #bd-knowledge-center h5, #bd-search h5{ color: #F58A0C!important; } #bd-knowledge-center div#newsSB dd.title, #bd-knowledge-center div#newsSB dd.title a, #bd-search div#newsSB dd.title, #bd-search div#newsSB dd.title a { color: #F58A0C; } #bd-knowledge-center #masthead, #bd-search #masthead { background: #F58A0C; } #bd-knowledge-center #content ul li, #bd-search #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_orange.gif); } #bd-blue h5, #bd-blue h5 a, #bd-blue #portDLs dl dd h5, #bd-blue #portDLs dl dd h5 a, #portfolio dl dd.bd-blue a { color: #00649E; } #bd-blue div#newsSB dd.title, #bd-blue div#newsSB dd.title a { color: #00649E; } #bd-blue #masthead { background: #00649E; } #bd-blue #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_blue.gif); } #bd-purple h5, #bd-purple h5 a, #bd-purple #portDLs dl dd h5, #bd-purple #portDLs dl dd h5 a, #portfolio dl dd.bd-purple a { color: #A62F81; } #bd-purple div#newsSB dd.title, #bd-purple div#newsSB dd.title a { color: #A62F81; } #bd-purple #masthead { background: #A62F81; } #bd-purple #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_purple.gif); } #bd-green h5, #bd-green h5 a, #bd-green #portDLs dl dd h5, #bd-green #portDLs dl dd h5 a, #portfolio dl dd.bd-green a { color: #7da820; } #bd-green div#newsSB dd.title, #bd-green div#newsSB dd.title a { color: #7da820; } #bd-green #masthead { background: #8CC34B; } #bd-green #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_green.gif); } #bd-violet h5, #bd-violet h5 a, #bd-violet #portDLs dl dd h5, #bd-violet #portDLs dl dd h5 a, #portfolio dl dd.bd-violet a { color: #B3084D; } #bd-violet div#newsSB dd.title, #bd-violet div#newsSB dd.title a { color: #B3084D; } #bd-violet #masthead { background: #B3084D; } #bd-violet #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_violet.gif); } #bd-brown h5, #bd-brown h5 a, #bd-brown #portDLs dl dd h5, #bd-brown #portDLs dl dd h5 a, #portfolio dl dd.bd-brown a { color: #a9521d; } #bd-brown div#newsSB dd.title, #bd-brown div#newsSB dd.title a { color: #a9521d; } #bd-brown #masthead { background: #994A1A; } #bd-brown #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_brown.gif); } #bd-red h5, #bd-red h5 a, #bd-red #portDLs dl dd h5, #bd-red #portDLs dl dd h5 a, #portfolio dl dd.bd-red a { color: #C30101; } #bd-red div#newsSB dd.title, #bd-red div#newsSB dd.title a { color: #C30101; } #bd-red #masthead { background: #C30101; } #bd-red #content ul li { background: url(http://www.community-montessori.org/images/site/plus_red.gif) no-repeat 0 4px; } #bd-orange h5, #bd-orange h5 a, #bd-orange #portDLs dl dd h5, #bd-orange #portDLs dl dd h5 a, #portfolio dl dd.bd-orange a { color: #F58A0C; } #bd-orange div#newsSB dd.title, #bd-orange div#newsSB dd.title a { color: #F58A0C; } #bd-orange #masthead { background: #F58A0C; } #bd-orange #content ul li { background-image: url(http://www.community-montessori.org/images/site/plus_orange.gif); } /*------------------------------------------------- =CONTENT -------------------------------------------------*/ #contentLead { width: 810px; margin-bottom: 10px; } #contentLead h2, #contentLead h4 { color: #009cde; } #contentLead #contIntro { width: 550px; margin: 0 20px 0 10px; float: left; display: inline; position: relative; } #contIntro { margin-bottom: 10px; position: relative; } #contIntro h2, #contIntro h4 { color: #009cde; } #alignBot { width: 500px; min-height: 90px; height: auto!important; height: 90px; vertical-align: bottom; } #alignBot em { color: #669933; } #alignBot h2, #alignBot h4 { position: absolute; bottom: 0; } #alignBot h4 { bottom: 26px; } #alignBot img { position: absolute; bottom: 0; left: 0; } #alignBot.author h2, #alignBot.author h4, #alignBot.author p { position: absolute; bottom: 20px; } #alignBot.author h4 { bottom: 46px; } #alignBot.author p { bottom: 0; font-size: 1.2em; margin: 0; } #contentLead #sectionNav { width: 230px; float: left; display: inline; margin-bottom: 10px; } #sectionNav { width: 230px; margin-bottom: 10px; } #sectionNav ul { list-style: none; margin-left: 10px; font-size: 95%; } #sectionNav ul li a { color: #669933; } #sectionNav ul li a.selected { color: #656565; } /* #sectionNav h4 { background: url(http://www.community-montessori.org/images/site/h4_inthissection.gif) no-repeat; width: 90px; height: 11px; margin-bottom: .15em; text-indent: -9999px; overflow: hidden; } */ #sectionNav h4 { font-size: 95%; color: #608fbf; font-weight:bold;} #sectionNav h4 a {color:#608fbf} #content { width: 550px; float: left; display: inline; margin: 0 20px 0 10px; } #content h3 { margin: 10px 0; } #content dl, #content ol { margin: 10px 0; } .largePhoto p { width: 550px; margin: 0; padding: 0 0 .3em; border-bottom: 1px dotted #999; font-size: 90%; margin-bottom: 15px; } #contentInfo { margin: 10px 0; } #utilities { float: right; display: inline; width: 190px; margin: 0 0 0 10px; } #share { background: #F0F0F0; width: 185px; margin: 5px 0 15px; } #share h5 { background: url(http://www.community-montessori.org/images/site/h5-share.gif) no-repeat; width: 185px; height: 21px; text-indent: -9999px; border-bottom: 1px dotted #999; padding: 0; margin: 0; } #share a { color: #656565; width: 160px; display: block; } #share a:hover { color: #007bb0; } #share ul { list-style: none; margin: 6px 6px 10px ; } #content #share ul li { margin: 5px 0; width: 140px; background-image: none; padding-left: 0; display: block; } #share li a { width: 140px; padding-left: 20px; color: #666; display: block; } #share li#diggIcon a { background: url(http://www.community-montessori.org/images/site/diggIcon_a.gif) no-repeat left center; } #share li#diggIcon a:hover { background-image: url(http://www.community-montessori.org/images/site/diggIcon_h.gif); } #share li#deliciousIcon a { background: url(http://www.community-montessori.org/images/site/deliciousIcon_a.gif) no-repeat left center; } #share li#deliciousIcon a:hover { background-image: url(http://www.community-montessori.org/images/site/deliciousIcon_h.gif); } #share li#facebookIcon a { background: url(http://www.community-montessori.org/images/site/facebookIcon_a.gif) no-repeat left center; } #share li#facebookIcon a:hover { background-image: url(http://www.community-montessori.org/images/site/facebookIcon_h.gif); } #share li#newsvineIcon a { background: url(http://www.community-montessori.org/images/site/newsvineIcon_a.gif) no-repeat left center; } #share li#newsvineIcon a:hover { background-image: url(http://www.community-montessori.org/images/site/newsvineIcon_h.gif); } #share li#yahooIcon a { background: url(http://www.community-montessori.org/images/site/yahooIcon_a.gif) no-repeat left center; } #share li#yahooIcon a:hover { background-image: url(http://www.community-montessori.org/images/site/yahooIcon_h.gif); } #share li#emailIcon a { background: url(http://www.community-montessori.org/images/site/emailIcon_a.gif) no-repeat left center; } #share li#emailIcon a:hover { background-image: url(http://www.community-montessori.org/images/site/emailIcon_h.gif); } #share li#printIcon a { background: url(http://www.community-montessori.org/images/site/printIcon_a.gif) no-repeat left center; } #share li#printIcon a:hover { background-image: url(http://www.community-montessori.org/images/site/printIcon_h.gif); } #moreStories { background: #F0F0F0; width: 175px; padding: 5px; } #moreStories h5 { background: url(http://www.community-montessori.org/images/site/h5-investmentstories.gif) no-repeat; text-indent: -9999px; width: 111px; height: 11px; margin: 0 0 6px 2px; } #moreStories p { font-size: 95%; line-height: 1.1; margin: 5px 0 5px 55px; padding: 0; } #moreStories a { color: #656565; } #moreStories strong { font-weight: bold } div.moreStoriesInner { width: 165px; background: #FFF; padding: 2px 5px 5px 5px; } div.moreStoriesInner img { float: left; display: inline; margin-right: 5px; } /* PORTFOLIO */ #portDLs { margin: 10px 0; } #portDLs .leftside, #portDLs .rightside { width: 270px; float: left; display: inline; margin-right: 10px; } #portDLs .rightside { margin-right: 0; } #portDLs dl { width: 270px; margin: 0 0 20px; position: relative; clear: both; } #portDLs dl dt { float: left; display: inline; margin: 0; } #portDLs dl dd { margin-left: 96px; } #portDLs dl dd h5 { margin: 0; } #portDLs dl dd h5 a { color: #709421; } #portDLs dl dd a { color: #656565; } #portfolio dl { width: 248px; border: 1px solid #CCC; padding: 10px; float: left; display: inline; margin: 0 10px 10px 0; } #portfolio dl:hover { border-color: #AAA; /*background: #EDF9FC;*/ } #portfolio dl.rightDL { margin-right: 0; } #portfolio dl dt, #portfolio dl dd { margin: 0 0 0 96px; } #portfolio dl dt.thumbnail { margin-left: 0; } #portfolio dl img { float: left; display: inline; margin: 0; } #portfolio dl dd a { color: #656565; text-decoration: none; } #portfolio dl dd a:hover { text-decoration: underline; } #portfolio dl dd.water-portfolio a, #portfolio dl dd.health-portfolio a, #portfolio dl dd.housing-portfolio a, #portfolio dl dd.energy-portfolio a { text-indent: -9999px; display: block; width: 140px; height: 20px; overflow: hidden; } #portfolio dl dd.water-portfolio { background: url(http://www.community-montessori.org/images/site/h2-water.gif) no-repeat; } #portfolio dl dd.health-portfolio { background: url(http://www.community-montessori.org/images/site/h2-health.gif) no-repeat; } #portfolio dl dd.housing-portfolio { background: url(http://www.community-montessori.org/images/site/h2-housing.gif) no-repeat; } #portfolio dl dd.energy-portfolio { background: url(http://www.community-montessori.org/images/site/h2-energy.gif) no-repeat; } #leftContent, #rightContent { float: left; display: inline; width: 260px; margin: 6px 20px 10px 0; } #rightContent { margin-right: 0; } #contentWide #leftContent, #contentWide #rightContent { float: left; display: inline; width: 380px; margin: 6px 20px 10px 0; border-right: 1px dotted #AAA; } #contentWide #rightContent { margin-right: 0; border-right: none; } #content dl h5, #contentWide dl h5 { margin-top: 0; } #content dl dd ul li, #contentWide dl dd ul li { background: url(http://www.community-montessori.org/images/site/listDash.gif) no-repeat 0 .6em; padding-left: 11px; position: relative; } #content dl dd ul li a, #contentWide dl dd ul li a { color: #656565; text-decoration: underline; } #content dl dd ul li a:hover, #contentWide dl dd ul li a:hover { text-decoration: none; } /* CONTENT WIDE */ #contentWide { width: 800px; margin: 10px 0 0 10px; } #map { margin: 15px 0; } #map fieldset { border: none; background: #e6e6e6; padding: .15em 0; } #map form { margin: 3px 0 3px 8px; } #map select { margin: 0; font-size: 90%; width: 150px; color: #09C; padding: 1px; } #map ul.legend { background: #e6e6e6; padding: 6px 8px; width: 784px; list-style: none; margin-top: 0; } #map ul.legend li { display: inline; padding-left: 16px; margin-right: 10px; } #map ul.legend li.water { background: url(http://www.community-montessori.org/images/site/legend-water.gif) no-repeat left center; } #map ul.legend li.health { background: url(http://www.community-montessori.org/images/site/legend-health.gif) no-repeat left center; } #map ul.legend li.housing { background: url(http://www.community-montessori.org/images/site/legend-housing.gif) no-repeat left center; } #map ul.legend li.energy { background: url(http://www.community-montessori.org/images/site/legend-energy.gif) no-repeat left center; } /*------------------------------------------------- =SIDEBAR -------------------------------------------------*/ #sidebar { width: 230px; float: left; display: inline; } #sidebar hr.sepa { display: none; } #overview { background: #F0F0F0; border-top: 5px solid #DDD; font-size: 95%; padding: 10px 5px; width: 220px; height: auto!important; height: 185px; margin: 0 0 10px; } #overview a { color: #656565; text-decoration: underline; } #overview a:hover { text-decoration: none; } #overview p { color: #656565; margin: 0 0 .1em; } #overview #pdms h3 { background: url(http://www.community-montessori.org/images/site/h5-investmentoverview.gif) no-repeat; text-indent: -9999px; width: 128px; height: 11px; margin-bottom: 5px; } #overview #metrics h3 { background: url(http://www.community-montessori.org/images/site/h5-investmentmetrics.gif) no-repeat; text-indent: -9999px; width: 128px; height: 11px; margin-bottom: 5px; } #overview h5 { color: #656565; margin: .4em 0 0; } #overview p.pdf { margin: .4em 0 0; background: url(http://www.community-montessori.org/images/site/pdficon.gif) no-repeat 0 .2em; padding-left: 15px; } #overview p.pdf a { text-decoration: none; } #overview .arrowSelect { display: none; } #sideStories { background: #F0F0F0; width: 220px; padding: 5px; } #sideStories h4 { background: url(/http://www.community-montessori.orgimages/site/h5-relatedstories.gif) no-repeat; text-indent: -9999px; width: 91px; height: 11px; margin: 3px 0 6px 4px; } #sideStories p { font-size: 95%; line-height: 1.1; position: absolute; bottom: -5px; left: 60px; } #sideStories div a { color: #656565; background: #FFF; display: block; width: 210px; height: 40px; padding: 5px; position: relative; } #sideStories div a:hover { background: #edf9fc; text-decoration: none; } #sideStories div a.selected { background: #edf9fc; } #sideStories div a.middle { border-top: 1px dotted #DDD; border-bottom: 1px dotted #DDD; } div.sideStoriesInner { width: 220px; background: #FFF; } div.sideStoriesInner div { clear: both; } div.sideStoriesInner img { margin: 0 5px 5px 0; float: left; display: inline; } ul.dotSelect { float: left; display: inline; margin: 10px 0 6px 5px; list-style: none; } ul.dotSelect li { float: left; display: inline; margin: 0 4px 0 0; } ul.dotSelect li a { text-indent: -9999px; overflow: hidden; background: url(http://www.community-montessori.org/images/site/dotSelect.gif) no-repeat; width: 2px; height: 2px; padding: 2px; display: block; text-decoration: none; } ul.dotSelect li a.selected { background-position: 0 -6px; } ul.dotSelect li a:hover { background-position: 0 -6px; } ul.arrowSelect { float: right; display: inline; margin: 6px 0 2px 5px; list-style: none; } ul.arrowSelect li { float: left; display: inline; margin: 0; padding: 0; } ul.arrowSelect li a { text-indent: -9999px; overflow: hidden; width: 15px; height: 14px; display: block; text-decoration: none; margin: 0; padding: 0; } ul.arrowSelect li a.previous { background: url(http://www.community-montessori.org/images/site/sel_left.gif) no-repeat; } ul.arrowSelect li a.next { background: url(http://www.community-montessori.org/images/site/sel_right.gif) no-repeat; } ul.arrowSelect li a.end { background-position: 0 -14px; cursor: default; } #sideTout { margin: 15px 0; } #sideTout.noMargin { margin: 0; } /*------------------------------------------------- =GET INVOLVED / CONTACT / FORMS -------------------------------------------------*/ form { margin: 10px 0; } form div { margin-bottom: 10px; } input, select, textarea { padding: 2px; width: 250px; background: #fbfbfb; border: 1px solid #CCC; border-top-color: #999; border-bottom-color: #DDD; margin: 2px 0 4px; color: #565656; } select { width: 255px; } input:focus, select:focus, textarea:focus { border-color: #888; color: #333; background: #FFF; } input.checkbox { width: auto; float: left; display: inline; border: none; } p.checkInfo { float: left; display: inline; width: 170px; margin-left: 10px; } input.radio { width: auto; margin-bottom: -3px; border: none; } ul.formList { margin-bottom: 15px; } ul.formList li { margin: 8px 0; } ul.formList span { margin-left: 10px; } span.otherInput input { display: inline; width: 110px; margin-bottom: -3px; } div.halfInput { width: 90px; float: left; display: inline; margin: 0 15px 0 0; } div.halfInput input, div.halfInput select { width: 90px; } input.half { width: 90px; } span.infoTxt { margin-left: 10px; } label.floatLeft { float: left; display: inline; margin-right: 10px; } div.thirdInput { width: 158px; float: left; display: inline; margin: 0 18px 0 0; } div.thirdInput input, div.thirdInput select { width: 158px; } input.submit { border: none; background: #00ade1; color: #FFF; font-variant: small-caps; font-size: 14px; font-weight: bold; padding: 2px 5px 3px 5px; width: auto; cursor: pointer; } input:hover.submit { background: #00c4ff; } /*------------------------------------------------- =KNOWLEDGE CENTER -------------------------------------------------*/ #searchIn { clear: both; width: 230px; background: #EEE; position: relative; } #searchIn fieldset { border: none; padding: 0; } #searchIn form { width: 210px; margin: 10px; } #searchIn h3 { display: block; background: url(http://www.community-montessori.org/images/site/h3-search.gif) no-repeat; width: 230px; height: 20px; text-indent: -9999px; background-color: #bcbcbc; } #searchIn label { display: none; } #searchIn input { margin-bottom: 10px; margin-right: 5px; width: 184px; } #searchIn select { float: left; margin: 0 10px 0 0; width: 120px; } #searchIn span { margin-top: 5px; } #searchIn input.btn2 { border: none; padding: 0; margin: 0; display: inline; width: auto; background: transparent; } #searchIn p.results { text-align: right; margin: 0 0 .5em; } #spotlight { margin: 1em 0; background-color: #f1f9fa; padding: 1px 10px 0 10px; } #spotlight dl { height: 100%; width: 150px; border: 1px solid #a8e2f2; background-color: #fff; padding: 6px; float: left; display: inline; margin: 0 19px 10px 0px; } #spotlight dl:hover { border-color: #f7a749; } #spotlight dl.rightDL { margin-right: 0; } #spotlight dl dd { font-size: 110%; color: #888; margin-bottom: 6px; } #spotlight dl dd.title { font-weight: bold; color: #00ade0; margin-bottom: 0; } #spotlight dl dd a { color: #00ADE0; } /* Sections / javascript */ .section { margin-bottom: 20px; } .section h6 { font-weight: bold; } .section h6 a { color: #FFF; display: block; width: 400px; font-size: 12px; text-decoration: none; padding-left: 16px; outline: none; } .section h6 a:hover { text-decoration: none; } .section h6.h6videos a { background: url(http://www.community-montessori.org/images/site/arrdn_bl.gif) no-repeat left center; } .section h6.h6videos a.selected { background: url(http://www.community-montessori.org/images/site/arrrt_bl.gif) no-repeat left center; } .section h6.h6photos a { background: #f68a0c url(http://www.community-montessori.org/images/site/arrdn_or.gif) no-repeat left center; } .section h6.h6photos a.selected { background: url(http://www.community-montessori.org/images/site/arrrt_or.gif) no-repeat left center; } .section h6.h6stories a { background: #8cc34b url(http://www.community-montessori.org/images/site/arrdn_gr.gif) no-repeat left center; } .section h6.h6stories a.selected { background: url(http://www.community-montessori.org/images/site/arrrt_gr.gif) no-repeat left center; } .section h6.h6docs a { background: #c30955 url(http://www.community-montessori.org/images/site/arrdn_red.gif) no-repeat left center; } .section h6.h6docshub a { padding-left: 0; } .section h6.h6docs a.selected { background: url(http://www.community-montessori.org/images/site/arrrt_red.gif) no-repeat left center; } .section div.bar { border: none; width: 530px; height: 16px; padding: 3px 10px; background-color: #00ade0; margin-top: 1em; position: relative; } .docsbar .bar-showall { position: absolute; top: 4px; right: 8px; background: url(http://www.community-montessori.org/images/site/iconbar-document.gif) no-repeat right center; } .vidbar .bar-showall { position: absolute; top: 3px; right: 8px; background: url(http://www.community-montessori.org/images/site/iconbar-video.gif) no-repeat right center; } .photosbar .bar-showall { position: absolute; top: 3px; right: 8px; background: url(http://www.community-montessori.org/images/site/iconbar-photo.gif) no-repeat right center; } .storiesbar .bar-showall { position: absolute; top: 4px; right: 8px; background: url(http://www.community-montessori.org/images/site/iconbar-story.gif) no-repeat right center; } #Documents .bar-showall.hub { position: absolute; top: 4px; right: 8px; background: url(http://www.community-montessori.org/images/site/iconbar-doc-gray.gif) no-repeat right center; } .bar-showall p { margin: 0!important; padding-right: 24px; color: #FFFFFF; } .bar-showall a { color: #FFFFFF; text-decoration: underline; } .section div.bar.photosbar{ background-color: #f68a0c; } .section div.bar.vidbar{ background-color: #00ADE0; } .section div.bar.storiesbar{ background-color: #8cc34b; } .section div.bar.docsbar{ background-color: #c30955; } .section div.bar.docshub{ background-color: #f68a0c; margin-bottom: 10px; } #bd-violet .section div.bar.docshub{ background-color: #B3084D; margin-bottom: 10px; } .section div.secContent { width: 550px; } .section div.secContent dl { margin: 12px 15px 12px 0; border-bottom: 1px dotted #999; padding-bottom: 14px; } .section div.secContent dl.lastItem { border-bottom: none; padding: 0; } .section div.secContent dt { float: left; display: inline; } .section div.secContent dt a img { padding: 4px; background: #e8e8e8; } #Documents dt a img { padding: 1px; background: #d2d2d2; } #Documents dt a:hover img { padding: 1px; background: #c3edff; } .section div.secContent dt a:hover img { background: #c3edff; } .section div.secContent dd { margin-left: 72px; } .section p.showall a { background: url(http://www.community-montessori.org/images/site/arr_sm_bl.gif) no-repeat right .4em; padding-right: 6px; margin-right: 10px; } .doc-info a, .more-feat-docs dd a.read { background: url(http://www.community-montessori.org/images/site/arr_sm_bl.gif) no-repeat right .4em; padding-right: 6px; } .section #Documents div { margin: 0 0 1px; } .section #Documents a div { background: #f0f9fd url(http://www.community-montessori.org/images/site/icon_pdf.gif) no-repeat .5em center; display: block; width: 510px; padding: 5px 10px 5px 30px; } .section #Documents a:hover div { background-color: #dff5ff; text-decoration: none; } .section #Documents a div.alt { background-color: #FFF; } .section #Documents a:hover div.alt { background-color: #dff5ff; } .section #Documents div strong { display: block; float: left; } .section #Documents div small { text-align: right; display: block; float: right; line-height: 1.6; } .section #Documents p.showall { margin-top: 12px; } .section #Documents p.showall a { background: #FFF url(http://www.community-montessori.org/images/site/arr_sm_bl.gif) no-repeat right .5em; padding: 0 6px 0 0; width: auto; display: inline; } /* SEARCH RESULTS */ .section div.secContent#results dl dt { float: none; font-weight: bold; } .section div.secContent#results dl dd { margin: 0; } .section div.secContent#results dl dd.resultURL a { color: #656565; font-style: italic; } /* PDMS */ #metrics { width: 220px; } #metrics h3 { margin-left: 5px; } #metrics table { padding: 0; margin: 0; } #metricsContainer { background: #edf9fc; margin-top: 8px; } #metricLabels { width: 100px; float: left; overflow-x: hidden; } #metricLabels thead th { background: #97ce56; color: #fff; padding: 2px 3px 0 5px; text-align: left; font-weight: bold; height: 20px; } #metricLabels tbody th { background: #edf9fc; padding: 0 3px 0 5px; font-weight: bold; color: #666; text-align: left; height: 28px; border-bottom: 1px dotted #ccc; line-height: 90%; font-size: .9em; } #metricLabels tbody tr:hover th { background: #edf9fc; color: #666; } #metricLabels tbody th span { width: 92px; display: block; overflow: hidden; } #metricData { width: 120px; overflow-x: hidden; float: left; } #metricData thead th { background: #97ce56; color: #fff; padding: 2px 3px 0 3px; text-align: center; font-weight: bold; height: 20px; border-left: 1px dotted #fff; font-size: 10px; } #metricData thead th.first { background: #78b72e; } #metricData tbody td { background: #fff; padding: 0 3px 0 3px; height: 28px; border-bottom: 1px dotted #ccc; border-right: 1px dotted #ccc; font-size: 10px; text-align: right; } #metricData tbody td span { width: 53px; display: block; overflow: hidden; } #metricData tbody td.first { color: #333; } #overview .ui-tabs-hide { display: none; } #pdms { margin-left: 5px; } #pdmsSwitchHandler { width: 80px; padding-top: 10px; float: left; } #pdmsSwitchHandler li span { text-decoration: none; border-bottom: 1px solid; padding: 0 1px; cursor: pointer; } #pdmsSwitchHandler li:hover { color: #669933; } #metricsTab { margin-left: 5px; } ul.scrollHandler { float: right; display: inline; margin: 10px 0 0 5px; list-style: none; } ul.scrollHandler li { float: left; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; width: 15px; height: 14px; display: block; cursor: pointer; } ul.scrollHandler li.previous { background: url(http://www.community-montessori.org/images/site/sel_left.gif) no-repeat; } ul.scrollHandler li.next { background: url(http://www.community-montessori.org/images/site/sel_right.gif) no-repeat; } ul.scrollHandler li.end { background-position: 0 -14px; cursor: default; } /*------------------------------------------------- =BIOS -------------------------------------------------*/ .bio img { float: left; margin-right: 7px; border: 3px solid #e8e8e8; } .bioImage { float: left; margin: 0 12px 3px 0; } .bioName { float: left; width: 430px; } img.bio { border: 4px solid #e8e8e8; } table.bio dl { margin: 0!important; padding-right: 10px; } table.bio { width: 548px; margin-top: 1em; margin-bottom: 50px; } table.bio th { height: auto; background-color: #a6a6a6; } table.bio p { color: #fff; font-size: 12px; padding-left: 8px; margin: 0; } table.bio td { height: 106px; border-bottom: 1px dotted #999; vertical-align: middle; width: 274px; } .bioBody { clear: both; } .bioInfo { clear: both; border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin-bottom: 40px; } .bioInfo a { color: #656565; text-decoration: underline; } .bioInfo a:hover { color: #669933; } .bioInfo dl { width: 200px; float: left; margin-right: 10px; border-right: 1px solid #cdcdcd; } .bioInfo dl.teams { width: 145px; border-right: none; margin-left: 20px!important; } .bioInfo dt { color: #669933; font-weight: bold; } select#staff { background-color: #f2f2f2; } /*------------------------------------------------- =DOCS -------------------------------------------------*/ #doc-left { width: 154px; float: left; } #doc-left img { border: 1px solid #d2d2d2; } .doc-info { margin-left: 154px; } #doc-left h5 { margin-top: 5px; } h5.download a { display: block; background: url(http://www.community-montessori.org/images/site/btn-download.gif) no-repeat; width: 136px; height: 19px; text-indent: -9999px; overflow: hidden; } h5.purchase a { display: block; background: url(http://www.community-montessori.org/images/site/btn-purchase.gif) no-repeat; width: 136px; height: 19px; text-indent: -9999px; overflow: hidden; } h5.download a:hover { background-position: 0 -19px; } h5.purchase a:hover { background-position: 0 -19px; } .more-feat-docs { border-top: 1px dotted #999; border-bottom: 1px dotted #999; background-color: #f0f0f0; margin: 15px 0; clear: both; } .more-feat-docs img { float: left; margin-right: 7px; } .more-feat-docs dl { width: 255px; padding: 0 10px; float: left; } .more-feat-docs h3 { margin: 10px 0 -8px 11px!important; } /*------------------------------------------------- =PAGINATION -------------------------------------------------*/ #paginationBTM { border-top: 4px solid #e6e6e6; padding-top: 8px; margin-top: 20px; } ul.pagination { width: 100%; margin: 0; position: relative; font-size: 95%; } ul.pagination a { text-decoration: none; } ul.pagination a:hover { text-decoration: underline; } ul.pagination li { display: inline; margin: 0; background: none!important; padding-left: 0!important; } ul.pagination li.pagePrev { position: absolute!important; left: 0; top: 0; } ul.pagination li.pageNext { position: absolute!important; right: 0; top: 0; } ul.pagination li.pagePrev a:hover, ul.pagination li.pageNext a:hover { text-decoration: underline; } ul.pagination li.paging { width: 100%; } ul.pagination ul { text-align: center; margin: 0 auto; } ul.pagination li a.selected { padding: 0 3px; color: #B0220D; text-decoration: none; } ul.pagination li ul li { background: none!important; padding: 3px 0 0 5px!important; } ul.pagination li ul li a { padding: 0 4px 0 1px; } /*------------------------------------------------- =HOMEPAGE -------------------------------------------------*/ div#moreInfos { width: 810px; margin-top: 15px; } div#moreInfos hr, div.story hr { display: none!important; } div#moreInfos ul { list-style: none; } div#moreInfos ul li { float: left; display: inline; margin-right: 10px; } div#moreInfos ul li a { display: block; width: 183px; height: 140px; text-indent: -9999px; } div#moreInfos ul li.tout1 a { background: url(http://www.community-montessori.org/images/site/Toddler.jpg) no-repeat; } div#moreInfos ul li.tout2 a { background: url(http://www.community-montessori.org/images/site/Primary.jpg) no-repeat; } div#moreInfos ul li.tout3 a { background: url(http://www.community-montessori.org/images/site/Elementary.jpg) no-repeat; } div#moreInfos dl { float: right; display: inline; width: 230px; min-height: 140px; height: auto!important; height: 140px; /*background: #f0f0f0 url(/images/site/globe-bg.jpg) no-repeat right top; text-indent: 0;*/ } div#moreInfos dl dt { background: transparent url(http://www.community-montessori.org/images/site/tout4_dt.gif) no-repeat; width: 69px; height: 44px; text-indent: -9999px; color: #678e13; padding: 0; margin: 10px 0 5px 10px; } div#moreInfos dl dd { color: #678e13; margin: 3px 10px; line-height: 1.2; font-size: 110%; } div#moreInfos dl dd a { color: #678e13; text-decoration: none; } div#moreInfos dl dd.seeMore { color: #777; text-align: right; margin: 5px 10px 3px 0; } div#moreInfos dl dd.seeMore a { color: #777; text-decoration: none; background: url(http://www.community-montessori.org/images/site/seemore_arr.gif) no-repeat right center; padding: 2px 18px 2px 0; } div#moreInfos dl dd.seeMore a:hover { text-decoration: underline; } div.story { width: 530px; margin: 0 0 15px 0; padding: 10px; background: #ffffff;border: 1px solid #cccccc; } div.story#storyHome { margin-top: 5px; width: 550px; float: left; display: inline; } div.story img.thumbnail { float: left; display: inline; margin-right: 10px; } div.story #storyContent { float: left; display: inline; width: 350px; } div.story#storyHome #storyContent { width: 400px; } div.story h2, div.story h4 { color: #678E13; } div.story h2 { font-size: 180%; } div.story h4 { font-size: 105%; font-variant: small-caps; } div.story p { margin: .1em 0; } #content div.story p { margin: .1em 0; font-size: 100%; } p.story { padding-top: .1em; } div.story p a { color: #656565; text-decoration: underline; } div.story p a:hover, div.story p.story a { text-decoration: none; } div.story p.story a:hover { text-decoration: none; } div.story p.learnMore a { color: #669933; text-decoration: none; } div.story p.learnMore a:hover { text-decoration: underline; } div#newsSB { width: 230px; float: right; display: inline; } div#newsSB dl.top { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #999; } div#newsSB dl dt { text-transform: uppercase; color: #669933; } div#newsSB dl a { color: #656565; text-decoration: none; } div#newsSB dl dd { margin-right: 12px; } div#newsSB dl dd a { text-decoration: underline; } div#newsSB dl dd a:hover { text-decoration: none; } div#newsSB dl dd.title a { text-decoration: none; color: #678e13; } div#newsSB dl dd.title a:hover { text-decoration: underline; } /*------------------------------------------------- =MASTHEADS -------------------------------------------------*/ #masthead { width: 810px; height: 96px; background: #DDD; margin-bottom: 15px; position: relative; } #masthead h1 { color: #FFF; position: absolute; left: 0; bottom: 0; margin: 0; } #masthead div { float: left; display: inline; margin: 7px 10px 2px; width: 550px; height: 82px; position: relative; } #masthead img.mh { float: right; display: inline; } #masthead ul { list-style: none; z-index: 2; font-size: 90%; } #masthead ul li { display: inline; color: #FFF; } #masthead ul li a { color: #FFF; text-decoration: underline; } #masthead ul li a:hover { text-decoration: none; } /* HOMEPAGE MASTHEAD */ #mastheadHome { width: 810px; height: 200px; z-index: -1111; } #mastheadHome img { float: left; display: inline; } #mastheadHome div { width: 230px; height: 200px; position: absolute; top: 0; right: 0; color: #FFF; background: #8cc34b; position: relative; overflow: hidden; z-index: 1; } #mastheadHome div h2 { background: url(http://www.community-montessori.org/images/site/quote.gif) no-repeat; text-indent: -9999px; display: block; width: 230px; height: 200px; } /* #mastheadHome div p a { background: url(http://www.community-montessori.org/images/site/mastheadHome_seehowitworks.gif) no-repeat; text-indent: -9999px; display: block; width: 214px; height: 11px; overflow: hidden; }*/ /*#mastheadHome div p a:hover { background-position: 0 -11px; }*/ /*------------------------------------------------- =NAV ------------------------------------------------- /* MAIN NAVS + DROPDOWNS */ /*ul#nav { width: 810px; height: 30px; background: #00ade1; margin: 0 auto 2px auto; font-size: 94%; z-index: 1111; }*/ ul#nav { width: 810px; height: 30px; background: #006633; margin: 0 auto 2px auto; font-size: 94%; z-index: 1111; } ul#nav li { display: inline; float: left; } ul#nav li a { height: 30px; text-indent: -9999px; overflow: hidden; display: block; } ul#nav li a:hover, ul#nav li a.selected { background-position: 0 -30px; } ul#nav li:hover { background-position: 0 0; } ul#nav li#about a { width: 64px; background-image: url(http://www.community-montessori.org/images/site/nav-rabout.gif); } ul#nav li#programs a { width: 77px; background-image: url(http://www.community-montessori.org/images/site/nav-programs.gif); } ul#nav li#admissions a { width: 95px; background-image: url(http://www.community-montessori.org/images/site/nav-admissions.gif); } ul#nav li#giving a { width: 64px; background-image: url(http://www.community-montessori.org/images/site/nav-giving.gif); } ul#nav li#news a { width: 118px; background-image: url(http://www.community-montessori.org/images/site/nav-news.gif); } ul#nav li#parents a { width: 71px; background-image: url(http://www.community-montessori.org/images/site/nav-parents.gif); } ul#nav li#contact a { width: 75px; background-image: url(http://www.community-montessori.org/images/site/nav-about.gif); } #bd-about ul#nav li#about a { background-position: 0 -30px; } #bd-academics ul#nav li#academics a { background-position: 0 -30px; } #bd-giving ul#nav li#giving a { background-position: 0 -30px; } #bd-news ul#nav li#news a { background-position: 0 -30px; } #bd-parents ul#nav li#parents a { background-position: 0 -30px; } #bd-contact ul#nav li#contact a { background-position: 0 -30px; } #nav li ul { /* second-level lists */ border-top: 2px solid #FFF; background: url(http://www.community-montessori.org/images/site/dropdown_bg.png) repeat; width: 150px; position: absolute; left: -999em; z-index: 1000; } ul#nav li ul li a { width: 140px!important; padding: 3px 0 3px 10px; background-image: none!important; border-bottom: 1px dotted #FFF; text-indent: 0; color: #FFF; text-decoration: none; height: auto; display: block; } ul#nav li ul li a:hover { background-color: #333333!important; position: relative; } ul#nav li ul li.last a { border-bottom: none; } ul#nav li.secondLev a { background: url(http://www.community-montessori.org/images/site/dropdown_arr.png) no-repeat right center!important; } ul#nav li.secondLev ul li a { background-image: none!important; border-bottom: 1px dotted #FFF; } ul#nav li.secondLev ul li.last a { border-bottom: none; } #nav li ul ul { /* third-and-above-level lists */ border-top: none; margin: -21px 0 0 150px; width: 150px; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } #content ul#storyNav li { background-image: none; padding: 0; margin: 0; } div#amilogo {position:absolute; left:990px; padding-bottom:20px;} div#amilogo a { background: url(http://www.community-montessori.org/images/site/ami-usa.jpg) no-repeat; width: 50px; height: 50px; display: block; text-indent: -9999px; overflow: hidden;} div#amilogo-home {position:absolute; left:1046px; padding-bottom:20px;} /*div#amilogo-home a { background: url(http://www.community-montessori.org/images/site/ami-usa.jpg) no-repeat; width: 50px; height: 50px; display: block; text-indent: -9999px; overflow: hidden;} */ /*------------------------------------------------- =HEADER\ -------------------------------------------------*/ #header { width: 810px; height: 90px; position: relative; } #header h1 { margin: 0; } #header h1 a { background: url(http://www.community-montessori.org/images/site/banner.png) no-repeat; width: 539px; height: 100px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; top: 15px; left: 10px; } img.print { display: none; } #searchForm { width: 333px; height: 28px; padding: 6px 15px 0 0; background: url(http://www.community-montessori.org/images/site/search-bg.jpg) no-repeat right top; text-align: right; position: absolute; top: 0; right: 0; } #searchForm input { width: 174px; border: 1px solid #BBB; border-top-color: #606060; border-bottom-color: #DDD; color: #888; text-align: left; padding: 2px; font: italic 100% Georgia, "Times New Roman", Times, serif; margin: 0; } #searchForm form div, #searchForm form { margin: 0; } #searchForm input:focus { color: #333; background: #f6fcff; } #searchForm input.btn { border: none; vertical-align: middle; padding: 0; width: auto; margin: -2px 0 0 2px; } p#subNavs { font-size: 90%; position: absolute; top: 40px; right: 0; text-align: right; color: #999; } p#subNavs a { color: #999; } /*------------------------------------------------- =FOOTER -------------------------------------------------*/ #footer hr { width: 810px; color: #FFF; background-color: #fff; border: 1px dotted #999; border-style: none none dotted; padding-top: 20px; margin-bottom: 8px; display: block; clear: both; } #footer { width: 810px; color: #999; clear: both; padding-bottom: 15px; font-size: 95%; } #footer a { color: #999; } #footer p { float: left; display: inline; margin: 0 0 .2em; } #footer p.designby { float: right; display: inline; } #footer p.copyright { float: none; display: block; clear: both; } #footer p.designby em { font-style: normal; } #footer p.designby a em { border-bottom: 1px dotted #999; } #footer p.designby a:hover em { border-bottom: none; } /*------------------------------------------------- =VARIOUS -------------------------------------------------*/ ul#skipNav { position: absolute; left: -9999px; font-size: small; z-index: 200; } ul#skipNav a:link, ul#skipNav a:visited { color: #F00; } ul#skipNav a:focus { display: block; position: absolute; top: 20px; left: 10020px; font-size: 130%; background: #FFF; border: solid 1px #888; padding: 10px; width: 8em; z-index: 10000; } ul#skipNav a:hover { color: #390; background: #EEE; border: solid 1px #333; } #errorMessageInfo { margin: 2em 0; } #errorMessageInfo dt { font-size: 1.4em; margin: .5em 0; } #errorMessageInfo dd { font-size: 1em; margin: .5em 0; } #metrics-li-tab { display: none; } #metrics { display: none; } .imageTout, .textTout, .newsSB { margin: 1em 0 0 0; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } .clearfix { display:block; } * html .clearfix { height:1px; }