body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00000; background-color:#000000; margin:0px; line-height: 21px; } .Sitecontainer { width:1024px; height:768px; margin:auto; } .Clear{ clear:both;} .SplashPageBg { background:url(../images/flash-BG.jpg) no-repeat; width:1024px; height:768px;} .SplashPageLogo { margin-left:15px;} .SplashPageSlogan { margin-top: -15px; margin-right: 0px; margin-bottom: 0px; margin-left: 96px; } .EnterBtn { float:right; margin-top: 5px; margin-right: 71px; margin-bottom: 0px; margin-left: 0px; } /*HomePage*/ .HomePageBg{ background-image:url(../images/home-bg.jpg); background-repeat:no-repeat; background-position:top; width:1024px; height:740px; padding:28px 0px 0px 0px;} .MenuLogoBar{ height:101px; background-image:url(../images/menu-bg.png); background-repeat:repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu-bg.png', sizingMethod='scale');} .Logo{ width:176px; height:92px; margin-top:-15px; position:absolute; margin-left:53px;} .Menubar{ float:right; padding:30px 50px 0px 0px;} .MenuText{ vertical-align:middle; padding:0px 10px 0px 10px;} .PageTitle{ height:43px;} .HomeContent{ width:926px; margin:35px 0px 0px 53px; padding:50px 0px 0px 0px;} .HomeVideoAndTextBox{ margin:0px 0px 0px 55px; height:320px;} .HomeVideo{ float:left; width:354px;} .HomeTopTextBox{ margin-left:400px;} .HomeTopSlogan{ padding-bottom:45px;} .HomeText{ color:#000000; font-size:19px; width:430px;} .HomeSummerText{ color:#7B280D; text-decoration:underline;} .HomeBotAllBox{ height:170px; margin-top:0px; color:#131E13; font-size:15px; } .WatchFullVideo{ float:left; width:312px; padding:20px 0px 0px 45px;} .WatchVideoTitle{ color:#FFFFFF; font-size:20px; padding-bottom:10px;} .HomeBotVIdeoBg{ float:left; width:125px; height:101px;} .WatchFullVideoText{ margin-left:138px;} .WatchVideoBtn{ margin-top:5px;} .Min4{ font-size:12px;} .FindYourEcoBox{ float:left; width:276px; padding:20px 0px 0px 15px;} .YesLogo{ float:left; width:71px;} .FindYourEcoText{ margin-left:80px;} .TheElementsBox{ float:left; width:248px; padding:20px 0px 0px 30px;} .TheElementsText{ margin-left:50px; font-size:12px; font-weight:bold; line-height:18px;} .TheElementsNumber{ color:#FFFFFF;} .LearnMore{ margin-top:2px;} .HomeFooter{ padding-top:15px;} .HomeBotLogo{ float:right;} .DonetLogo{ float:left; margin-right:8px;} .ArtofLiving{ float:left; margin-top:-5px;} .ArtoflivingLogo{ float:left;} .ArtofLivingText{ margin-left:140px; padding-top:8px; color:#FFFFFF;} /*AboutPage*/ .AboutPageBg{ background-image:url(../images/about-bg.jpg); background-repeat:no-repeat; background-position:top; width:1024px; height:740px; padding:28px 0px 0px 0px;} .AboutContent{ margin-top:35px;} .AboutRight{ margin-left:275px; width:680px; height:545px;} .AboutRightTextBox{ padding:39px 10px 22px 34px;} .AboutLeft{ float:left; width:237px; padding:55px 0px 0px 38px;} .AboutDeepeimgText{ font-size:20px; font-weight:bold;} .AboutPhoto1{ float:right; margin-left:30px; height:122px; width:105px;} .AboutPhoto2{ float:right; margin-left:30px; height:151px; width:105px; margin-bottom:20px;} .AboutFooter{ float:right; width:700px; padding-right:60px; margin-top:15px;} .AboutArtofLivingText{ margin-left:120px; padding-top:8px; color:#FFFFFF; font-size:11px;} .AboutDonetLogo{ float:left;} .AboutBotLogo{ float:Right;} .AboutArtoflivingLogo{ float:left;} .AboutArtofLiving{ float:left; margin-top:-10px; width:370px; } .LeftNavigaion a:link, .LeftNavigaion a:visited { background:url(../images/LeftNav.gif); display:block;} a.FiveElementBtn:link, a.FiveElementBtn:visited { background-position: 0 -114px; width: 160px; height: 64px; } a.FiveElementBtn:hover { background-position: 0 0; width: 160px; height: 64px; } a.FiveElementBtnActive:link, a.FiveElementBtnActive:visited { background-position: 0 0; width: 160px; height: 64px; } a.OurTeamBtn:link, a.OurTeamBtn:visited{ background-position: 0 -337px; width: 129px; height: 59px; } a.OurTeamBtn:hover { background-position: 0 -228px; width: 129px; height: 59px; } a.OurTeamBtnActive:link, a.OurTeamBtnActive:visited { background-position: 0 -228px; width: 129px; height: 59px; } a.OverviewBtn:link, a.OverviewBtn:visited { background-position: 0 -575px; width: 150px; height: 79px; } a.OverviewBtn:hover { background-position: 0 -446px; width: 150px; height: 79px; } a.OverviewBtnActive:link, a.OverviewBtnActive:visited { background-position: 0 -446px; width: 150px; height: 79px; } a.TheArtOfLivingBtn:link, a.TheArtOfLivingBtn:visited { background-position: 0 -813px; width: 191px; height: 59px; } a.TheArtOfLivingBtn:hover { background-position: 0 -704px; width: 191px; height: 59px; } a.TheArtOfLivingBtnActive:link, a.TheArtOfLivingBtnActive:visited { background-position: 0 -704px; width: 191px; height: 59px; } a.VisionBtn:link, a.VisionBtn:visited { background-position: 0 -1028px; width: 104px; height: 56px; } a.VisionBtn:hover { background-position: 0 -922px; width: 104px; height: 56px; } a.VisionBtnActive:link, a.VisionBtnActive:visited { background-position: 0 -922px; width: 104px; height: 56px; } /*FiveEleMents*/ .FiveEleMentsTextBox{ padding:39px 10px 15px 34px;} .FiveEleMentsTitleText{ font-size:20px;} .FiveEleMentsTextBg{ background-image:url(../images/five-elements-right-photo.png); height:468px; width:352px; background-repeat:no-repeat; background-position:right top; float:right; margin:0px 0px 0px 0px; z-index:100; font-size:12px; font-weight:bold; color:#2C7400; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/five-elements-right-photo.png', sizingMethod='scale') } /*Vision*/ .VisionPhoto{ float:right; margin-left:30px; height:122px; width:147px;} /*ArtofLiving*/ .ArtofLivingVideo{ float:right; width:354px; height:330px; margin:0px 0px 20px 20px;} /*OurTeam*/ .OurTeamPhoto{ float:left; height:178px; width:132px;} .OurTeamTextBox{ float:left; margin-bottom:30px;} .OurTeamTeamText{ margin-left:150px; text-align:left;} .OurTeamMemberTitle{ font-size:20px; font-weight:bold;} /*Programs*/ .ProgramsPageBg{ background-image:url(../images/programs-bg.jpg); background-repeat:no-repeat; background-position:top; width:1024px; height:740px; padding:28px 0px 0px 0px;} .ProgramsNavBar a:link, .ProgramsNavBar a:visited { background:url(../images/progrms-nav.gif); display:block;} a.SummerIntensive:link, a.SummerIntensive:visited { background-position: 0 -466px; width: 159px; height: 122px; } a.SummerIntensive:hover { background-position: 0 -296px; width: 159px; height: 122px; } a.SummerIntensiveActive:link, a.SummerIntensiveActive:visited { background-position: 0 -296px; width: 159px; height: 122px; } a.DayWorkshop:link, a.DayWorkshop:visited { background-position: 0 -147px; width: 187px; height: 97px;} a.DayWorkshop:hover { background-position: 0 0; width: 187px; height: 97px; } a.DayWorkshopActive:link, a.DayWorkshopActive:visited { background-position: 0 0; width: 187px; height: 97px;} .ProgramsTopNavBar{ margin:10px 0px 15px 0px;} a.ProgramsTopLink{ font-size:17px; color:#2C7400; text-decoration:none; padding:4px 11px 4px 11px;} a:hover.ProgramsTopLink{ color:#2C7400; text-decoration:none; padding:3px 10px 3px 10px; border:1px solid #2C7400; font-size:17px;} .ProgramsTopLinkActive{ color:#2C7400; text-decoration:none; padding:3px 10px 3px 10px; border:1px solid #2C7400; font-size:17px;} .ProgramsMidBold{ font-size:18px; font-weight:bold;} .ProgramsBotlInkBox{ margin:15px 0px 0px 10px; font-size:18px;} a.ProgramsBotLink{ color:#2C7400; text-decoration:none; } a:hover.ProgramsBotLink{ color:#2C7400; text-decoration:none;} .ApplicationBtn{ margin:30px 0px 0px 0px; text-align:center;} .DailyText{ margin-bottom:7px; margin-left:90px;} .TimeText{ float:left; width:80px; margin-bottom:7px;} .WorkShopPhoto{ float:right; width:119px; height:142px; margin:0px 0px 20px 20px;} .EmailLink{ color:#2C7400; text-decoration:none;} a:hover.EmailLink{ color:#2C7400; text-decoration:none;} /*Interact*/ .InterActPageBg{ background-image:url(../images/interact-bg.jpg); background-repeat:no-repeat; background-position:top; width:1024px; height:740px; padding:28px 0px 0px 0px;} a.InterActFoodTriangleLink{ font-size:17px; color:#2C7400; text-decoration:none; padding:4px 11px 4px 11px; margin-right:3px;} a:hover.InterActFoodTriangleLink{ color:#2C7400; text-decoration:none; padding:3px 10px 3px 10px; border:1px solid #2C7400; font-size:17px; margin-right:3px;} .InterActFoodTriangleActive{ color:#2C7400; text-decoration:none; padding:3px 10px 3px 10px; border:1px solid #2C7400; font-size:17px; margin-right:3px;} .InteractNavBar a:link, .InteractNavBar a:visited { background:url(../images/interact-nav.gif); display:block;} a.AtGlance:link, a.AtGlance:visited { background-position: 0 -116px; width: 162px; height: 66px; } a.AtGlance:hover { background-position: 0 0; width: 162px; height: 66px; } a.AtGlanceActive:link, a.AtGlanceActive:visited { background-position: 0 0; width: 162px; height: 66px; } a.Blog:link, a.Blog:visited { background-position: 0 -338px; width: 107px; height: 56px; } a.Blog:hover { background-position: 0 -232px; width: 107px; height: 56px; } a.BlogActive:link, a.BlogActive:visited { background-position: 0 -232px; width: 107px; height: 56px; } a.Donate:link, a.Donate:visited { background-position: 0 -552px; width: 127px; height: 58px; } a.Donate:hover { background-position: 0 -444px; width: 127px; height: 58px; } a.DonateActive:link, a.DonateActive:visited { background-position: 0 -444px; width: 127px; height: 58px; } a.EcoFootprint:link, a.EcoFootprint:visited { background-position: 0 -792px; width: 175px; height: 82px; } a.EcoFootprint:hover { background-position: 0 -660px; width: 175px; height: 82px; } a.EcoFootprintActive:link, a.EcoFootprintActive:visited { background-position: 0 -660px; width: 175px; height: 82px; } a.Facebook:link, a.Facebook:visited { background-position: 0 -1034px; width: 129px; height: 60px; } a.Facebook:hover { background-position: 0 -924px; width: 129px; height: 60px; } a.FacebookActive:link, a.FacebookActive:visited { background-position: 0 -924px; width: 129px; height: 60px; } a.Testimonials:link, a.Testimonials:visited { background-position: 0 -1251px; width: 195px; height: 57px; } a.Testimonials:hover { background-position: 0 -1144px; width: 195px; height: 57px; } a.TestimonialsActive:link, a.TestimonialsActive:visited { background-position: 0 -1144px; width: 195px; height: 57px; } a.Videos:link, a.Videos:visited { background-position: 0 -1477px; width: 118px; height: 69px; } a.Videos:hover { background-position: 0 -1358px; width: 118px; height: 69px; } a.VideosActive:link, a.VideosActive:visited { background-position: 0 -1358px; width: 118px; height: 69px; } .InterActTopNavBar{ margin:10px 0px 15px -12px;} .InterActBoldText{ font-size:20px; font-weight:normal;} .FoodTrianglePhoto{ float:right; width:350px; height:257px; margin:0px 0px 20px 20px;} .TestimonialsPhoto{ float:right; height:124px; width:121px; margin-left:20px;} .TestimonialsTextBg{ margin-bottom:20px; _height:145px; min-height:145px;} .TestimonialsText{ text-align:left; width:475px;} .GreenLink{ color:#68AC3E; text-decoration:underline;} a:hover.GreenLink{ color:#68AC3E; text-decoration: none;} .FootPrintBtn{ text-align:center;} .NoteText{ text-align:center; font-size:13px;} .Supporters{ margin-top:15px;} .DonateLogoBox{ margin-top:20px;} .DonateLogo{ float:left;} .DonateLogo2{ float:left; margin-left:20px;} .ShowVideo{ margin-left:100px; width:358px; height:310px; text-align:center; margin-bottom:40px;} .ContactPageBg{ background-image:url(../images/contact-bg.jpg); background-repeat:no-repeat; background-position:top; width:1024px; height:740px; padding:28px 0px 0px 0px;} .ContactRightBox{ float:right; width:270px; border-left:1px solid #E3DDD9; } .AddressTitle{ font-size:20px;} .ContactRightAddress{ border-bottom:1px solid #E3DDD9; padding:0px 0px 20px 30px; line-height:20px; } .JoinFaceBook{ padding:20px 0px 0px 30px; } .FaceBookRightText{ float:right; width:180px;} .FaceBookIcon{ float:left;} .ContactLeftBox{ font-size:12px; width:300px;} .RedText{ color:#FF0000;} .TextBox{ border-top:1px solid #CCCCCC; background-color:#FFFFFF; height:130px; width:295px; margin-top:10px;} .TextBox2{ border-top:1px solid #CCCCCC; background-color:#FFFFFF; height:18px; width:295px; margin-top:10px;} .Day2WorkshopBtn{ margin-top:20px; text-align:center;} .ScrapbookText{ font-size:21px; line-height:18px; margin-left:20px; float:left;} .AtaGlanceTitle{ float:left; width:200px;} .AboutText{ width:615px; margin-top:0px; font-size:15px; padding:0px 15px 0px 0px;} .AboutTextShort{ width:615px; margin-top:0px; font-size:15px; padding:0px 15px 0px 0px; /*overflow:auto;*/} .FiveEleMentsText{ width:630px; margin-top:0px; font-size:15px; /*overflow:auto; */} .ProgramsText{ width:615px; margin-top:0px; font-size:15px; padding:0px 15px 0px 0px; /*overflow:auto; */} .WorkShopText{ width:615px; margin-top:0px; font-size:15px; padding:0px 15px 0px 0px; /*overflow:auto; */} .WorkShopOverviewText{ width:615px; margin-top:0px; font-size:15px; padding:0px 15px 0px 0px; /*overflow:auto; */} .InterActText{ width:615px; margin-top:0px; font-size:15px; padding:0px 15px 0px 0px; /*overflow:auto; */} .FootPrintText{ width:615px; margin-top:0px; font-size:15px; padding:0px 15px 0px 0px; /*overflow:auto; */} .MeditationText{ width:615px; margin-top:0px; font-size:15px; padding:0px 15px 0px 0px; /*overflow:auto; */} .InformationTitleText{ font-size:20px; font-weight:bold; margin-bottom:20px;} .InformationTitleText2{ font-size:20px; font-weight:bold; margin-bottom:10px;} .InformationPhotoBox{ height:130px;} .InformationPhoto{ float:left; margin-right:8px;} .Community{ margin:20px 0px 0px 215px; width:80px;} .Empowerment{ margin:60px 0px 0px 40px; width:100px;} .Sustainable{ margin:20px 0px 0px 180px; width:167px;} .Health-Wellness{ margin:80px 0px 0px 0px; width:127px;} .Meditatin{ margin:30px 0px 0px 225px; width:73px;} #demotip { display:none; background:transparent url(../images/black_arrow2.png); background-repeat:no-repeat; height:105px; width:230px; padding:25px; font-size:12px; line-height:normal; color:#FFFFFF; z-index:1000; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/black_arrow2.png', sizingMethod='scale') } /* style the trigger elements */ #demo img { border:0; cursor:pointer; margin:0 8px; }