body {line-height: 150%;} img {border: 0} .clear {clear: both} /* hide random elements */ #idLoginContainer {display: none;} #idFooterPoweredByContainer {display: none;} #idPrintLinkContainer, #idPrintWarning {display: none; height: 0; width: 0;} #idMainMenuContainer {display: none;} #idNavigationContainer {display: none;} body#PAGEID_474114 #idLoginContainer {display: block; background: #FFFFFF; border: 1px solid #BBBBBB; position: absolute; top: 275px; left: 50%; width: 330px;} body#PAGEID_474114 #idNavigationContainer {display: block; text-align: center;} body#PAGEID_474114 #idLoginPasswordForgot {display: block;} /* TYPOGRAPHY */ .pageTitle {text-transform: uppercase; font-family: 'Arial Narrow', Arial, sans-serif; font-weight: normal; } .functionalPageContainer .pageTitle {display:none;} li {margin-bottom: .7em;} h1.pageTitle {margin-top: 90px; margin-left: 90px;} /* MAIN MENU (dynamic) */ #idHeaderContainer, #idHeaderContainer .d3, #idHeaderContainer .d4 {margin: 0; padding: 0; width: 960px; float: none;} #idMainMenuContainer {display: block; margin: -29px 0 0 0; padding: 0; width: 960px;} #nav1 {display: none;} #idMainMenu #idMainMenuInner {width: 960px; height: 30px; margin: 0; padding: 0;} #idMainMenu table#idMainMenu0 {float: right;} #idMainMenu td {height: 30px; margin: 0; padding: 0;} #idMainMenu #idMainMenu0BottomCorners {display: none; height: 0; width: 0;} #idMainMenuContainer td.first {display: none;} /* main menu (dynamic) level 1 */ #idMainMenu .menuLevel1 td a, #idMainMenu .menuLevel1 td a:link, #idMainMenu .menuLevel1 td a:active, #idMainMenu .menuLevel1 td a:visited, #idMainMenu .menuLevel1 td a:hover, #idMainMenu .menuLevel1 td span span {background-repeat: no-repeat; background-position: 0 -30px; text-indent: -500px; height: 30px; margin: 0 31px 0 0; padding: 0} #idMainMenu .menuLevel1 td.itemCurrentLeaf a, #idMainMenu .menuLevel1 td.itemCurrentLeaf span span, #idMainMenu .menuLevel1 td.itemCurrent a, #idMainMenu .menuLevel1 td.itemCurrent span span, #idMainMenu .menuLevel1 td.itemCurrentParent a, #idMainMenu .menuLevel1 td.itemCurrentParent span span, #idMainMenu .menuLevel1 td a:hover, #idMainMenu .menuLevel1 td span span:hover {background-position: 0 0;} td#idMainMenuItem387165 a, td#idMainMenuItem387165 span span {background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=174425); width: 92px;} td#idMainMenuItem387171 a, td#idMainMenuItem387171 span span {background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=174426); width: 74px;} td#idMainMenuItem403753 a, td#idMainMenuItem403753 span span {background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=174427); width: 102px;} td#idMainMenuItem441928 a, td#idMainMenuItem441928 span span {background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=174428); width: 87px;} td#idMainMenuItem387170 a, td#idMainMenuItem387170 span span {background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=174429); width: 72px;} #idMainMenu .menuLevel1 td.itemNormal .inner, #idMainMenu .menuLevel1 td.itemNormalLeaf .inner, #idMainMenu .menuLevel1 td.itemCurrent .inner, #idMainMenu .menuLevel1 td.itemCurrentLeaf .inner, #idMainMenu .menuLevel1 td.itemCurrentParent .inner {padding: 0;} /* get rid of menu indicator triangles */ #idMainMenu .menuLevel1 td.itemNormal .d5, #idMainMenu .menuLevel1 td.itemNormalLeaf .d5, #idMainMenu .menuLevel1 td.itemCurrent .d5, #idMainMenu .menuLevel1 td.itemCurrentParent .d5 {background: none;} /* main menu (dynamic) level 2 */ html > body #idMainMenuContainer .menuLevel2Outer {border: 0; margin: 0; padding: 0; width: 960px; height: 40px;} #idMainMenuContainer .menuLevel2, #idMainMenuContainer .menuLevel2Inner {height: 40px; width: 960px !important; margin: 0; padding: 0; border: 0;} #idMainMenuContainer .menuLevel2Inner .inner {padding: 0;} html > body #idMainMenuContainer .menuLevel2Inner, html > body #idMainMenuContainer .menuLevel2Inner .d2 {background: none;} #idMainMenuContainer .menuLevel2Inner .d1, #idMainMenuContainer .menuLevel2Inner .d3 {width: 100%;} #idMainMenuContainer .menuLevel2 span.item {margin: 0; padding: 13px 20px 14px; line-height: 12px; border-left: 1px solid #444444;} #idMainMenuContainer .menuLevel2 span.item span span, #idMainMenuContainer .menuLevel2 span.item span a {height: 12px; padding: 0px; line-height: 12px; font-weight: normal;} #idMainMenuContainer .menuLevel2 span.item span a, #idMainMenuContainer .menuLevel2 span.item span a:link, #idMainMenuContainer .menuLevel2 span.item span a:active, #idMainMenuContainer .menuLevel2 span.item span a:visited, #idMainMenuContainer .menuLevel2 span.item:hover span a {color: #FFFFFF;} #idMainMenuContainer .menuLevel2 span.item span a:hover, #idMainMenuContainer .menuLevel2 span.item span span {color: #999999;} /* HOME PAGE */ .homeThird {width: 33%; float: left; text-align: center; padding: 5px 0 20px;} .homeThird img.h2 {margin-top: 18px;} .homeThird img.small {margin: 10px;} #homeRow1 {height: 293px;} #homeSaver {width: 638px; height: 293px; float: left; background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=170417) no-repeat; } #homeFaces {width: 638px; height: 293px; float: left; background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=248625) no-repeat; } #homeEvent {width: 322px; height: 293px; float: right; background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=170419) no-repeat;} #homeRow2 {height: 342px;} #homeEventInner {margin: 81px 23px 18px 11px; overflow: hidden;} #homeNews {width: 638px; height: 342px; float: right; overflow: hidden;} #homeEmail {width: 317px; height: 112px; background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=170421) repeat-x;} #homeShirts {width: 317px; height: 230px; background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=178745) no-repeat; text-align: center;} #homeSupporters {clear: both; background: #222222; padding: 12px 0; margin: 0 1px;} #homeSupporters p {margin: 0; color: #FFFFFF; text-align: center; font: bold 12px Arial, Helvetica, sans-serif;} .homeHead {font-size: 14px; margin: 0 20px; padding: 12px 0 8px; border-top: 1px solid #BBBBBB; font-family: Arial, Helvetica, sans-serif;} .homeIndent {font-size: 13px; margin: 0 60px; padding-bottom: 10px;} .homeMore {font-size: 12px; margin: 0 20px 0 20px; padding: 10px 0; border-top: 1px solid #BBBBBB; text-align: right; font-family: Arial, Helvetica, sans-serif;} img.homeSaverB {float: right; margin: 204px 35px 0 -7px;} img.tshirtB {margin: 170px auto 0;} img.h4img {margin: 20px 20px 12px 20px;} #emailHeader {margin-bottom: 5px;} #emailHolder {background: #bbbbbb; margin: 0 20px; height: 37px;} #emailField {border: 0; margin: 1px; height: 35px; width: 238px; float: left; line-height: 35px; font-size: 14px;} /* SECONDARY PAGES */ div#nav1 {padding-left: 335px;} div#nav1 img {margin: 110px 0 0 55px; float: left;} .imgH1 {margin-bottom: 25px;} #freeContent {width: 100%; padding: 30px 0 50px;} #col1single {margin: 10px 100px 30px;} #col1half {float: left; width: 330px; margin-left: 90px;} #col1wide {float: left; width: 540px; margin-left: 90px;} #col2narr {float: left; width: 240px; margin-left: 20px; padding: 20px 0 20px 20px; border-left: 1px solid #BBBBBB;} #col2narr p, #col2narr li {font-family: Arial, sans-serif; font-size: .8em; margin-top: .5em;} .colThird {width: 33%; float: left; display: inline;} .colFourth {width: 150px; margin-right: 25px; float: left; display: inline;} .hline {border-top: 1px solid #BBBBBB; clear: both; padding: 20px 0;} .tshirtBox {float: left; width: 50%; height: 250px; margin-bottom: 50px;} .tshirtBox .model {float: left; margin-right: 10px;} .empty {background: #EEEEEE; border-left: 1px solid #FFFFFF; padding: 15px; margin: -15px;} /* FUNCTIONAL PAGES */ #idPrimaryContentBlock1Content h4.boxHeaderTitle {font-size: 1.3em; padding: 4px 0; margin: 0; } #idBlogPageContainer div.boxContainer div.boxFooterOuterContainer, #idEventPageContainer div.boxContainer div.boxFooterOuterContainer {padding: 5px 0; border-top: 1px dashed #BBBBBB; width: 100%; font-family: arial, sans-serif; font-size: .9em;} div.introOuterContainer {margin-bottom: 0;} .boxOuterContainer {margin: 0; padding: 12px 0;} .boxInfoContainer h5 {padding: 0 0 15px;} .boxInfoContainer h5 span {color: #999999; font-size: .85em; font-family: Arial, sans-serif;} #idPrimaryContentContainer .boxBaseView {padding:0 0 45px;} /* blog */ #idBlogPageContainer div.blogEntryOuterContainer {margin-bottom: 0;} #idBlogCommentsContainer {padding: 30px 0; background-color: #F3F3F3;} #idBlogCommentsContainer .blogCommentsContainer {margin: 0 45px;} li.blogCommentItem {border-top: 1px solid #BBBBBB;} div.commentBottomLeft {margin-right: 45px;} div.commentBottomLeft a {font-size: .85em;} #idBlogPageContainer #idBlogDetailsContainer #idBlogCommentsContainer #idBlogCommentsListContainer div.blogCommentsListContainer div.commentViewContainer div.commentBodyContainer {padding-bottom: 12px;} a.blogCommentAnchor, span.blogEntryPostedBy, span.blogCommentStatus {color: #666666; font-family: Arial, sans-serif;} a.rssFeedLabel {display: block;} /* events */ #idEventPageContainer div.upcomingEventsOuterContainer {margin: 0;} #idEventsTitleMainContainer {width: 100%;} #idPrimaryContentContainer .block .inner #idEventPageContainer div.boxBodyContentOuterContainer div.boxBodyContentContainer div.inner {width: 90%;} #idPrimaryContentContainer .block #idEventPageContainer div.boxContainer div.boxFooterOuterContainer div.inner {padding:4px 20px 6px;} .EventListCalendar {width: 777px;} #idViewSwitchersTable {font-family: arial, sans-serif; font-size: .9em;} /* register button */ #idEventSummaryContainer div.boxBodyInfoContainer div.boxActionContainer {text-align: center;} #idPrimaryContentBlock1Content #idEventPageContainer #idEventSummaryContainer H4.boxHeaderTitle A, #idPrimaryContentBlock1Content #idEventPageContainer #idEventSummaryContainer H4.boxHeaderTitle A:link, #idPrimaryContentBlock1Content #idEventPageContainer #idEventSummaryContainer H4.boxHeaderTitle A:visited #idPrimaryContentBlock1Content #idEventPageContainer #idEventSummaryContainer h4.boxHeaderTitle a:active, #idPrimaryContentBlock1Content #idEventPageContainer #idEventSummaryContainer div.boxFooterContainer a, #idPrimaryContentBlock1Content #idEventPageContainer #idEventSummaryContainer div.boxFooterContainer a:link, #idPrimaryContentBlock1Content #idEventPageContainer #idEventSummaryContainer div.boxFooterContainer a:active, #idPrimaryContentBlock1Content #idEventPageContainer #idEventSummaryContainer div.boxFooterContainer a:visited {color: #d24242;} /* show details row */ #idEventPageContainer div.boxContainer div.boxFooterOuterContainer {background: #FFFFFF;} /* show details link */ div.boxViewOutline div.boxFooterContainer {background: #ffffff; float: right;} /* hide upcoming events title, keep past events title */ div.upcomingEventsContainer h3.sectionTitle {display: none} div.upcomingEventsContainer div.pastEventsContainer h3.sectionTitle {display: block;} /* FORMS */ DIV.boxViewOutline DIV.cornersContainer, DIV.boxBodyInfoViewFill DIV.cornersContainer {background-color: transparent;} DIV.cornersContainer DIV.c3, DIV.cornersContainer DIV.c4, DIV.publicWizardContainer DIV.infoContainer, #idPrimaryContentContainer DIV.boxViewOutline DIV.boxBodyContainer, #idPrimaryContentContainer DIV.boxViewOutline DIV.boxHeaderContainer DIV.d1, #idPrimaryContentContainer DIV.boxViewOutline DIV.boxBodyContainer DIV.d1, #idPrimaryContentContainer DIV.boxViewOutline DIV.boxFooterContainer DIV.d1 {border-color: #f3f3f3;} DIV.cornersContainer DIV.c1, DIV.cornersContainer DIV.c2, DIV.cornersContainer DIV.c3, DIV.cornersContainer DIV.c4, DIV.publicWizardContainer DIV.infoContainer, DIV.generalFieldsContainer DIV.captionContainer, DIV.boxViewOutline DIV.boxHeaderContainer, DIV.boxBodyInfoViewFill DIV.boxBodyInfoContainer {background-color: #f3f3f3;} /* by Wild Apricot support */ #idPrimaryContentContainer .block .inner {padding: 0px;} #idPrimaryContentBlock1ContentHolder, #idFooterContainer, #idFooterContainer .footerContentHolder, #idFooterContainer .inner, #idMainContainer .d9 {padding: 0px; width: 960px;} #idMainContainerBottomCorners.cornersContainer DIV.c1, #idMainContainerBottomCorners.cornersContainer DIV.c2, #idFooterContainerTopCorners.cornersContainer, #idFooterContainerBottomCorners.cornersContainer {display: none;} #idMainContainerTopCorners.cornersContainer {height: 0; padding-top: 7px;} #idMainContainerBottomCorners .bottomContainer {height: 0px;} #idPrimaryContentContainer, #idContentContainer {width: 978px;} #idPrimaryContentBlock1Content {width: 960px;} /* end of Wild Apricot support additions */ /* SPECIAL PAGE MARGINS */ body#PAGEID_387153 #idPrimaryContentBlock1Content, body#PAGEID_387151 #idPrimaryContentBlock1Content, body#PAGEID_387152 #idPrimaryContentBlock1Content, body#PAGEID_387157 #idPrimaryContentBlock1Content {width: 780px; margin: 30px 90px 50px 90px;} body#PAGEID_387151 .pageTitle, body#PAGEID_387152 .pageTitle {display: none;} /* new footer */ #idFooterSeparator {display: none;} .actionAlert {font-family: Arial, sans-serif; text-transform: uppercase; margin: 0px 1px; padding: 10px 20px; color: #ffffff; background: #262626; font-size: .8em; letter-spacing: 1px;} #idFooterContent .actionAlert p {margin: 0; padding: 0; color: #ffffff; font-size: 11px;} #idFooterContent .actionAlert a {color: #d24242; text-decoration: none;} #footNew {height: 150px; width: 958px; background: #fef6ce url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=180338) repeat-x top left; margin: 0 auto; padding: 0;} .footThird {width: 33%; height: 100%; float: left; display: inline;} .footHalf {width: 48%; float: left; display: inline;} #footShare {background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=180343) no-repeat top center;} img.footHead {float: left; display: inline; margin: 64px 20px;} img.footLine {float: left; display: inline; margin: 12px 15px 12px 0;} #footNew a, #footNew a:link, #footNew a:active, #footNew a:visited {color: #222222; font-weight: normal; font-family: Arial, sans-serif;} #footNew a:hover {color: #d24242; font-weight: normal; text-decoration: none;} ul.footList {list-style-type: none; margin: 20px 0 0 0; padding: 0; float: left; display: inline; width: 170px;} ul.footList li {font: normal 12px Arial, sans-serif; margin: 0 0 1em; padding: 0; line-height: 1.3em;} ul.Small {margin: 2px 0 0 0;} ul.Small li {font-size: 9px; text-transform: uppercase; margin: 0 0 .6em; color: #666666;} #footNew ul.Small a {color: #666666;} #footNew ul.Small a:hover {color: #d24242;} a.iconsFollow {height: 48px; background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=180244) no-repeat 0 0; padding-left: 56px; display: block; margin-bottom: 8px;} a#followFace {background-position: 0 0;} a#followTwit {background-position: 0 -48px;} .addthis_toolbox .vertical {margin: 24px 0 0; padding: 0; float: left; display: inline; width: 170px;} .addthis_toolbox .vertical a {padding: 3px 0 3px 22px; position: relative; display: block; font: normal 12px Arial, sans-serif; line-height: 1.3em; margin: 0 0 .5em; color: #222222;} .addthis_toolbox .vertical a:hover {color: #d24242;} .addthis_toolbox .vertical span {position: absolute; left: 0; top: 3px;} .addthis_toolbox .vertical .more {padding: 0; clear: both;} .addthis_toolbox .vertical .more a {padding: 6px 0; margin: 0; font-size: 11px;} .addthis_toolbox .vertical .more span {display: none;} /* main drop shadow */ #idMainContainer, #idMainContainerTopCorners.cornersContainer, #idMainContainerBottomCorners.cornersContainer {width: 980px;} #idMainContainerTopCorners.cornersContainer {background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=180317)} html > body #idMainContainer .d8 {background-image: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=180318);} html > body #idMainContainer .inner .d8 {background-image: none;} html > body #idMainContainerBottomCorners.cornersContainer, body #idMainContainerBottomCorners.cornersContainer {background: url(http://yogaforny.org/Content/Pictures/Picture.ashx?PicId=180319)} /* iContact signup form */ #homeEmail iframe {margin-left: 19px;} #SignUp {height: 37px; width: 279px; background: #bbbbbb; } #SignUp .SignUpInner {height: 35px; width: 240px; float: left; display: inline; margin: 1px; padding: 0; background: #ffffff; overflow: hidden;} #SignUp input#SignUpField {font-size: 14px; line-height: 14px; padding: 9px; margin: 0; width: 100%; border: 0;} #SignUp input#SignUpSubmit {margin: 0;} /*** Support - code for disabling dynamic (fly-out) menu ***/ #idMainContainer #idMainMenu LI.itemNormal DIV.dynamicMenuLevelContainer, #idMainContainer #idMainMenu LI.itemNormal UL.dynamic, #idMainContainer #idMainMenu LI.itemNormal:hover UL.dynamic, #idMainContainer #idMainMenu LI.itemNormal A:hover UL.dynamic, #idMainContainer #idMainMenu LI.itemNormal TABLE.dynamic, #idMainContainer #idMainMenu TD.itemNormal DIV.dynamicMenuLevelContainer, #idMainContainer #idMainMenu TD.itemNormal UL.dynamic, #idMainContainer #idMainMenu TD.itemNormal:hover UL.dynamic, #idMainContainer #idMainMenu TD.itemNormal A:hover UL.dynamic, #idMainContainer #idMainMenu TD.itemNormal TABLE.dynamic, #idMainContainer #idMainMenu SPAN.itemNormal DIV.dynamicMenuLevelContainer, #idMainContainer #idMainMenu SPAN.itemNormal UL.dynamic, #idMainContainer #idMainMenu SPAN.itemNormal:hover UL.dynamic, #idMainContainer #idMainMenu SPAN.itemNormal A:hover UL.dynamic, #idMainContainer #idMainMenu SPAN.itemNormal TABLE.dynamic { display: none; } #idMainContainer #idMainMenu LI.itemNormal { margin-bottom: 0; }