body {text-align:center; margin:0; background:url(../uimages/tmpl/body-bg.gif) 50% 0 repeat-y #eaeaea }

body#SM {}	/* small banner */
#SM #bodyTable {background:url(../uimages/tmpl/banner-gray.gif) no-repeat; padding-top:11px;}

/* bodyFrame -- centers the entire page content ---- */
#bodyFrame { margin:0 auto; text-align:left; width:764px; position:relative; background:#fff url(../uimages/frameBG.gif) repeat-y }

/* -- general styles -- */
h1 {color:#000; font:normal 22px/27px Georgia, serif; margin:10px 0 }
/* h2 {font:italic 18px Georgia, serif; margin:0 0 10px 0; color:#555;} */
h2 {font:italic 14px Trebuchet MS, Arial, sans-serif;; margin:0 0 10px 0; color:#666;}
h3 {font:normal 17px Georgia, serif; color:#525353; margin-bottom:5px;}
h3.italic {font:italic normal 15px Georgia, serif; color:#000; margin-bottom:5px;}
h4 {font:normal 16px Georgia, serif; margin:0 0 5px 0; padding:0;}
h4.italic {font:italic normal 14px Georgia, serif;}
h6 {font:italic 13px Trebuchet MS, Arial, sans-serif; margin:0 0 10px 0; color:#A49E9C;}
/* Some headings are also defined below for #tbodyRight column */

p {font:13px Trebuchet MS, Arial, sans-serif; padding:0; margin:0 0 12px 0;}
p.landingIntro {margin-top:25px; color:#333;}
p span.introBold {font:bold 12px Georgia, serif; color:#000;}
p.smallText, div.smallText p, div.smallText ul, div.smallText blockquote, div.smallText blockquote p,
	div.smallText a, a.smallText, span.smallText {font-size:12px; line-height:16px;}
p.vocal, div.vocal p, span.vocal {font:14px/20px Georgia, serif;}

body,ul,li,dt,dl,blockquote {font:13px Trebuchet MS, Arial, sans-serif; }

img {border:none; display:block}
form { display:inline }
cite { display:block; margin:3px 0 1em; text-align:right; font:italic 13px/14px "trebuchet ms" }
.articleIntro { background:url(../uimages/dots/h4_gray.gif) repeat-x 0 100%; margin:14px 0; padding-bottom:6px }
.articleIntro p { font:12px/15px "trebuchet ms"; color:#888 }

/* --- useful classes --- */
.dotLine {height:1px; line-height:0; font-size:0; margin:16px 0; 
			background:url(../uimages/dots/h4_gray.gif) 0 0 repeat-x;}

/* div, p, blockquote */
.sideDot { background:url(../uimages/dots/v4_gray.gif) repeat-y; padding-left:12px }

.grayBox {background:#f2f2f2; margin-top:25px; padding:15px}

.hilite { background-color:#ffc }	/* highlighter */

.liteFont { color:#777 }

/* anchor tags */
a:link, a:visited, a:active {color:#338FDE; text-decoration:none; }
a:hover {text-decoration:underline;}

a.more:link, a.more:visited, a.more:active {font:bold 10px Verdana, sans-serif; text-transform:uppercase}
a.back:link, a.back:visited, a.back:active {font:bold 10px Verdana, sans-serif; text-transform:uppercase}

/* mirrors a.arrow (in colors sheets) */
div.arrow { padding:0 8px; background:url(../uimages/bullets/arrow-gray.gif) 0 50% no-repeat }
a.arrow { padding:0 8px; background:url(../uimages/bullets/arrow-blue.gif) 0 50% no-repeat }

/* note: a.offsite triggers behavior in UNOBTRUSIVE.js (including target=blank, and adding an image) */
img.offsite { display:inline !important; padding-left:4px }

img.cart { display:inline !important; padding-left:4px }

a.pdfIcon { padding-right:20px; display:block; background:url(../uimages/bullets/pdf.gif) 100% 0 no-repeat }

a.articleIcon { padding-left:16px; display:block; background:url(../uimages/bullets/article-icon.gif) 0 5px no-repeat }
p.articleBlurb, div.articleBlurb p { padding-left:16px !important; margin-bottom:0 /* careful! */ }

a.upArrow:link, a.upArrow:visited, a.upArrow:active {padding-right:18px;}
/* arrow in innerNav */
a.upArrow:link, a.upArrow:visited, a.upArrow:active {background:url(../uimages/bullets/arrow-up-blue.gif) 100% 50% no-repeat;}

a.video:link, a.video:visited, a.video:active {background:url(../uimages/bullets/video-blue.gif) 0 0 no-repeat; padding-left:18px;}

/* plus/minus popopens -- colored images set in colored style sheets */
a.popopen { background:no-repeat 100% 50%; padding-right:13px }
a.popopen { background-image:url(../uimages/bullets/plus-blue.gif) }
a.popclosed { background:no-repeat 100% 50%; padding-right:13px }
a.popclosed { background-image:url(../uimages/bullets/minus-blue.gif) }
.popThis { display:none; border:1px solid #aaa; background-color:#f8f8f8;
			padding:11px; width:350px; margin-right:0 }	/* width overridden in rcol_ sheets */
.popThis, .popThis * { font-size: 12px }

.clearFloats {clear:both; line-height:1px; font-size:1px;}

div.footnote { margin:3em 0; padding-top:12px; background:url(../uimages/dots/h4_gray.gif) 0 0 repeat-x }
div.footnote, div.footnote p { color:#888; font-size:12px }

p.unfinished { border:2px solid red; background-color:#f6f6f6; padding:10px }

.dated { color:#bbb }	/* see common.asp */
.dated a { color:#999 !important }

/* ------- HEADER -------- */   
#header {border-bottom:1px solid white; width:764px; height:45px; position:relative; background:url(../uimages/tmpl/headerBG.jpg) no-repeat }
#logo {margin-bottom:-30px; position:absolute; top:6px; left:10px; width:321px; height:44px; background:url(../uimages/tmpl/logo-org-fr.gif) no-repeat }
	#logo span {display:none; margin:0;}
	#logo a { display:block; width:321px; height:38px }
	#logo h1 { display:none; margin:0; }
	#logo h2 { display:none; margin:0; }
			
/* ------- UTILITIES & SHORTCUTS -------- */
#utils { position:absolute; top:22px; left:587px; height:36px; color:#ccc}
	#utils a { color:white; font:11px verdana }

#shortCuts {position:absolute; top:71px; left:411px; width:353px; height:17px; text-align:left;
		background:url(../uimages/tmpl/shortcuts-bg.gif) 5px 0 repeat-y;
		font:10px Trebuchet MS, Arial, sans-serif }
	#shortCuts a {color:#fff; text-decoration:none; padding:2px 4px 0 9px;
		background:url(../uimages/tmpl/shortCutsDots.gif) 0 5px no-repeat;}
	#shortCuts a.first {background:none}
	#shortCuts a:hover {color:#eee; text-decoration:underline}


/* ------- MAIN NAV --------

/* right-side lower bground image */
#nav {padding:0 0 0 18px; background:url(../uimages/nav/hash.gif);}
#mainNav {position:relative; top:-28px; width:124px; background-repeat:repeat-y; font:10px verdana;}
	#mainNav div {width:124px;}
	/* dotted line between links */
	#mainNav div.dots {height:1px; line-height:0; font-size:0; padding:0; margin:0; background:url(../uimages/dots/h3.gif) 100% 0 repeat-x;}
	#mainNav a {text-decoration:none; padding:8px; display:block; margin:0;}
	#mainNav a .onNav {color:white; text-decoration:none; padding:8px; display:block; margin:0;}

	/* "on" state. links are images, 1 or 2 lines tall */
	#mainNav div.onLink {padding:0; text-indent:-2000em; overflow:hidden }
	#mainNav a.onLink1 {padding:0; line-height:25px; background-image:none; }
	#mainNav a.onLink2 {padding:0; line-height:38px; background-image:none; }
	
	#mainNav {background-image:url(../uimages/nav/en/BG.gif); color:#001445;}
	#mainNav a {color:#001445}
	#mainNav a:hover {background:url(../uimages/nav/en/BG-over.gif);}
	#mainNav a.on {background:#2576CB; color:#FFFFFF;}

#bodyTable { width:764px }	/* background applied in colored style sheets */

/* banner */
#LG #tbodyBanner { height:145px }
#SM #tbodyBanner { height:71px }

/* MAIN */
#tbodyMain { color:#333333; width:764px !important; }
#tbodyMain #tMainContents { padding:0; }


/* ------- MAIN CONTENT AREA --------*/

	a.bcrumb {display:block; margin:0; padding:7px 0 0; font-size:11px; line-height:14px; font-family:arial;
						color:#8c8c8c !important}

	#tbodyRight p {font:12px Trebuchet MS, Arial, sans-serif; padding:0; margin:0 0 12px 0;}
	#tbodyRight h4 {color:#666 !important; padding:0; margin:0 0 12px 0;}
	#tbodyRight h5 {font:normal 16px Trebuchet MS, Arial, sans-serif; color:#666; padding:0; margin:0;} /*??*/

	#menuItems {margin:3px 0 0 5px;}
	#menuItems a {margin-bottom:5px;}
	a.arrow {float:left; padding:0 8px; background:url(../uimages/bullets/arrow-blue.gif) 0 6px no-repeat;}

/* -- Main Content Area Layout Options -- moved to indiv css files ----

	1- No Right Column - rcol_none.css
	2- Right Column Wide (219px w) - rcol_wide.css
	3- Right Column Narrow (180px w) - rcol_narrow.css
	4- Right Column Wide with large image floated into main text area - rcol_wideJutting.css4
	5- Three columns with right col abs positioned - rcol_threeCol.css 
		(threeCol also used for other layouts - e.g. andrew/spiritual-teacher.asp)
*/
		
		
/* ------- FOOTER --------
	(duplicated in home.css)
*/
#footer {margin:0 auto; width:764px; padding:25px 0; text-align:center;
		background:url(../uimages/tmpl/footer-grad.gif) repeat-x #f3f3f3; border-top:1px solid #aaa}

.footerCol { text-align:left; padding:0 20px; }
#footer h6 {}
#footer p.links { color:#999; font-size:11px }
#footer p.copy { color:#777; font-size:11px }
#footer table { margin-bottom:30px }


/* ------- MISC -------- */

/* page navigator (colored numbers are set in the colored style sheets) */
.pageNav { float:right }
.pageNav a {text-decoration:none; display:block; text-indent:-2000em;
				width:21px; height:21px; background:-21px 0 no-repeat}
.pageNav a:hover {background-position:0 0}
.pageNav a.ON {background-position:-42px 0 }
.pageNav a.ON:hover {background-position:-42px 0}
.page1, .page2, .page3, .page4, .page5, .page6 {float:left; width:21px; height:21px}

/* email signup box. the only thing you should need to customize (override)
	is in the first two lines */
.emailSignup { margin:80px 0 16px 15px; width:135px }
.emailSignup .inner { border:2px solid #fff }

/* don't modify below here */
.emailSignup { background:url(../uimages/tmpl/email-signup-bg.gif) repeat-x }
.emailSignup form { /* CRASHES IE: d:block; m:0 0 10px; p:1px 0 */ }
.emailSignup .inner { border:2px solid #fff; padding:10px }
.emailSignup .eTitle { font:bold 10px/12px "verdana"; color:#454648; margin:0 0 0.6em }
.emailSignup .eDesc, a.privacyLink, .emailPriv p, #emailSignupError
	 { font:10px/12px "verdana"; color:#3D3D3C !important; margin:0 0 0.8em }
a.privacyLink { margin-top:12px }
.emailPriv { display:none; margin-top:8px; background-color:#f3f3f3; padding:7px }

.emailSignup input.email, .emailSignup input.err, .emailSignup input.noErr {
	float:left; margin:2px 10px 0 0;
	width:75px !important; height:13px !important;
	width /**/:77px; height /**/:16px;	/* ie5 boxmodel hack */
	border:1px solid #7C7C7C;
	border-right:1px solid #ddd; border-bottom:1px solid #ddd;
	font:10px "verdana"; color: #555}
.emailSignup input.err { background-color:#FDF5B2 }
.emailSignup input.emailGo {
	float:left;
	width:20px; height:21px; 
	background:url(../uimages/tmpl/email-go.gif) no-repeat }
.emailSignup input.emailGo:hover, .emailSignup input.emailGoHover
	{ cursor:hand; background:url(../uimages/tmpl/email-go-over.gif) no-repeat}

#emailSignupError { display:none; margin:8px 0; padding:7px; background-color:#FAF9E1 }

.sideBarDots {padding-left:10px; background:url(../uimages/dots/v4_gray.gif) repeat-y;}