* { font-family: verdana, sans-serif; font-size: 11px; } /* use at the end of a floating object, to ensure the container stretches to fit around it. usage:
 
*/ /* .clearFloats { clear:both; line-height:0px; height:0px; font-size:1px } */ .clearFloats {clear:both; line-height:1px; font-size:1px;} em,b,strong,a { font-size: 100% } /* don't change size within its context */ .dotted { height:1px; line-height:1px; width:100%; padding:1em 0; margin:0; clear:both; background:url(../uimages/dotted-horiz-line.gif) repeat-x 0 50% } a { text-decoration: none; color:#2A88AE } a:hover { text-decoration:underline } a img { border:0 } :focus {-moz-outline-style: none;} /* hack mozilla not to display the dotted border for links */ p { margin:0 0 1em } em em { font-style:normal } form { display:inline } .spacey { line-height:15px } .small { font-size:10px } .miniB { font-size:10px; font-weight:bold } .newDottedLine { height: 1px; line-height:1px; font-size:1px; background: url(../uimages/dotted-horiz-line.gif) repeat-x; width:100%} .newDottedPad { height:1em; line-height:1px; font-size:1px; background: url(../uimages/dotted-horiz-line.gif) repeat-x 0 50%; width:100%} /* note: a.offsite triggers behavior in UNOBTRUSIVE.js (including target=blank, and adding an image) */ img.offsite { display:inline !important; padding-left:4px } /* old-fashioned: this includes margins above and below */ .wideDottedLine{ height:20px; line-height:1px; font-size:1px; background: url(../uimages/dotted-horiz-line.gif) repeat-x 0 50%; width:100%} h2 { margin:0 0 0.6em; font-size:16px; font-weight:bold } h2.inner { margin-top:1.7em } /* inman flash replacement */ /* h2/orange cholla */ h2.ifrOC { height:44px; margin:0; color:#DA5F04; font-size:18px; padding-top:5px } html.hasFlash h2.ifrOC { visibility: hidden; } body { margin:0; padding:0; text-align:center; min-width:780px; background:url(../uimages/bgfade.gif) 50% 0 repeat-y #F0F0F0 } #bodyContainer { position:relative; text-align: left; width:780px; margin:0 auto; background:url(../uimages/04/tmpl/columns-bg.gif) repeat-y } /* --------- basic structure ------------ */ #topBanner { background:url(../uimages/04/tmpl/new-subpage-banner.jpg) no-repeat; width:780px; height:98px } #topBanner #toprightnav {position:absolute; display:inline; top:11px; left:400px; height:25px; font-color:#FFFFFF;} #toprightnav a {color:#90949F; margin-left:0px; margin-right:1px; font-size:9px;} #toprightnav div#cart, div#cart a { background:url(../_nav/04/utils/cart.gif) no-repeat; width:27px; display:inline; } #toprightnav {margin-top:2px;} /* .ie #navnew {position:absolute; vertical-align: bottom; top:98px; left:0px; width:960px; height:25px; background:url(../home/i/nav/nav-bg.gif); font-color:#FFF} */ /* holds everything below the header */ #columnContainer { position:relative } #leftCol { } /* wraps the real center column and the footer */ #centerColWrap { position:absolute; top:0; left:0 } /* the real center column */ #centerCol { width:624px; /* overriden in Lshape */ background:url(../uimages/04/ub/blank-bg.gif) no-repeat } #preFooter { clear:both; font-size:8px; line-height:5px; width:780px; background:url(../uimages/04/tmpl/inner-bottom-corners.gif) no-repeat; height:8px } #footerBox { clear:both; width:780px; background:url(../uimages/04/tmpl/footer.gif) repeat-y } #footerBox #content { padding:15px 11px 15px 156px; text-align:center; color:#888; font-size:10px } #footerBox a { color: #191919 } #footerBox .footerCopyright { color:#555; font-size:9px; padding-top:24px } #footer .footerCopyright { color:#aaa; font-size:9px; margin:10px 0 } .footerCol { text-align:left; padding:0 12px; } #footer h6 { font:italic 14px "georgia"; margin:0.8em 0; color:#505050 } .footerCol a { font-size:11px } /* for general usage (when using a single full-width column) */ #centerCol #generalContent { float:left; margin:20px 62px 30px 24px; width:538px; display:inline; line-height:14px } /* top banner */ #topBanner #logo { float:left; margin:10px 0px 0 12px; } /* #topBanner #utilities { float:right; margin:8px 16px 0 0; height:14px; display:inline; width:216px } #utilities a, #utilities div { float:left; display:block; text-indent:-2000em; height:14px; overflow:hidden } #utilities a:hover { background-position:0 -14px } #utilities div#about, div#about a #utilities div#support, div#support a { background:url(http://www.enlightennext.org/magazine/_nav/04/utils/support2.gif) no-repeat; width:55px } #utilities div#contact, div#contact a { background:url(http://www.enlightennext.org/magazine/_nav/04/utils/contact2.gif) no-repeat; width:55px } #utilities div#cart, div#cart a { background:url(../_nav/04/utils/cart.gif) no-repeat; width:27px } */ /* broadcast buttons */ div.audioBtn, div.videoBtn, div.avBtn { margin-top:18px; clear:both } div.audioBtn a, div.videoBtn a, div.avBtn a { text-decoration:none; text-indent:-2000em; display:block } div.audioBtn, div.audioBtn a { width:137px; height:27px; background:url(../uimages/04/ub/btn/audio.gif) no-repeat } div.audioBtn a:hover { background:url(../uimages/04/ub/btn/audio-over.gif) no-repeat } div.videoBtn, div.videoBtn a { width:137px; height:27px; background:url(../uimages/04/ub/btn/video.gif) no-repeat } div.videoBtn a:hover { background:url(../uimages/04/ub/btn/video-over.gif) no-repeat } div.avBtn, div.avBtn a { width:168px; height:27px; background:url(../uimages/04/ub/btn/av.gif) no-repeat } div.avBtn a:hover { background:url(../uimages/04/ub/btn/av-over.gif) no-repeat } /* this A contains the person's image as well */ a.bioBtn { background:url(../uimages/04/ub/btn/bio.gif) no-repeat 0 100%; padding-bottom:17px; text-decoration:none; display:block; clear:both } a.bioBtn:hover { background-image:url(../uimages/04/ub/btn/bio-over.gif)} /* generic AV */ a.anyAudio, a.anyVideo, a.anyAV, a.anyArticle { display:block; margin:0 0 3px; padding:0 0 0 17px; background: 0 3px no-repeat } a.anyAudio { background-image:url(../uimages/04/mini-audio.gif) } a.anyVideo, a.anyAV { background-image:url(../uimages/04/mini-video.gif) } a.anyArticle { background-image:url(../uimages/04/mini-article.gif) } /* for h2 images */ img.h2 { display:block; margin:0 0 20px } /* signup box in LEFT column */ #leftCol #signup { background:url(../uimages/04/signup-bg.gif) no-repeat; width:141px; height:88px; margin:30px 0 0 10px } #leftCol #signup #cont { padding:28px 0 0 13px } #leftCol #signup #cont form { display:inline } #leftCol #signup input.email { display:block; float:left; border: 1px solid #787F82; background-color: #FEFEFE; width: 78px; font-size: 9px; color: #003852; padding:0; margin:0 } #leftCol #signup input.go { width:16px; height:15px; display:inline; float:left; margin:0 0 0 6px; border:0; background:url(../_nav/04/dk/dir/go.gif) no-repeat transparent; cursor:hand } #leftCol #signup input.go:hover, #signup input.goHover { background:url(../_nav/04/dk/dir/go-over.gif) no-repeat transparent } /* show/hide privacy statement (sized for voices pgs) */ #privacyMiniPop { display:none; width:200px; margin:9px 0; border:1px solid #aaa; background-color:#f7f7f7 } #privacyMiniPop div { padding:11px 11px 0; font-size:10px } /* calendar reminders (for voices, but usable anywhere) */ a.reminder, a.onlineBooking { display:block; margin:24px 0 0; width:155px; height:33px; text-indent:-2000em } a.reminder { background:url(../uimages/reminder.gif) no-repeat; margin:6px 0 24px } a.onlineBooking { background:url(../uimages/online-booking.gif) no-repeat } a.reminder:hover, a.onlineBooking:hover { background-position:0 -33px } a.arrow { display:block; padding-left:9px; margin:0; background:url(../uimages/tri-bullet-blue.gif) 0 4px no-repeat } /* node links (common attrs only; bg images are dynamic) */ .smNodeLink, .smNodeLink div, .smNodeLink div a { width:184px; height:77px } .lgNodeLink, .lgNodeLink div, .lgNodeLink div a { width:220px; height:64px } .smNodeLink div a, .lgNodeLink div a { display:block; text-indent:-2000em; text-decoration:none } /* support wie */ .supportAd { background:url(../uimages/supportAds/bg.jpg) no-repeat } .supportAd a { display:block; text-indent:-2000em; text-decoration:none; line-height:1px } .supportAd, .supportAd div, .supportAd div a { width:139px; height:109px } .supportAd #ad1, .supportAd #ad1 a { background:url(../uimages/supportAds/revenues.gif) no-repeat } .supportAd #ad2, .supportAd #ad2 a { background:url(../uimages/supportAds/volunteers.gif) no-repeat } .supportAd #ad1 a:hover, .supportAd #ad2 a:hover { background:url(../uimages/supportAds/btn-over.gif) no-repeat 46px 78px } /* email signup box */ #emSignup { margin:40px 0 } #emSignup .top { background:url(../uimages/04/tmpl/email-signup-top.gif) no-repeat; height:6px } #emSignup .bot { background:url(../uimages/04/tmpl/email-signup-bot.gif) no-repeat; height:6px } #emSignup .mid { background:#c2cad3; ; padding:10px 8px 1px 12px } #emSignup h2 { font:bold 11px georgia; color:#555; text-transform:uppercase; margin:0 0 8px } #emSignup form { display:block; margin:4px 0 } #emSignup input#email { width:90px; font:11px verdana; color:#666 } #emSignup input#go { font:bold 11px verdana } #emSignup p.thanks { padding:4px } #emSignup a { color:#0870b0 } #emSignup #privPop { display:none; margin-top:8px; padding:4px 8px; background-color:#fff; } #emSignup #privPop p { font-size:10px; color:#666 } /* form validation */ #emSignup .lblErr {color: #DB4300 } #emSignup .errMsg {color: #222; display:none; font:11px verdana; margin:2px 0; padding:4px 8px; background-color:#fff; } /* -------fef3d6--- email signup --------ebeaea */ #signupBox { background-color:#f0f0f0; padding:4px 11px 8px } #signupBox h2 { margin-bottom:8px } #signupBox form { display:block; margin:4px 0 } #signupBox input#email { width:90px; font:11px verdana; color:#666 } #signupBox input#go { font:bold 11px verdana } #signupBox p.thanks { padding:4px; background-color:#fff } #signupBox a { color:#0870b0 } #signupBox #privPop { display:none; margin-top:8px; padding:4px 8px; background-color:#fff; } #signupBox #privPop p { font-size:10px; color:#666 } /* form validation */ #signupBox .lblErr {color: #DB4300 } #signupBox .errMsg {color: #222; display:none; font:11px verdana; margin:2px 0; padding:4px 8px; background-color:#fff; }