/* =common (main) ====================================================================== */ body {background:#E5BB96 ;} td {vertical-align: top;} .clearer {background-color: #fff;} a {color: #5aa3c3;} a:hover {color: #B35438;text-decoration: underline;} p {color:#000; margin:0;} h3, h2 {color:#990000;text-transform:uppercase; margin:0 0 10px;} h4 {color:#000; margin:-8px 0 10px;} .noBorder {border:none;} /* =header ====================================================================== */ #header {background-color: #AF2E1B; background-image: url(images/header.jpg); height: 110px;} /* =control panel and top level menu ====================================================================== */ #menucontainerH {padding: 0; margin:5px 0 0; height:auto;} /* search, language selector and text size ------------------*/ .text {margin: 8px 14px 0 15px; color: #fff; font-weight:bold;} .menutop {margin-bottom: 2px; padding-top:4px; height: 34px; background: #f1b149; color:#ae2d1a;} .menutop .text {color:#ae2d1a;} #menucontainer {margin-bottom:5px;} #menucontainer input {margin: 7px 0 0 0; border-color: #D2D2D2; color: #36525D; background-color: #FEF9F5;} #menucontainer input.searchbutt {margin: 7px 15px 5px -1px; background-color: #D2D2D2; color: #9A9B9D;} #menucontainer select {margin: 5px 15px 0 0;} /* top level menu ------------------*/ /* Danny: 1/8/07 adding z-index to the positioning as to make sure in all browsers menu comes on top of other content */ #nav {margin: 0 0 0px; padding:0; height:41px; background:#e28a7d;positioning:relative;z-index:10;} /* end */ #nav ul li {border: #fff solid;} #nav ul li {margin: 0 0 0 -1px; padding: 0; border-width: 1px 1px 0 1px;} #nav ul li:last-child {border-width: 1px 1px 1px 1px; padding: 0; margin: 0 0 0 -1px;} #nav ul li.last {margin: 0 0 0 -1px; padding: 0; border-width: 1px;} #nav ul li a {color: #fff; background-color: #e28a7d; height:1%; background-image:none;} #nav ul ul li {margin: 0; padding: 0; border-width: 1px 1px 0 1px; z-index: 10;} #nav ul ul li:last-child {margin: 0; padding: 0; border-width: 1px;} #nav a {padding: 9px 0; font:100% small-caps bold garamond, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff;} #nav li a:hover,#nav li:hover {background-color: #ae2d1a; background-image:none;color: #fff;} #home ul li a:hover, #who0 ul li a:hover {background-color: #000; background-image:none;color: #fff;} #nav li ul li a:hover {background-color: #ae2d1a;color: #fff;} /*submenu hover state*/ #nav #home, #nav #who0, #nav #who1, #nav #who2 {border-right:0.05em #fff solid;} #nav #home {margin: 0; width: 11%; text-align: center;} #nav #who0{margin: 0; width: 19%; text-align: center;} #nav #who1{margin: 0; width: 20%; text-align: center;} #nav #who2 {margin:0; width:22%;text-align:center;} #nav #who3 {margin:0; width:27.5%;text-align:center; border-right:none;} /* =breadcrumbs and location (where am i) ====================================================================== */ div#ctrpanelcontainer {margin:0px 10px 0px;} /* Danny tweaks */ #breadcrumbs {background: url(images/back_breadcrumbs.gif) top left no-repeat; height:29px; margin:0 0 0 226px;} * html #breadcrumbs {margin-left:225px} /* end */ #whereami {margin-top:0;background: #1fa0b3; height:29px;} #breadcrumbsH {color:#fff; height:auto;padding:7px 0 7px 30px;} * html #breadcrumbsH {color:#fff; height:auto;padding:7px 0 7px 30px;} #breadcrumbs a.crumbs {color:#fff;border-bottom:1px #fff solid} #breadcrumbs a.crumbs:hover {color:#fff;border-bottom:0} .whereamitxt {color:#fff;padding:0;margin:0 0 0 2px;font:bold 90% Verdana,Arial,Helvetica,Geneva,sans-serif; } /* Danny 1/8/07 IE6 problem because of height settings - auto seems to do the trick for all browsers */ div#whereamiH {padding:6px 0 6px 15px; margin:0; height:auto; background:url(images/back_country_locator.gif) top left no-repeat;} /* end */ /* =left column ====================================================================== */ #side {width:220px;float:left;display:inline;margin:0;} /* sub menu ------------------*/ div#submenu ul li span {font-size:120%;} #submenuH { padding:0; margin:0; background:#5abbff url(images/back_submenu.gif) top left no-repeat;} /* Danny - finally could pinpoint the cause of this issue: it's a box width calculation issue apparently, not allowing the embedded ul to take up all space to top in IE - giving width creates an alternative solution to the removing of the submenuH ul li combination in IE7 - IE6, which anyway messes up the box model, only partially solves the issue , triggering off further tweaking*/ div#submenu ul {padding:0; margin:0;} #submenu ul li ul {padding-top:30px;} *html #submenu ul li ul {padding-top:15px;width:auto;} /* end */ #submenu ul li ul li {padding:0px;margin:0; list-style:none;border-bottom:2px solid #fff; } #submenu ul li ul li a {color:#000; padding:8px 0 8px 15px; background:url(images/submenu_bullet.gif) 90% 50% no-repeat; text-decoration:none; font-size:120%; display:block;} #submenu ul li ul li a:hover {font-weight:bold;color:#000; padding:8px 0 8px 15px; background:url(images/submenu_bullet_hoever.gif) 90% 50% no-repeat; text-decoration:none; font-size:120%; display:block; border:none;} #submenu ul.subOption {margin:0; margin-left:30px; padding:0 0 10px 0;} #submenu ul.subOption li {margin:0; border:none; padding:0;} /* Danny 1/8/07 : problem with margin collapsing in IE6 -adding 1px padding to avoid */ * html #submenu ul.subOption li {padding:1px;} /* end */ #submenu ul.subOption li a {background:none;padding:0; color:#025E9F; padding:0; border:none;} #submenu ul.subOption li a:hover {background:none;padding:0; color:#fff; padding:0; border:none;} /* side image ------------------*/ div#relatedpic {margin:0 0 4px;} div#relatedpic img {padding:1px 0; background: #fff; border-width:1px 0; border-style:dashed; border-color:#4f0000;} /* related links ------------------*/ div#relatedlinks, div#linkscontanierH {padding:0;} div.linksheading {border-bottom:none;background:#cc9900; color:#fff; padding:7px 0 7px 10px; font-size:80%;} div#relatedlinks ul {margin:0; padding-left:10px;} div#relatedlinks li {padding:15px 0 0px;margin:0 0 0 20px; list-style:none; line-height:normal;} div#relatedlinks a {color:#000; padding:0 0 0 30px; background:url(images/bullet.gif) left center no-repeat; text-decoration:none; border-bottom:none;} div#relatedlinks a:hover {font-weight:bold;color:#000; padding:0 0 0 30px; background:url(images/bullet.gif) left center no-repeat; text-decoration:none; border-bottom:none;} /* =content region ====================================================================== */ /* containers ------------------*/ #middle {margin:5px 10px 0; padding:1px 0 0; background:none;} /*Danny: random quote is absolutely positioned; make it refer to #mainContent as first relatively positioned container - #content would be ok as well, but screws up layout in DW, don't know why, but because of the many floats, this seems to be safest so far */ #mainContent {margin:0 0 0 225px; position:relative; z-index:1;} #content {margin:0; padding:0; border-width:0; clear:both; float:left; width:100%; background:transparent;} /*end */ /* Danny 01 08 2007 - remove auto */ .inner { float:left; padding:0 0px 0 3px; background:none; } /*end */ #innermain {padding:0;float:right;width:100%;margin:0;} /* content image postioning styles ------------------*/ #content img {border:1px #ae2d1a solid;padding:4px} div#content img.floatleft {margin:0 30px 22px 0;} div#content img.floatright {margin:0 0px 22px 30px;} div#content img.firstfloatright {margin:20px 0px 22px 20px;} /*content text and link styles ------------------*/ #content p {margin-bottom:20px;} #content p span.quote {color:#006600;} #content a {margin:0;text-decoration:none;color:#006600; border-bottom:1px #006600 dashed;} #content a:hover {color:#000;text-decoration:none; border-bottom:1px #000 solid;} #content ul {margin:0 0 30px 30px} #content li {color:#000;} #content a.buttlink {font:bold 100% verdana,arial,"sans-serif";color:#336600;text-decoration:none;padding:5px 7px;border:1px #336600 solid;background:#cccc99;} #content a.buttlink:hover {color:#fff;text-decoration:none;border:1px #336600 solid;background:#336600;} .hrule {height:5px;margin:10px 0px;padding:0; border-bottom:1px #000 dashed; background:none;} /*page headings ------------------*/ div#heading {float:left;display:block; margin:0px 0 10px;padding:0;width:100%;background:url(images/back_h1.gif) left top no-repeat;} /* Danny 1/8/2007 */ #heading h1 {color:#fff;padding:4px 0px 4px 20px; margin:0; float:left; font:normal 120% Arial, verdana, Helvetica,Geneva,"sans-serif"; border-left:none;background:transparent;} /* end */ #content h3.split {margin:40px 0 25px; color:#000; text-transform:none; border-color:#000;} #content h2.first {font-size:90%;} div#heading3.first, div#heading3 {margin:0 0 15px; padding:2px 0 3px 0; position:relative; border-bottom:2px solid #A6574A; background:#fff none; } div#heading3 h3 {background:url("images/right2.gif") no-repeat scroll right top; border:none;} div#heading3.first {padding:15px 0 3px 0} /*print link ------------------*/ #print {visibility: hidden;} /* =footer ====================================================================== */ #footer {color:#fff;margin:0;background:#ae2d1a url(images/back_footer.gif) right top repeat-y;} #footer a {color:#fff} #footer a:hover {color:#FDECC6} /* =iWebsite specific pages ====================================================================== */ /* exp meditaion ------------------*/ #MeditationBoxes .row {padding:0; margin:0px;} #MeditationBoxes .row h1 a {font: 60% Arial, Helvetica, sans-serif; color:#fff; border:none; } #MeditationBoxes .row h1 a:hover {color:#000;} #whoami, #myhome, #innerpeace, #forgive, #peace, #stillness {width: 40%;} #whoami, #myhome, #innerpeace {margin:0 0 20px 3%;} #forgive, #peace, #stillness {margin:0 3% 20px 0;} /* =Floaters ====================================================================== */ /* Danny little tweak because of diff intertpretations of outset border */ #quicklinks {margin: 2px 0 0 0;padding: 0;} /* end */ #quicklinks li {list-style-type: none; margin: 0 0 4px 0; padding: 0; line-height: 14px;} /* Danny: changed border setting to something all browsers at least show: outset - not exactly the same i know ...*/ #quicklinks li a {display: block; width: 202px; padding: 5px 0 5px 10px; margin: 0; color: #818181; border:4px outset #fff; background:#E0E0E0; font:80% verdana,arial,"sans-serif"; text-decoration:none; text-align:left; font-weight:bold;} #quicklinks li a:hover {display: block; width: 202px; padding: 5px 0 5px 10px; margin: 0; color: #fff; border:4px outset #fff; background:#F39363; font: 80% verdana,arial,"sans-serif"; text-decoration:none; text-align:left; font-weight:bold;} /*end */ /* =national events ====================================================================== */ .cal {width: 86px; height: 105px; margin: 0 16px 16px 16px; background-image: url(images/datebg.gif);background-repeat: no-repeat;float: right;} .calfirst {width: 86px; height: 105px;margin: 16px; background-image: url(images/datebg.gif); background-repeat: no-repeat; float: right;} h3.eventtitlefirst {font-size: 100%; margin-top: 16px;} h3.eventtitle { font-size: 100%;} .date {margin: -6px 0 10px 20px; display: block; font-family: verdana, arial; font-size: 80%; color: #4198E3;} .number {font-family: verdana, arial; font-size: 300%; color: #8FBADF; display: block; margin: 9px 4px 0 0; text-align: center;} .month {font-family: verdana, arial; font-size: 170%; color: #999; display: block; text-transform: uppercase; margin: -6px 6px 0 0;text-align: center;} /* =calander page ====================================================================== */ #calendar {margin: 0px; /* removed neg margin*/padding: 0;border-collapse: collapse;/* 02082006 makes table borders collapse - doesn't work in Netscape */} /* *html #calendar {margin: 0} solo para explorer6 */ .cal_month {text-align: center;height: 30px;border: 1px #69C4CD solid;background-color: #9CE5EC;color: #1F9289;font-weight: bold;font-family: verdana, arial;font-size: 80%;vertical-align: middle;margin-bottom: 0;} .cal_month select {color: #1F9289;font-weight: bold;font-family: verdana, arial;border: none;/*border: 1px #69C4CD solid;*/background-color: #9CE5EC;} .cal_month form {margin-bottom: 0px;;margin-top: 3px;} #content .cal_dates td {height: 112px;background-color: #fff;border-bottom: 1px #B4B4B4 dashed;border-right: 1px #B4B4B4 dashed;border-left: 1px #B4B4B4 dashed;/* 02082006 adds border to left, every column, but then collapsed */text-align: right;vertical-align: bottom;padding: 0 8px 5px 0;color: #DADADA;font-weight: normal;font-family: verdana, arial;font-size: 200%;color: #53B7BF;/* different colour for month: colour scheme 02082006 */} .notThisMonth {color: #dadada;}/* 02082006 days out of the month need to greyed out, with this class */ .cal_days td {width: 14.25%;text-align: center;border-bottom: 1px #B4B4B4 dashed;border-right: 1px #B4B4B4 dashed;border-left: 1px #B4B4B4 dashed;/* 02082006 added for full lines to left of calendar*/height: 28px;color: #69C4CD;font-weight: bold;font-family: verdana, arial;font-size: 80%;padding: 6px 0 0 0;} .cal_days td.sun {color: #BD5444;} .hasEvent {background-color: #D1ECEF;width: 100%;height: 102px;margin: 4px;margin-bottom: 0;position: relative;} * html .hasEvent {width: 90%;text-align: center;margin: 0;padding-bottom: 4px;} /* tweak for IE - this is as good as i can get it 02082006*/ /* just scoped below links with #content 02082006 */ #content .eventlink {font-size: 11px;text-align: left;line-height: 14px;padding: 2px;} #content .eventlink a {font-size: 10px;color: #004C7F;text-decoration: none; border-bottom: 0px #E1A18E solid;line-height: 12px;} #content .eventlink a:hover {font-size: 10px;color: #BD5444;/*border-bottom: 1px #E1A18E solid;text-decoration: none;*/line-height: 12px;} #content .hasEvent .dayEvent {position: absolute;right: 0px;bottom: 0px;} #TODcontact img {float:right;margin-top:5px;} /* ---------------------------------------- Iframe Activity Popup 2/9/2006 ---------------------------------------- */ #frame {position: absolute;left: 30%;top: 30%;visibility: hidden;} #frame iframe {height: 520px;width: 400px;} #iframe {background: none;background-color: #FFFFFF;border: #83cad1 solid 3px;margin: 0;padding: 10px;background-color: #fff;} .ProgramDetail {border: #92dac2 solid 1px;margin: 0;background-color: #fff; padding: 10px;font-family: Arial, Helvetica, sans-serif;width: 350px;height: 470px;} .ProgramDetail .date {color: #83cad1;font-size: 0.8em;margin: 0;font-weight: bold;} .ProgramDetail .title {color: #BD5444;font-size: 1.4em; font-weight: bold; margin-top: 0px;margin-bottom: 10px;} .ProgramDetail img {padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;} .ProgramDetail p,.ProgramDetail td,.ProgramDetail th {font-size: 0.8em;line-height: 1.3em;color: #000;margin: 0;padding: 0;} .ProgramDetail table {margin: 10px;clear: both;} .ProgramDetail th {color: #83cad1;text-align: left;font-weight: normal;} /*.closeThis a:link,.closeThis a:visited{color:#83cad1; font-size:0.80em; margin-top:20px; }*/ .closeThisOut a:link,.closeThisOut a:visited {color: #fff;font-size: 0.8em;margin: 0;padding: 2px;background-color: #83cad1;display: block;width: 50px;text-align: center;text-decoration: none;font-family: Arial, Helvetica, sans-serif;} .closeThisOut a:hover {font-weight: bold;} /* =thought for today page ====================================================================== */ #ThoughtOfToday {background-image: url(images/thought/day_image.jpg);background-repeat: no-repeat;background-position: center bottom;height: 500px;} #ThoughtOfToday p {font-size: 1.45em;color: #EF9200;text-align: left;margin-left: 14px;font-family: Verdana, arial;line-height: 1.1em; font-weight: normal;} #ThoughtOfToday .firstCap {font-size: 4.5em; color:#EF9200; font-family: Verdana, arial; float: left;margin-left:10px;padding-right: 2px;margin-top: -12px;margin-bottom: 400px;} /*------------ =other classes --------------*/ h3.h3pub {margin-top:-10px;} .extraSpace {margin-bottom:70px;} /* Danny 1/8/07 repositioning a bit as parenting rel pos div was reset to mainContent */ #randomquote {position:absolute; width:350px; text-align:center;margin:0px 0 0 320px; font-weight:bold; font-style:italic; font-size:120%; top:275px;} /* end */ #randomquote span {color:#fff; font-family: Georgia, "Times New Roman", serif;} #randomquote p {margin:0;padding:0;} #content td {font-family: Verdana, sans-serif; font-size:100%;} #content td a img {border:none;} /* =Mailing List ====================================================================== */ #mailinglistcontainer {width: 90%; margin: 0 0 0 10%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #969696; font-size: 80%;} * html #mailinglistcontainer input {height: 22px;} /* Adaptaciones provisionales */ #content img.imgNoBorder {border:none; margin:0; padding:0;} /* Enlaces Sociales*/ #content .addthis_button_compact, #content .addthis_button_facebook, #content .addthis_button_myspace, #content .addthis_button_google, #content .addthis_button_twitter {padding:3px 2px 3px 0; text-decoration:none; border:none; } #content .addthis_button_compact {padding:3px 5px 3px 0; } #content .at300bs {margin-top:-2px;} #content .addthis_button_compact:hover, #content .addthis_button_facebook:hover, #content .addthis_button_myspace:hover, #content .addthis_button_google:hover, #content .addthis_button_twitter:hover {text-decoration:none; border:none;} #content .addthis_separator {display:none;} #content .addthis_toolbox {float:right; width:140px; margin:0 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;}