/* ------------------------------------------------
First Created:		August, 2009
Version:			1.3 October, 2011
Contact:			jpalakey@yahoo.co.uk
------------------------------------------------- */
/* General Styles -------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
body {
font: 62.5%/1.5 "helvetica neue","trebuchet MS","tahoma","helvetica","arial",sans-serif;
}
a, ul {
text-decoration: none;
}
ul {
list-style: none;
}
a:link, a:visited {
color: #73aa62;
}
a:hover, a:active {
text-decoration: underline;
color: #c0413e;
}
p, a {
font-size: 1.2em;
color: #5a523b;
}
p a {
font-size: 1em;
color: #5a523b;
}
h1 {
font-size: 2.4em;
color: #6b5f1a
}
h2 {
font-size: 2em;
font-weight: 200;
color: #6b5f1a;
}
h3 {
font-size: 1.4em;
font-weight: 200;
color: #6b5f1a;
}
h4 {
font-size: 1.2em;
font-weight: 200;
color: #6b5f1a;
}
h3 a {
font-size: 1em;
}
h2 a, h3 a {
font-weight: 600;
}
strong	{
font-weight: bolder;
}
blockquote {
padding: 2em 2.5em;
font-size: 1.2em;
font-weight: 300;
color: #797039;
}
/* to prevent borders around links in older browers */
img {
border: none;
}
/* ---------------------------------------------------------- styles for all pages ------------------------------------------------------------- */
#wrapper {
min-width: 740px;
margin: 10px;
background: #fcf4bb url(../images/wrapperGrad.png) repeat-x top left;
}
#contentWrapper {
min-width: 740px;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
#mainContent {
font-size: 1.2em;
text-align: left;
color: #433b36;
}
#banner {
margin: 0;
height: 120px;
overflow: hidden;
width: 100%;
}
#banner img {
margin-top: 10px;
}
#logo {
max-width: 1050px;
min-width: 700px;
}
#logo h1 {
display: block;
padding: 30px 0 30px 20px;
height: 45px;
text-align: left;
background: #fff url(../images/weblogo.png) no-repeat center left;
text-indent: -9000px;
}
.socialMedia {
float: right;
margin-top: 25px;
}
.socialMedia li {
display: block;
height: 40px;
width: 40px;
float: left;
padding: 5px;
}
#navbar ul.dropdown {
padding-bottom: 20px;
padding-left: 15px;
font-size: 1.2em;
}
body.home #navbar a#home, body.about #navbar a#about, body.events #navbar a#events, body.training #navbar a#training, body.membership #navbar a#membership, body.donate #navbar a#donate, body.rent #navbar a#rent, body.ecology #navbar a#about, body.store #navbar a#store, body.contact #navbar a#contact, body.volunteer #navbar a#volunteer, body.affiliates #navbar a#affiliates, body.longbeach #navbar a#affiliates, body.mediacenter #navbar a#mediacenter, body.photogallery #navbar a#mediacenter {
color: #6b5f1a;
text-decoration: none;
}
.addthis_toolbox {
float: right;
padding-right: 100px;
padding-top: 10px;
}
#footer {
clear: both;
background: #fff7e1 url(../images/footerGrad.gif) repeat-x top left;
width: 100%;
font-size: 1.2em;
}
#footer h2, #footer h3 {
color: #6b5f1a;
}
#footContentHolder {
position: relative;
min-width: 740px;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
#footContentAddress {
position: relative;
float: left;
width: 35%;
text-align: left;
padding: 4em 0 3em 20px;
}
#footContentAddress h3.mail {
padding-left: 45px;
background: url(../images/envelope.png) no-repeat top left;
}
#footContentAddress h3.home {
padding-left: 45px;
background: url(../images/home.png) no-repeat top left;
}
#footContentAddress a.googlemaps {
padding-left: .5em;
font-size: .6em;
font-weight: lighter;
}
#footContentContact {
position: relative;
float: left;
width: 25%;
padding: 4em 0 3em 5%;
text-align: left;
}
#footContentContact h3.email {
display: block;
height: 3em;
background: url(../images/envelopeEmail.png) no-repeat top left;
padding-left: 45px;
}
#footContentContact h3.phone {
display: block;
height: 3em;
background: url(../images/phone.png) no-repeat top left;
padding-left: 45px;
}
#footContentContact h3.fax {
display: block;
height: 3em;
background: url(../images/faxIcon.png) no-repeat top left;
padding-left: 45px;
}
#footContentContact h3.faceBook {
display: block;
height: 3em;
background: url(../images/faceBook.png) no-repeat top left;
padding-left: 45px;
}
#footContentContact h3.faceBook a {
font-weight: 300;
}
#footContentCredit {
width: 21em;
position: absolute;
right: 20px;
top: 4em;
}
#footContentCredit h2 {
height: 160px;
display: block;
background: url(../images/eiheiji-sojiji.png) no-repeat bottom center;
}
#footContentCredit a {
line-height: 2em;
}
#footContentCredit ul {
padding-top: 10px;
}
.copyright {
clear: both;
display: block;
color: #a2a0a0;
text-align: right;
padding: 2.5em 1em 2em 0;
}
.section1 {
clear: both;
width: 100%;
background: #f1eec7 url(../images/preamble-grad.png) repeat-x top left;
}
.section1Alt {
clear: both;
width: 100%;
background: #f6fad6 url(../images/altGrad.gif) repeat-x top left;
}
.section2 {
clear: both;
width: 100%;
background-color: #f6fad6;
}
.section2Alt {
clear: both;
width: 100%;
background-color: #f1eec7;
}
.textBox {
float: left;
width: 60%;
padding: 5% 5% 2.5% 5%;
}
.textBox70 {
float: left;
width: 70%;
padding: 0;
}
.textBoxNotFirst {
float: left;
width: 60%;
padding: 1% 5% 2.5% 5%;
}
.textBox65 {
float: left;
width: 65%;
padding: 5% 2.5% 2.5% 2.5%;
}
.textBox50-10 {
float: left;
width: 50%;
padding: 5% 5% 2.5% 5%;
}
.textBox50-7half {
float: left;
width: 50%;
padding: 5% 2.5% 2.5% 5%;
}
.textBox50-2half {
float: left;
width: 50%;
padding: 5% 2.5% 2.5% 0;
}
.textBox40-10 {
float: left;
width: 40%;
padding: 2.5em 5% 5% 5%;
}
.textBox40 {
float: left;
width: 40%;
padding: 5% 0;
}
.textBox40noPad {
float: left;
width: 40%;
}
.textBox30 {
float: left;
width: 30%;
padding: 1em 0;
}
.textBox p, .textBoxRight p, .textBox40-10 p, .textBox50-10 p, .textBox40 p, .textBox30 p, .textBox50-7half p, .textBoxIfVideoRight500 p, .textBoxIfVideoRight p {
padding-bottom: 1em;
}
.textBoxRight {
float: right;
width: 55%;
padding: 2.5em 5% 5% 0;
}
.textBox30 h3, .textBox30 h2, .textBoxNotFirst h3, .textBoxNotFirst h2 {
padding-bottom: 1em;
}
.textBoxIfVideoRight h3, .textBoxIfVideoRight h2 {
padding-bottom: 1em;
}
.intro {
width: 55%;
padding: 2% 5% 5% 5%;
}
.introAlt {
padding: 2% 5% 5% 5%;
}
.introText {
padding: 2em 0 0 .5em;
}
.introSub {
padding: 2.5% 5% 0 5%;
}
.imgLeft {
display: block;
float: left;
width: 39%;
padding: 3em 0 2% 0;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
.img30, .img30Left, .img40left {
float: left;
width: 28%;
padding: 1em 0;
display: block;
overflow: hidden;
}
.img40left {
width: 40%;
}
.img30Left {
padding: 1em 5%;
}
.imgLeft img {
margin-bottom: 1.5em;
}
.imgRight {
display: block;
float: right;
width: 38%;
padding: 3em 0 5% 1%;
margin: 0 auto;
text-align: center;
}
.imgRight img {
margin-bottom: 1.5em;
}
.imgCenter {
margin: 2em auto 2em auto;
text-align: center;
}
.textBoxIfVideoRight, .textBoxIfVideoRight500, .textBoxIfVideoRightNOT1, .textBoxIfSlideshowRight, .textBoxIfVideoRightBottom {
float: left;
width: 50%;
padding: 5% 0 0 5%;
}
.textBoxIfVideoRight {
padding: 5% 0 0 0;
}
.textBoxIfVideoRight500 {
padding-bottom: 2em;
}
.videoRight, .videoRight500, .videoRightNOT1 {
float: left;
width: 400px;
padding: 5% 0 5% 5%;
overflow: hidden;
}
.textBoxIfVideoRightNOT1 {
padding-top: 2.5%;
}
.textBoxIfVideoRightBottom {
padding-bottom: 2.5%;
padding-top: 2.5%;
}
.videoRightNOT1 {
padding-top: 2.5%;
}
.textBoxIfVideoRight500 {
width: 40%;
}
.videoRight500 {
width: 500px;
text-align: center;
margin: 0 auto;
}
.underVideo {
background-color: #fff;
display: block;
padding: 1em 0;
margin-top: 2em;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.videoBorder {
background: url(../images/diag.gif) repeat #fff;
padding: 1em 0;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
ul.yokojilist, ul.yokojilisttop {
padding: 0 0 1em 2em;
font-size: 1.2em;
color: #6b5f1a;
}
ul.yokojilist li {
background: url(../images/bullet.png) no-repeat left center;
padding-left: 20px;
}
ul.yokojilisttop li {
background: url(../images/bullet.png) no-repeat left top;
padding-left: 25px;
margin-top: .5em;
}
#downloadWrapper {
width: 30%;
overflow: hidden;
float: left;
padding: 2em 0;
}
#downloadButton {
background: url(../images/DownloadBoxes.png) no-repeat top center;
width: 150px;
padding: 350px 1.5em 1em 1.5em;
margin: 0 auto;
background-color: #6699CC;
display: block;
}
#horizontalDownloadButton {
background: url(../images/singleDownloadBox.png) no-repeat center left;
width: 50%;
padding: 1.5em 1.5em 1.5em 220px;
margin: 2em auto;
background-color: #6699CC;
display: block;
}
#downloadButton, #horizontalDownloadButton {
font-size: 2.5em;
}
#downloadButton:link, #horizontalDownloadButton:link, #downloadButton:visited, #horizontalDownloadButton:visited {
text-decoration: none;
color: #ffffff;
}
#downloadButton:hover, #horizontalDownloadButton:hover, #downloadButton:active, #horizontalDownloadButton:active {
text-decoration: underline;
color: #ffffff;
background-color: #2e72b6;
}
.Col {
margin-bottom: 4em;
}
.Col h2, .Col h3 {
text-align: center;
padding: 1.5em 0 1em 0;
}
.ColLeft {
width: 30%;
font-weight: bold;
padding-right: 10%;
}
.ColRight {
width: 60%;
}
.Col li, .Col ul {
float: left;
}
.Col li {
font-size: 1.3em;
}
.Col ul {
padding-top: 1em;
width: 100%;
}
.buttonRow {
clear: both;
width: 80%;
padding: 2em 0 6em 0;
margin: 0 auto;
}
.buttonRow ul {
float: left;
}
.buttonRow li a {
float: left;
display: block;
width: 30%;
font-size: 1.6em;
line-height: 3em;
text-align: center;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.buttonRow1:link, .buttonRow1:visited, .buttonRow2:link, .buttonRow2:visited, .buttonRow3:link, .buttonRow3:visited {
text-decoration: none;
color: #ffffff;
}
.buttonRow1:hover, .buttonRow1:active, .buttonRow2:hover, .buttonRow2:active, .buttonRow3:hover, .buttonRow3:active {
text-decoration: underline;
color: #ffffff;
opacity: 1.0;
filter: alpha(opacity=100);
}
.buttonRow1 {
background-color: #6699cc;
opacity: 0.8;
filter: alpha(opacity=80);
}
.buttonRow2 {
background-color: #cc99cc;
margin-left: 5%;
opacity: 0.8;
filter: alpha(opacity=80);
}
.buttonRow3 {
background-color: #996699;
margin-left: 5%;
opacity: 0.8;
filter: alpha(opacity=80);
}
/* Naviagtion --------------------------------------------------------------------------- */
/* Based on http://www.lwis.net/  ---*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
/* ----- NON-FIRST LEVEL */
ul.dropdown ul {
width: 200px;
background-color: #383838;
color: #fff;
text-transform: none;
filter: alpha(opacity=90);
-moz-opacity: .9;
opacity: .9;
padding: 6px 0;
}
ul.dropdown ul li {
background-color: transparent;
color: #000;
filter: none;
}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
background-color: transparent;
}
ul.dropdown a:hover {
text-decoration: none;
}
ul.dropdown ul a:link,
ul.dropdown ul a:visited { color: #fff; }
ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
ul.dropdown ul a:active { color: #fff; }
/* ----- END LEVEL */
/* ----- ALL LEVELS (incl. first) */
ul.dropdown *.dir {
padding-right: 12px;
background-image: none;
background-position: 100% 50%;
background-repeat: no-repeat;
}
/* ----- END LEVEL */
ul.dropdown li a {
display: block;
padding: 7px 7px;
}
/* ---- Override default */
ul.dropdown li {
padding: 0;
}
/* -- Reinitiate default: post-override activities  */
ul.dropdown li.dir {
padding: 7px 20px 7px 14px;
}
ul.dropdown ul li.dir {
padding-right: 15px;
}
/* ----- Custom */
ul.dropdown ul a {
padding: 4px 5px 4px 14px;
width: 181px; /* Especially for IE */
}
ul.dropdown ul a:hover {
background-color: #76b900;
color: #fff;
}
ul.dropdown a.open {
background-color: #2e2e2e;
color: #fff;
}
ul.dropdown ul a.open {
background-color: #76b900;
color: #73AA62;
}
/* CSS 2.1 */
ul.dropdown li:hover > a.dir {
background-color: #383838;
filter: alpha(opacity=90);
-moz-opacity: .9;
opacity: .9;
}
ul.dropdown ul li:hover > a.dir {
background-color: #76b900;
color: #fff;
}
/* ------------------------------------------ Home page -------------------------------------------------------------------- */
#welcome {
float: left;
width: 50%;
padding: 2em 0 3em 3em;
}
#welcome h1 {
color: #75a81d;
}
#welcome h2 {
color: #433b36;
}
#welcome h3 {
padding-top: 1em;
}
#welcome h3 a {
font-size: inherit;
font-weight: inherit;
}
#mc_embed_signup {
padding-top: 5em;
}
fieldset {
background-color: #7f869f; /*99b4e5;*/
padding: .5em;
border: 0 none;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#mc_embed_signup fieldset p {
float: left;
padding: 10px 0 0 10px;
color: white;
}
.mc-field-group {
padding: 1em .5em;
}
#mc_embed_signup fieldset label {
display: block;
font-size: 1.4em;
width: 6.7em;
color: #6B5F1A;
padding-bottom: .3em;
}
#mc_embed_signup .mc-field-group input {
width: 95%;
font-size: 1.4em;
line-height: 1.4em;
color: #afad91;
background-color: #edf2fe;
border: 0 none;
padding: 4px 4px 4px 8px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
#mc_embed_signup .formName {
float: left;
width: 49%;
}
#formbutton {
float: right;
padding: .5em 1em .5em 0;
}
#mc_embed_signup fieldset .response {
padding: 1em;
}
#mce-success-response a:link, #mce-success-response a:visited, #mce-error-response a:link, #mce-error-response a:visited {
color: #c4f4ff;
}

/* ------------------------------------------ MailChimp Form -------------------------------------- */

#mc_embed_signup div#mce-responses {
    clear: both;
    float: left;
    margin: 0 5%;
    overflow: hidden;
    padding: 0 0.5em;
    top: -1.4em;
    width: 90%;
}
#mc_embed_signup div.response {
    float: left;
    font-weight: bold;
    margin: 1em 0;
    padding: 1em 0.5em 0.5em 0;
    top: -1.5em;
    width: 80%;
    z-index: 1;
}
#mc_embed_signup #mce-error-response {
    display: none;
}
#mc_embed_signup #mce-success-response {
    display: none;
}
#mc_embed_signup label.error {
    display: block;
    float: none;
    margin-left: 1.05em;
    padding: 0.5em 0;
    text-align: left;
    width: auto;
}
#mc-embedded-subscribe {
    clear: both;
    display: block;
    width: auto;
}
#mc_embed_signup #num-subscribers {
    font-size: 1.1em;
}
#mc_embed_signup #num-subscribers span {
    border: 1px solid #CCCCCC;
    font-weight: bold;
    margin-right: 0.5em;
    padding: 0.5em;
}

/*-------------------- End of MailChimp -----------------------------*/

#thisMonth {
float: left;
width: 52%;
padding: 2em 0 3em 3%;
}
#imgFrame {
max-width: 522px;
margin: 2em auto 0 auto;
overflow: hidden;
}
#news {
display: block;
margin-top: 5em;
padding: 1.5em;
border: 1px solid #b1b1b2;
color: #8e8f8f;
background-color: white;
}
#news .date {
padding-top: .7em;
}
#dharmaTalk {
width: 80%;
}
#dharmaTalk h3, #dharmaTalk p, #dharmaTalk .mp3 {
padding-left: 5%;
padding-right: 5%;
}
#upcoming {
float: right;
width: 39%;
padding: 2em 3% 2em 2%;
}
#upcoming h2 {
line-height: 2.5em;
}
#upcoming ul {
padding-top: .5em;
}
#upcoming ul li {
padding-top: 1em;
}
#upcoming ul h4 {
background: url(../images/bullet.png) no-repeat left center;
padding-left: 20px;
}
#upcoming .diag ul {
padding: 1.4em;
background-color: #fbfee4;
}
#upcoming .diag h2 {
background-color: #fbfee4;
padding: .7em 0 0 .7em;
}
#slideshow {
width: 500px;
height: 333px;
background-color: #cdcdcd;
}
#slideshowFrame {
background-color: #fff;
padding: 10px;
border: 1px solid #b1b1b2;
}
/* ------------------------------------------------ About --------------------------------------------------------------------- */
#rotatorHolder {
padding: 3em 0;
}
#rotator {
overflow: hidden;
margin: 0 auto;
position: relative;
width: 400px;
height: 300px;
}
#rotator img {
width: 400px;
height: 300px;
}
#galleryLink {
width: 75%;
margin: 0 auto;
text-align: center;
}
#galleryLink a {
display: block;
height: 150px;
background: url(../images/galleryIcon.png) no-repeat top left;
font-size: 2em;
padding: 100px 0 0 250px;
}
#talkLink {
display: block;
min-height: 150px;
background: url(../images/podcastLogoShadow.png) no-repeat top left #6699CC;
font-size: 2em;
padding: 50px 25px 25px 250px;
margin-top: 1em;
}
#doun {
display: block;
background: #fff;
padding: 2em 2em 1em 2em;
margin-top: 1em;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px solid #cdcdcd;
}
#talkLink:link, #talkLink:visited {
text-decoration: none;
color: #ffffff;
}
#talkLink:hover, #talkLink:active {
text-decoration: underline;
color: #ffffff;
background-color: #2e72b6;
}
#rotatorSq {
overflow: hidden;
margin: 0 auto;
position: relative;
width: 314px;
height: 314px;
}
#rotatorSq img {
border: 7px solid #fff;
width: 300px;
height: 300px;
}
.wayZen {
background: #73a468 url(../images/WayofZen.png) no-repeat top left;
padding: 70px 2em 2em 2em;
margin-top: 3em;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.appUrLife {
background: #73a468 url(../images/AppreciateYourLife.png) no-repeat top left;
padding: 70px 2em 2em 2em;
margin-top: 3em;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.wayZen h2 {
text-align: right;
padding: 0 10% 70px 0;
color: #fff;
font-size: 3em;
}
.appUrLife h2 {
text-align: right;
padding: 0 10% 60px 0;
color: #fff;
font-size: 2.2em;
}
.wayZen p, .appUrLife p {
color: white;
}
#mission {
background-color: #fff;
border: #cdcdcd solid 1px;
margin: 4em auto;
text-align: center;
width: 50%;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#mission p {
padding: 2em;
font-size: 1.4em;
font-weight: 200;
color: #6b5f1a;
}
#mission h3 {
padding: 2em;
}
/* ----------------------------------------------- Events --------------------------------------------------------------------- */
#eventCal {
width: 48%;
padding: 0 3% 5% 5%;
}
#eventCal ul {
padding-top: 2.5em;
}
#eventCal h1, #eventCal h2 {
margin-top: 1.5em;
}
#eventCal h2 a {
font-weight: 200;
}
#eventCal h2 a:hover, #eventCal h2 a:active {
text-decoration: none;
color: #6b5f1a;
}
#eventCal h2 {
background: url(../images/bullet25.png) no-repeat center left;
padding-left: 35px;
}
#links {
float: right;
width: 35%;
padding: 0 5% 5% 3%;
}
#calLink {
margin: 3em auto 0 auto;
width: 210px;
text-align: center;
}
#calLink a{
display: block;
height: 220px;
background: url(../images/cal-Icon.png) no-repeat top left;
font-size: 1.8em;
padding-top: 100px;
}
#eventDesc {
background-color: #ffffe9;
padding: 1em;
}
#eventDesc p, #eventDesc ul {
padding-bottom: 1em;
}
#eventDesc a {
font-weight: inherit;
}
#eventDesc h3 {
margin-top: 1.4em;
margin-bottom: .4em;
padding: .2em .2em .2em .5em;
border: 1px #a3974f solid;
}
.centerBlock {
text-align: center;
background-color: #f1f1d5;
border: 1px #a3974f solid;
line-height: 2em;
letter-spacing: .1em;
}
.depositButton {
padding: 3em 0 2em 1em
}
/* ------------------------------------------------ Calendar --------------------------------------------------------------------- */
#cal {
width: 820px;
height: 70em;
text-align: center;
margin: 3em auto 3em auto;
}
#cal a {
display: block;
padding: .5em;
font-size: 1.6em;
text-align: left;
}
/* ------------------------------------------------- Affiliates ----------------------------------------------------------------- */
ul.affiliates {
float: left;
margin: 2%;
width: 45%;
}
ul.affiliates li {
padding-top: 2em;
}
.affiliates .textBoxRight {
padding-bottom: 2em;
}
.affiliates h1, .affiliates h3, .affiliates p {
padding-bottom: 1em;
}
.affiliates #news p {
padding-bottom: 0;
}

/* -------------------------------------------------- Training ----------------------------------------------------------------- */
.scheduleCol {
padding: 2.5%;
background-color: #fff;
width: 38%;
float: left;
margin: 2.5%;
border: #cdcdcd solid 1px;
}
.scheduleColWrapper {
margin-top: 2em;
}
.scheduleButtonRow {
margin-top: 3em;
}
.scheduleButtonRow li {
display: inline;
}
.threePicsHolder {
height: 220px;
border-top: 2px solid #cdcdcd;
border-bottom: 2px solid #cdcdcd;
width: 100%;
background: url(../images/diag.gif) repeat #fff;
margin: 4em 0;
}
.threePics {
background-color: #fff;
text-align: center;
margin: 0 auto;
width: 940px;
overflow: hidden;
}
.threePics li {
float: left;
padding: 10px 0 10px 10px;
height: 200px
}
.padRight {
padding-right: 10px;
}
.zazenList li {
float: left;
padding-bottom: 2.5em;
}
.zazenList li p {
clear: both;
text-align: center;
}
#ResTrainSideBarWrapper iframe, #sesshinVid iframe {
padding: 3em 0;
background: url(../images/diag.gif) repeat;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#ResTrainSideBar {
background-color: #73A468;
padding: 1em;
margin-bottom: 4em;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
/*#ResTrainSideBar:hover, #ResTrainSideBar:active {
background-color: #4c9340;
}*/
#ResTrainSideBar li {
font-size: 1.8em;
padding-bottom: 1.2em;
color: #fff;
}
#ResTrainSideBar h3 {
color: #396133;
background-color: #deeedb;
padding-left: 1.5em;
margin-bottom: 2em;
}
.rtSchedule {
background: url(../images/rtSchedule.png) no-repeat top right;
line-height: 140px;
padding-left: 20px;
}
.rtAbbot {
background: url(../images/rtAbbot.png) no-repeat top left;
line-height: 140px;
padding-left: 160px;
}
.rtSamu {
background: url(../images/rtSamu.png) no-repeat top right;
line-height: 140px;
padding-left: 10px;
}
.rtZazen {
background: url(../images/rtZazen.png) no-repeat top left;
line-height: 140px;
padding-left: 180px;
}
#ResTrainSideBar li.rtSchedule:link, #ResTrainSideBar li.rtSchedule:visited, #ResTrainSideBar li.rtAbbot:link, #ResTrainSideBar li.rtAbbot:visited, #ResTrainSideBar li.rtSamu:link, #ResTrainSideBar li.rtSamu:visited, #ResTrainSideBar li.rtZazen:link, #ResTrainSideBar li.rtZazen:visited {
text-decoration: none;
color: #ffffff;
}
#ResTrainSideBar li.rtSchedule:hover, #ResTrainSideBar li.rtSchedule:active, #ResTrainSideBar li.rtAbbot:hover, #ResTrainSideBar li.rtAbbot:active, #ResTrainSideBar li.rtSamu:hover, #ResTrainSideBar li.rtSamu:active, #ResTrainSideBar li.rtZazen:hover, #ResTrainSideBar li.rtZazen:active {
text-decoration: underline;
color: #ffffff;
background-color: #4c9340;
}
#ResTrainSideBarWrapper #horizontalDownloadButton {
width: inherit;
}
.horDownButtonNoWidth #horizontalDownloadButton {
width: auto;
}
#OryokiBox {
background: url(../images/OryokiSet.png) #fff;
display: block;
height: 335px;
width: 395px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px #cdcdcd solid;
}
/* ------------------------------------------------- Membership ----------------------------------------------------------------- */
body.membership ul.bulletList {
font-size: 1.4em;
font-weight: 200;
}
#friend {
background: url(../images/friendYokojiShad.png) no-repeat top center;
padding-top: 170px;
}
#friend h2, #friend h3 {
color: #213263;
}
#guardian {
background: url(../images/templeGuardianShad.png) no-repeat top center;
padding-top: 170px;
}
#guardian h2, #guardian h3 {
color: #8f2a3c;
}
#pledgeSidebar {
border: #cdcdcd solid 1px;
padding: 150px 2em 2em 2em;
background: url(../images/PledgeDoubleBadge.png) no-repeat top center #fff;
}
#pledgeSidebar h2, #pledgeSidebar p {
padding-bottom: .75em;
}
/* ----------------------------------------------------- Donate --------------------------------------------------------------------- */
.donateButton {
padding: 1.5em 4em 1.5em 4em;
background-color: #fff;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 1px #cdcdcd solid;
margin-bottom: 2em;
}
.donateButton form {
margin: 0 auto;
text-align: center;
padding: 1em 0;
}
#currentProjects li ul li {
float: left;
}
#plannedGiving {
margin-top: 1em;
padding: 2em 3em 1em 3em;
background-color: #68216b;
}
#plannedGiving h2, #plannedGiving p {
padding-bottom: 1em;
color: #fff;
}
.danaBox {
background: url(../images/photos/donation-box-logo.png) no-repeat top left;
padding: 0em 1em 3em 200px;
min-height: 135px;
margin: 0 5px;
}
.fundraiser {
border: 1px solid #c1c3b1;
background-color: #fdffeb;
padding: 1.5em;
margin-top: 1em;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.fundraiser li {
float: left;
padding: 1em;
}
.fundraiser p.aim {
width: 30em;
}
.money {
color: red;
}
#fundraiseButton {
width: 300px;
padding: 1.5em 3em;
margin: 1em 0.5em 1em 1em;
background-color: #6699CC;
display: block;
float: right;
}
#fundraiseButton:link, #fundraiseButton:visited {
text-decoration: none;
color: #ffffff;
}
#fundraiseButton:hover, #fundraiseButton:active {
text-decoration: underline;
color: #ffffff;
background-color: #2e72b6;
}
.waysToRaise {
clear: both;
margin: 0 auto;
padding-top: 15px;
margin-top: 3em;
text-align: center;
background-color: #dedede;
width: 97%;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.waysToRaise li {
float: left;
background-color: #ffffff;
text-align: left;
margin: 0 15px 15px 15px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.waysToRaise li ul li {
margin: 0;
}
.waysToRaise li ul li p {
padding: 1.5em 2em 1.5em 2em;
}
.sportEvent {
background: url(../images/sportsEvent.jpg) no-repeat top left;
padding: 1em 10px 0 140px;
margin: 1em 0 0 1em;
height:120px;
}
.personalEvent {
background: url(../images/cakePhoto.jpg) no-repeat top left;
padding: 1em 10px 0 140px;
margin: 1em 0 0 1em;
height:120px;
}
.memoryEvent {
background: url(../images/inMemory.jpg) no-repeat top left;
padding: 1em 10px 0 140px;
margin: 1em 0 0 1em;
height:120px;
}
.otherEvent {
background: url(../images/imagination.jpg) no-repeat top left;
padding: 1em 10px 0 140px;
margin: 1em 0 0 1em;
height:120px;
}
#wishlistWrapper li {
float: left;
}
.wishlistEntry {
background-color: #fff;
border: 1px #cdcdcd solid;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 1em;
padding-bottom: 1em;
}
.wishlistEntry li ul li {
width: 100%;
}
.wishlistEntry ul li {
width: 50%;
}
.wlCatItem {
width: 92.5%;
padding: 2.5%;
padding-left: 5%;
}
li ul li.wlTemple, li ul li.wlMaintenance, li ul li.wlKitchen, li ul li.wlHousekeeping, li ul li.wlOffice {
padding-right: 2.5%;
line-height: 6em;
height: 65px;
width: 90%;
border: 1px #cdcdcd solid;
border-radius: 5px;
letter-spacing: .2em;
font-variant: small-caps;
text-align: right;
}
.wlTemple {
background: url(../images/wlTemple.png) no-repeat top left #f7f5e7;
}
.wlTemple p {
color: #c0ba92;
}
.wlMaintenance {
background: url(../images/wlMaintenance.png) no-repeat top left #eff0f5;
}
.wlMaintenance p {
color: #868db1;
}
.wlKitchen {
background: url(../images/wlKitchen.png) no-repeat top left #f5efef;
}
.wlKitchen p {
color: #a27c7c;
}
.wlHousekeeping {
background: url(../images/wlHousekeeping.png) no-repeat top left #e8f7e7;
}
.wlHousekeeping p {
color: #8ca88a;
}
.wlOffice {
background: url(../images/wlOffice.png) no-repeat top left #fff;
}
li.wlDescription p {
padding: 1.2em 1.2em 0 0;
}
.wishlistEntry h3 {
padding: .6em .6em .6em .3em;
font-size: 2em;
}
#wlThanksWrapper {
padding: 0 1.5em;
}
#wlThanksWrapper ul li ul li {
float: left;
}
.wishlistThanksEntry {
background: #eba1b3;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
margin-bottom: 1em;
}
.wishlistThanksEntry p {
font-size: 1.2em;
}
.wishlistThanksEntry ul {
padding: 1em;
}
.wishlistThanksEntry ul li ul{
padding: .5em 0 0 .5em;
}
.wishlistThanksEntry ul li ul li {
color: #964e5f;
}
.wishlistThanksEntry ul li ul li.width25-5 {
font-weight: bold;
font-variant: small-caps;
}
/* --------------------------------------------------------- Volunteer --------------------------------------------------------------------- */
#mc_embed_signup.vol {
float: none;
width: 90%;
padding: 3em 2em 0 2em;
text-align: left;
}
#mc_embed_signup.vol h2 {
padding: 1em 0 1.5em .5em;
}
#mc_embed_signup .mc-field-group input#mce-MMERGE3-area {
width: 50px;
margin-right: 10px;
}
#mc_embed_signup .mc-field-group input#mce-MMERGE3-detail1 {
width: 50px;
margin-right: 10px;
}
#mc_embed_signup .mc-field-group input#mce-MMERGE3-detail2 {
width: 80px;
}
.phonearea, .phonedetail1, .phonedetail2 {
float: left;
}
.volunteer #formbutton {
margin-top: -41px;
}

/* --------------------------------------------------------- Rentals --------------------------------------------------------------------- */
body.rent h1, body.rent h2, body.rent h3 {
padding-bottom: 1em;
}
body.rent h2 {
padding-top: 1em;
}
/* ---------------------------------------------------------- Gallery --------------------------------------------------------------------- */
.galleryBox {
float: left;
width: 40%;
margin: 0 0 5em 5%;
}
.photoGallery {
width: 90%;
margin: 0 auto;
padding: 2em;
text-align: center;
}
.photoGallery a.linkTo {
display: block;
height: 150px;
background: url(../images/galleryIcon.png) no-repeat top left;
font-size: 2em;
padding: 100px 0 0 250px;
}
.galleryBox h2 {
padding: 0 0 0 1em;
}
.galleryBox a {
text-decoration: none;
}
.photoGallery p, .photoGallery h3 {
text-align: left;
}
.photoGallery a {
text-decoration: none;
}
body.photogallery .intro {
width: auto;
}
.fiveBoxes {
background: url(../images/fiveBoxes.png) no-repeat center center;
padding-left: 2em;
}
.videoBlurb {
padding-top: 2em;
}
#video li {
float: left;
}
.videoEntry {
background-color: #fdffeb;
padding: 1.5em;
margin-top: 1em;
border: 1px solid #c1c3b1;
width: 90%;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.videoEntry li {
padding: .5em;
}
.videoEntry li.blurb {
width: 50%;
margin-left: 1em;
}
#photoGalleryWrapper {
width: 90%;
padding: 2em;
}
/*----------------------------------perch gallery------------------------------*/
#content {
float: left;
width: 70%;
}
#content h2, #content h3 {
padding-bottom: 1em;
}
#navigation {
float: right;
width: 25%em;
margin-right: 4%em;
}
#navigation li {
padding: .5em 0;
border-bottom: 1px #ebd465 dashed;
}
#navigation h2 {
border-bottom: 1px #6B5F1A solid;
}
ul#albums,ul#allalbums {
list-style: none;
margin: 0;
padding: 0;
}
ul#allalbums > li {
clear: left;
}
ul.imagelisting {
list-style: none;
margin: 0;
padding: 0;
}
ul.imagelisting li {
float: left;
width: 120px;
margin: 0 10px 10px 0;
}
ul#albumdisplay {
list-style: none;
margin: 0;
padding: 0;
}
ul#albumdisplay li {
float: left;
width: 120px;
margin: 0 20px 20px 0;
border: 7px #fff solid;
text-align: center;
-moz-box-shadow: 5px 5px 5px #898989;
-webkit-box-shadow: 5px 5px 5px #898989;
box-shadow: 5px 5px 5px #898989;
}
.mediacenter ul#albumdisplay li {
margin: 1em 15px 1em 0 ;
}
.mediacenter ul#albumdisplay {
padding: 10px;
}
ul#albumdisplay li div {
background-color: #fff;
padding: 10px 0 3px 0;
font-variant: small-caps;
}
ul#albumdisplay li img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
ul#albumdisplay li img {
display: block;
}
/* ------------------------------------------------------ Temple Store --------------------------------------------------------------------- */
#store li {
float: left;
}
.storeItems {
background-color: #fdffeb;
padding: 1.5em;
margin-top: 1em;
border: 1px solid #c1c3b1;
}
.storeItems li {
float: left;
padding: 1em;
}
.storeItems p {
width: 30em;
}
.storeItems h3 {
width: 10em;
}
/* ------------------------------------------------- Contact Us --------------------------------------------------------------------- */
body.contact .intro {
width: 65%;
}
.directions {
width: 60%;
padding: 2em 0 0 0;
}
.directions h3, .directions p {
padding: 1.5em;
}
.directions p {
padding-top: 0;
padding-bottom: 0;
}
#feedbackForm {
padding: 2em;
}
#formWrapper {
padding: 1em;
background-color: #5e5c71;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin-top: 2em;
}
#formWrapper div {
padding-top: 2em;
}
#formWrapper label {
color: #dcdce3;
}
#formWrapper span {
color: #c23636;
background-color: #edd7d7;
padding: 7px;
margin-left: 1em;
}
.contactInfo {
padding: 1em;
background-color: #fff;
border: 1px solid #cdcdcd;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
width: 20em;
margin-top: 2.5em;
margin-left: 1em;
}
.contactInfo h3 {
padding-bottom: 1em;
}
#form1_message, #form1_email, #form1_name {
font-size: 1.4em;
line-height: 1.4em;
color: #afad91;
background-color: #fff;
border: 0 none;
padding: 4px 4px 4px 8px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-top: .2em;
}
/* -------------------------------------------------------- Helper styles --------------------------------------------------------------------- */
.box {
background: #f0f6dc url(../images/bottom-left.gif) no-repeat left bottom;
}
.box-outer {
background: url(../images/bottom-right.gif) no-repeat right bottom;
padding-bottom: 5%;
}
.box-inner {
background: url(../images/top-left.gif) no-repeat left top;
margin-top: 3em;
}
.box h2, .box h3 {
background: url(../images/top-right.gif) no-repeat right top;
padding-top: 5%;
padding-bottom: 5%;
}
.clear {
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}
.date {
color: gray;
font-size: 1em;
}
.dateWhite {
color: #fff;
font-size: 1em;
}
.diag {
background: url(../images/diag.gif) repeat;
padding: 2em;
margin-top: 1em
}
a.download {
width: 210px;
display: block;
background: url(../images/downArrow.png) no-repeat top center;
text-align: center;
padding-top: 210px;
font-size: 1.8em;
}
ul.bulletList {
list-style: circle;
padding-left: 2em;
color: #6b5f1a;
}
.center {
text-align: center;
}
.paraSpace {
padding: 2em 0 2em 0;
}
.arrowLeft {
background: url(../images/arrow.png) no-repeat center left;
padding-left: 80px;
line-height: 75px;
margin-top: 10px;
display: block;
}
.oneThird {
width: 40%;
}
.twoThirds {
width: 59%;
}
.contact fieldset, .membership fieldset, .training fieldset, .events fieldset {
margin-top: 2em;
}
.photoBorder {
padding: 1em;
background-color: #fff;
border: #cdcdcd solid 1px;
margin: 0 auto;
text-align: center;
margin-top: 1em;
overflow: hidden;
}
.bold {
font-weight: bold;
}
.width25-5 {
width: 25%;
padding: 0 2.5% 0 0;
}
.width65-5 {
width: 65%;
padding: 0 2.5% 0 0;
}
.pullQuoteTop {
background: url(../images/topQuote.png) no-repeat top left;
display: block;
text-indent: 2em;
}
.pullQuoteBottom {
background: url(../images/bottomQuote.png) no-repeat bottom right;
display: block;
}
/* For Devices ----------------------------------------------------------------- */
@media only screen and (max-device-width: 1024px) {
#wrapper, #contentWrapper {
width: 1024px;
}
@media only screen and (max-device-width: 1024px) and (orientation:portrait) {
#wrapper, #contentWrapper {
width:768px;
}
}