/* =common (main)
====================================================================== */
body {background:fixed #7C3818 url(images/back_pattern.jpg) repeat-x;}
td {vertical-align: top;}
.clearer {font-size:1px; overflow: hidden; clear: both; line-height:0.01;}
a {color: #0c5aa9;}
a:hover {color: #0c5aa9;text-decoration: underline;}
p {color:#675c39;margin:0;}
#content li, #content p {line-height:2;}
h3, h2 {color:#7C3818;text-transform:uppercase; margin:0 0 10px;}
h4 {color:#C57A29; margin:-8px 0 10px;}

/* =Layout
====================================================================== */
div#container {padding:10px; width:935px;}
div#container #ieminwidthfix {background:#fbe5a2; padding-bottom:10px;} /* back oclour, change for div#ctrpanelcontainer as well*/


/* =header
====================================================================== */
div#header {background:#D3D3C4 url(../vanilimages/header.jpg); height: 110px; margin:0;border-bottom:5px #fff solid;}


/* =control panel and top level menu
====================================================================== */
#menucontainer {margin:0;}
#menucontainerH {padding: 0; margin:0 0 5px; height:auto;}

/* search, language selector and text size
------------------*/
.text {margin: 8px 14px 0 15px; color: #fff; font-weight:bold;}
.menutop {margin: 0; margin-bottom:3px; padding-top:4px; height: 34px; background: #EA843B; color:#e2e2e2;}

#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
------------------*/
ul#nav {margin: 0 0 0px; padding:0; height:20px;}
#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: #eb9f4e; 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: 5px 0; font:90% small-caps bold garamond, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; bottom right no-repeat;}
#nav li a:hover,#nav li:hover {background-color: #e68033; 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: #e68033;color: #fff;} /*submenu hover state*/

#nav #home, #nav #who0, #nav #who1, #nav #who2, #nav #who3 {background:#c1441a url(images/menu_back.gif) top right no-repeat;text-align: center;}
#nav #home, #nav #who0, #nav #who1, #nav #who2 {border-right: 0.15em #fff solid;}

#nav #home {margin: 0; width: 11%;}
#nav #who0{margin: 0; width: 19%; }
#nav #who1{margin: 0; width: 20%;}
#nav #who2 {margin:0; width:22%;}
#nav #who3 {margin:0; width:26.6%;}
				

/* =breadcrumbs and location (where am i)
====================================================================== */
div#ctrpanelcontainer {background:#fff; border-color:#fbe5a2; border-width:0px 10px 10px; border-style:solid; margin:0;}
#breadcrumbs {background:#fff;/* border-color:#beccbe; border-width:2px 2px 2px 0; border-style:solid; */height:auto;}
div#whereamiH {background: url(images/bullet_country_locator.gif) 5% 50% no-repeat; padding:6px 0 0 40px;}
#whereami {height:auto;}
* html #breadcrumbs {margin-left:216px}
#breadcrumbsH {color:#cc6600; height:auto;padding:7px 0 7px 30px;}
#breadcrumbs a.crumbs {color:#cc6600;border-bottom:1px #cc6600 solid}
#breadcrumbs a.crumbs:hover {color:#cc6600;border-bottom:0; font-weight:bold;}
.whereamitxt {color:#cc6600;padding:0;margin:0 0 0 2px;font:bold 90% Verdana,Arial,Helvetica,Geneva,sans-serif}




/* =left column
====================================================================== */
div#side {width:230px;float:left;display:inline;margin:0;}

/* sub menu
------------------*/
div#submenu {width:230px;}
div#submenu ul {padding:0px;}
div#submenu ul li span {font-size:120%; color:#ae3b05;}
#submenuH {padding:10px 0 5px 20px;margin:0 0 10px;background:#fff;}
#submenu ul li ul {padding:10px 0 10px;}
#submenu ul li ul li {list-style:url(../vanilla/bullets/bullet.gif);padding:15px 0 10px;margin:0;color:#275078; list-style:none;}
#submenu ul li ul li a {color:#ae3b05;padding:5px 0 5px 30px; background:url(images/paper_bullet.gif) center left no-repeat; text-decoration:none; border-bottom:none; font-size:120%;}
#submenu ul li ul li a:hover {font-weight:bold;color:#ae3b05;padding:5px 0 5px 30px; background:url(images/paper_bullet.gif) center left no-repeat; text-decoration:none; border-bottom:none;}

/* side image
------------------*/
div#relatedpic {margin:0 0 10px; height:auto;}
div#relatedpic img {background: #fff; border-width:5px; border-style: solid; border-color:#fff;}

/* related links
------------------*/
div#relatedlinks {margin:0;}
div#linkscontanierH {padding:0;}
div.linksheading {border-bottom:none;background:url(images/bg_related_links.gif) no-repeat; color:#fff; padding:7px 0 7px 10px; font-size:80%;}

div#relatedlinks ul {margin:-3px 0 0; padding:0 0 15px 20px;border:#738262 solid; border-width:2px;}
div#relatedlinks li {padding:0;margin:15px 0 0 0px; list-style:none; line-height:normal;}
div#relatedlinks a {color:#000; padding:1px 0 1px 25px;  background:url(images/bullet_rel_links.gif) center left no-repeat; text-decoration:none; border-bottom:none;}
div#relatedlinks a:hover {font-weight:bold;color:#000; padding:1px 0 1px 25px;  background:url(images/bullet_rel_links.gif) center left no-repeat; text-decoration:none; border-bottom:none;}


/* =content region
====================================================================== */

/* containers
------------------*/
#mainContent {margin:0 0 0 240px;}
div.inner {float:left;width:97%;background:#fff; padding:0 10px;}
/** html div.inner {float:left;width:95%;background:#fff; padding:0 10px;}*/
#innermain {padding:0;float:right;width:100%;margin:0;background:transparent}
#content {margin:0;padding:0;border-width:0;clear:both;float:left;width:100%;background:transparent;}
			
/* content image postioning styles
------------------*/
#content img {border:1px #e37542 double; padding:2px;}
#content img.floatright {margin:0 0 10px 10px;}
#content img.floatleft {margin:0 15px 10px 0px;}

				
				
/*content text and link styles
------------------*/
#content p {margin-bottom:15px;}
#content p.first {padding:0;}
#content p span.quote {color:#675c39;}
#content a {margin:0;color:#ea843b;text-decoration:none;border-bottom:1px #ea843b dashed;}
#content a:hover {color:#ea843b;border-bottom:1px #ea843b solid;}

#content ul {margin:0 0 30px 30px}
#content li {color:#003300;}
div#content p a.buttlink {font:bold 100% verdana,arial,"sans-serif";color:#7C3818;text-decoration:none;padding:5px 7px;border:1px #7C3818 solid;background:#e6c358; margin:10px 0 0;}
div#content p a.buttlink:hover {color:#fff;text-decoration:none;border:1px #7C3818 solid;background:#7C3818;}
.hrule {height:5px;margin:10px 0px;padding:0;background-position:bottom;border-bottom:1px #698668 solid; background:none;}

#content h3.split {margin:40px 0 25px; color:#675c39; text-transform:none; border-color:#675c39;}
								
/*page heading
------------------*/
#heading {float:left;display:block;background:none; margin:10px 0 10px 0px;padding:0;width:100%}
#heading h1 {color:#ae3b05;padding:15px 0px 15px 70px;margin:0;float:left;background:#FFF url(images/h1_back.gif) left center no-repeat;font:normal 130% Arial, verdana, Helvetica,Geneva,"sans-serif"; border-left:none;}

div#heading3.first, div#heading3 {margin:0 0 15px;padding:5px 0 5px; position:relative; border:none;background:#dba502 none; }
div#heading3 h3 {background:none; border:none;}

/*print link
------------------*/
#print {visibility: hidden;}


/* =footer
====================================================================== */
#footer {color:#cc6600;margin:10px 0 0;background:#fff;}
#footer a {color:#cc6600;}
#footer a:hover {color:#cc6600; font-weight:bold;}


/* =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: 42%;}
#whoami, #myhome, #innerpeace {margin:0 0 20px 3%;}
#forgive, #peace, #stillness {margin:0 3% 20px 0;}

div#content img.firstfloatright {margin:0 0 10px 10px;}

/* =Floaters
====================================================================== */
#quicklinks {margin: 0;padding: 0; width:230px;}
#quicklinks li {list-style-type: none; margin: 0 0 4px 0; padding: 0; line-height: 14px;}
#quicklinks li a {display: block; width: 220px; padding: 5px 0; margin: 0; color: #818181; border:4px double #F3BE98; background:#FFF; font: 100% Arial, Helvetica, sans-serif; text-decoration:none; text-align:center;}
#quicklinks li a:hover {display: block; width: 220px; padding: 5px 0; margin: 0; color: #fff; border:4px double #fff; background:#e9b824; font: 100% Arial, Helvetica, sans-serif; text-decoration:none; text-align:center;}

.cal {width:86px; height:105px; margin:6px 16px 16px 16px; background:url(images/datebg.gif) no-repeat;	float:right;}
.calfirst {width:86px; height:105px; margin:22px 16px 16px 16px; background:url(images/datebg.gif) no-repeat; float:right;}

.date {margin:0 0 10px 10px; display: block; font-size:0.8em; color:#5CA6BF; font-weight:bold;}
.number {font-size:3em; color:#3392B2; display:block; margin:9px 4px 0 0; text-align:center;}
.month {font-size:1.7em; color:#999; display:block; text-transform:uppercase; margin:-6px 6px 0 0; text-align:center;}

/* =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.65em;color: #f8854c;text-align: left;margin-left: 14px;font-family: garamond, "Times New Roman", Times, serif;line-height: 1.1em;          font-weight: normal;}
            #ThoughtOfToday .firstCap {font-size: 4.5em;float: left;color: #f8854c;margin-left: 10px;padding-right: 2px;margin-top: -12px;margin-bottom: 400px;}



/* Agenda */

.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; }


#mailinglistcontainer { border: 1px #BCBCBC dashed; width: 80%; margin: 0 0 0 10%; }
    #mailinglistcontainer form { margin: 0; padding: 0; }
    #mailinglistcontainer form input.checkbox { margin: 0; padding: 0; border: 1px #969696 solid; background-color: #DFE0DE; width: 28px; height: 28px; }

#calendar { margin: 0 0 5px 0; padding: 0; border-collapse:collapse; }
.cal_month { text-align: center; height: 30px; background-color: #EA843B; color: #1F9289; font-weight: bold; font-family: verdana, arial; font-size: 80%; vertical-align: middle; }
    * html .cal_month { padding-top: 5px; }
.cal_dates td { height: 112px; background-color: #fff; border-bottom: 1px #B4B4B4 dashed; border-right: 1px #B4B4B4 dashed; border-left: 1px #B4B4B4 dashed; text-align: right; vertical-align: bottom; padding: 0 8px 5px 0; font-weight: normal; font-family: verdana, arial; font-size: 230%; color: #AE3B05; }
.notThisMonth { color: #dadada; }
.cal_days td { width: 14.25%; text-align: center; border-bottom: 1px #B4B4B4 dashed; border-right: 1px #B4B4B4 dashed; border-left: 1px #B4B4B4 dashed; height: 28px; color: #DB8C74; font-weight: bold; font-family: verdana, arial; font-size: 80%; padding: 6px 0 0 0; }
.cal_days td.sat, td.sun { color: #C1441A; }
.hasEvent { background-color: #FBE5A2; 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*/

#content .eventlink { font-size: 11px; text-align:left; line-height:14px; padding:2px; }
    #content .eventlink a { font-size: 10px; color: #818181; font-weight:bold; text-decoration: none; line-height:14px; border:none;}
    #content .eventlink a:hover { font-size: 10px; font-weight:bold; line-height:14px; color: #ae3b05; }

#content .hasEvent .dayEvent { position:absolute; right:0px; bottom:0px; }


/*Iframe */
#frame { position:absolute; left:30%; top: 30%; visibility: hidden; }
   #frame iframe { height:520px; width:400px; }
#iframe { background:none #FFFFFF; border:#818181 solid 3px; margin:0; padding:10px; }

.ProgramDetail { border:#818181 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:#d19f8e; 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:#9f9f9f; margin:0; padding:0 }
   .ProgramDetail table { margin:10px; clear:both; }
   .ProgramDetail th { color:#83cad1; text-align:left; font-weight:normal; }

.closeThisOut a:link, .closeThisOut a:visited { font-weight:bold; color:#fff; font-size:0.8em; margin: 0; padding:2px; background-color:#818181; display:block; width:75px; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border:none; }
.closeThisOut a:hover { font-weight:bold; }