/*******************  
*	DEFAULTS
********************/

a			{ color: #2E78B7; text-decoration: underline }
a:hover			{ color: #2E78B7; text-decoration: none }

body			{ color: #363636; font: normal 14px arial, verdana; line-height: 130% }
table			{ padding: 0px; margin: 0px; border-collapse: collapse; }
table td		{ padding: 0px; margin: 0px; border-collapse: collapse; vertical-align: top }
img			{ border: 0px; margin: 0px }
form			{ margin: 0px }
p			{ margin-bottom: 20px }

h1			{ font: bold 24px arial, verdana, arial; color: #363636; line-height: 100%; margin: 15px 0 20px }
h2			{ font: normal 20px arial; margin: 15px 0 20px; color: #363636; }
h3			{ font: bold 18px arial; margin: 15px 0px }

INPUT,
SELECT,
TEXTAREA		{ background-color: #ffffa0; border: 1px solid #F3EB9B; font: normal 12px arial, tahoma; padding: 2px 3px }

form table		{ margin-bottom: 15px }
form table th		{ text-align: right; vertical-align: top }
form table th,
form table td		{ padding: 4px 5px }

a.button,
input.submit		{ background: #e7e7e7; border: 1px solid #aaa; color: #3B7F08; font: bold 11px verdana, arial; padding: 2px 7px; text-decoration: none }

a.button:hover		{ text-decoration: underline }

/******************* 
*	STRUCTURE
********************/

#outerContainer		{ background: #fff url(images/menu-bg.png) repeat-x 0 184px; }
#container		{ margin: 0 auto; width: 997px }

#header			{ height: 184px; margin: 10px 0 0; background: url(images/dots-vertical.png) repeat-y 425px 0 }
#header .logo		{ margin: 55px 0 0 40px }
#header .zen		{ float: right; margin-top: 12px }
#header h1		{ text-align: center; color: #F35D28 }

.noHeader #header	{ display: none }
.noHeader #outerContainer { background-position: 0 0 }

UL#nav			{ padding: 0; margin: 3px 0 0; list-style: none; width: 997px }
UL#nav LI		{ float: left; margin: 0; padding: 0 }
UL#nav A		{ height: 37px; background: transparent url(images/menu.png) no-repeat; display: block; text-indent: -9000px; text-decoration: none; overflow: hidden; }

#nav #home A			{ background-position: 0px 0px; width: 92px }
#nav #home A:hover,
UL#nav.home #home A		{ background-position: 0px -37px; }

#nav #testimonials A		{ background-position: -92px 0px; width: 145px }
#nav #testimonials A:hover,
UL#nav.testimonials #testimonials A	{ background-position: -92px -37px; }

#nav #academy A			{ background-position: -237px 0px; width: 138px }
#nav #academy A:hover,
UL#nav.academy #academy A	{ background-position: -237px -37px; }

#nav #store A			{ background-position: -375px 0px; width: 80px }
#nav #store A:hover,
UL#nav.store #store A		{ background-position: -375px -37px; }

#nav #events A			{ background-position: -455px 0px; width: 141px }
#nav #events A:hover,
UL#nav.events #events A		{ background-position: -455px -37px; }

#nav #resources A		{ background-position: -596px 0px; width: 133px }
#nav #resources A:hover,
UL#nav.resources #resources A	{ background-position: -596px -37px; }

#nav #whoweare A		{ background-position: -729px 0px; width: 139px }
#nav #whoweare A:hover,
UL#nav.whoweare #whoweare A	{ background-position: -729px -37px; }

#nav #community A		{ background-position: -868px 0px; width: 129px }
#nav #community A:hover,
UL#nav.community #community A	{ background-position: -868px -37px; }

.ssc UL#nav a				{ background-image: url(images/menu-member.png) }
.ssc #outerContainer			{ background-image: url(images/menu-member-bg.png) }

.ssc #nav #programroadmap A				{ background-position: 0px 0px; width: 115px }
.ssc #nav #programroadmap A:hover,
.ssc UL#nav.programroadmap #programroadmap A		{ background-position: 0px -37px; }

.ssc #nav #smartsoulcurriculum A			{ background-position: -115px 0px; width: 127px }
.ssc #nav #smartsoulcurriculum A:hover,
.ssc UL#nav.smartsoulcurriculum #smartsoulcurriculum A	{ background-position: -115px -37px; }

.ssc #nav #smartsoulcoaching A				{ background-position: -242px 0px; width: 118px }
.ssc #nav #smartsoulcoaching A:hover,
.ssc UL#nav.smartsoulcoaching #smartsoulcoaching A	{ background-position: -242px -37px; }

.ssc #nav #community A				{ background-position: -360px 0px; width: 131px }
.ssc #nav #community A:hover,
.ssc UL#nav.community #community A		{ background-position: -360px -37px; }

.ssc #nav #product A				{ background-position: -491px 0px; width: 116px }
.ssc #nav #product A:hover,
.ssc UL#nav.product #product A			{ background-position: -491px -37px; }

.ssc #nav #upcomingcourses A			{ background-position: -607px 0px; width: 138px }
.ssc #nav #upcomingcourses A:hover,
.ssc UL#nav.upcomingcourses #upcomingcourses A	{ background-position: -607px -37px; }

.ssc #nav #askzen A				{ background-position: -745px 0px; width: 113px }
.ssc #nav #askzen A:hover,
.ssc UL#nav.askzen #askzen A			{ background-position: -745px -37px; }

.ssc #nav #whoweare A				{ background-position: -858px 0px; width: 139px }
.ssc #nav #whoweare A:hover,
.ssc UL#nav.whoweare #whoweare A		{ background-position: -858px -37px; }


.content		{ padding-bottom: 15px }

#outerFooter		{ background: #f0f0f0 url(images/footer-bg.png) repeat-x }
#footer			{ text-align: center; font-size: 12px; margin: 0 auto; padding: 15px 0 25px; width: 997px; color: #858585; }

#footer A		{ color: #858585; text-decoration: none; border-bottom: 1px dotted #535353 }
#footer A:hover		{ color: #313131; text-decoration: none; border-bottom: 1px dotted #313131 }

#footer UL		{ padding: 0; margin: 0 0 10px; list-style-type: none }
#footer UL LI		{ display: inline; padding: 0px 5px }
#footer UL LI a		{ color: #555 }

#footer .listPages		{ margin: 5px 0 15px; text-align: center }
#footer .listPages a		{ color: #555; margin: 0 8px }
#footer .listPages a:hover	{ color: #222 }

.loginBox		{ text-align: right; margin: 0 20px 20px 0; background: url(images/icon-logins.png) no-repeat 30px 2px }
.loginBox div		{ margin-bottom: 4px }

.loginDetails		{ height: 90px; text-align: right }
.loginDetails a		{ font: bold 12px arial; text-decoration: none; padding: 0 3px }
.loginDetails a:hover	{ text-decoration: underline }

img.borderFrame		{ padding: 1px; border: 3px solid #999 } 

/*******************  
*	CONTENT 
********************/

#crumbs			{ color: #666; font: normal 10px arial; padding: 0; margin: 10px 0 5px; z-index: 100 }
#crumbs a		{ color: #666; margin: 0 3px; border-bottom: 1px dotted #888; text-decoration: none }
#crumbs a:hover		{ color: #535353; text-decoration: none; border-bottom: 1px solid #535353 }

.ssn			{ padding: 0; margin: 0 0 5px; list-style-type: none }
.ssn li			{ float: left; padding: 0px 2px; font: normal 9px arial; text-align: center }
.ssn li a		{ display: block; width: 44px; height: 16px; padding-top: 45px; background: url(images/icons-ssn.png) no-repeat; overflow: hidden }

.ssn .facebook		{ background-position: 0px 0px }
.ssn .twitter		{ background-position: -46px 0px }
.ssn .linkedin		{ background-position: -92px 0px }
.ssn .blog		{ background-position: -138px 0px }
.ssn .youtube		{ background-position: -179px 0px }

.colRight		{ float: right; width: 240px; padding: 0 25px 0 25px; margin-left: 20px; background: url(images/dots-vertical.png) repeat-y left }
.colLeft		{ float: left; width: 680px; }

.box1			{ width: 195px; padding: 0 20px 10px; margin-bottom: 15px; font-size: 12px; line-height: 130%; background: url(images/box1-bg.png) no-repeat bottom }
.box1 h3		{ margin: 0 -20px 0; padding: 18px 0 12px; font-weight: normal; text-align: center; background: url(images/box1-bg.png) no-repeat top }


.box2			{ width: 636px; padding: 0 15px 10px; margin: 30px 0 15px; background: url(images/box2-bg.png) no-repeat bottom left }
.box2 h2		{ margin: 0 -15px 0; padding: 13px 15px 0; background: url(images/box2-bg.png) no-repeat top left }

.box2Blank		{ background: none; padding-bottom: 0; margin-bottom: 3px }
.box2Blank h2		{ background: none }

.box3			{ width: 636px; padding: 0 15px 0; margin: 25px 0 25px; background: #FFF9E9; border: 1px solid #FFBA00; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.box3Blank		{ background: #fff; border: 0 } 

.dotSeparator		{ padding-bottom: 10px; margin-bottom: 20px; background: url(images/dots-horizontal.png) repeat-x bottom }
.box1 .dotSeparator	{ padding-bottom: 10px; margin-bottom: 10px; }

.dotSeparatorLeft	{ padding-left: 20px; margin-left: 20px; background: url(images/dots-vertical.png) repeat-y left }
.dotSeparatorRight	{ padding-right: 20px; margin-right: 20px; background: url(images/dots-vertical.png) repeat-y right }
.dotSeparatorTop	{ padding-top: 20px; margin-top: 20px; background: url(images/dots-horizontal.png) repeat-x top }


.price			{ color: #2a65ae; font: bold 16px arial }

#backOverlay 		{ position: absolute; left: 0; width:100%; background-color: #000; z-index:1000; cursor: default; }
.overlayBox		{ max-width: 600px; background: #fff; padding: 20px 30px; border: 2px solid #333; position: absolute; top: 0px; left: 0px; z-index: 1001; display: none; visibility: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.overlayBoxClose	{ font: bold 12px arial; text-decoration: none; display: block; float: right; color: #eee; background: #333; border: 1px solid #333; border-top: 0; border-right: 0; padding: 5px 12px; margin: -20px -30px 0 0; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.overlayBox h1,
.overlayBox h2,
.overlayBox p		{ margin: 0 0 20px }

#holdHarmless		{ display: none }
#holdHarmless div	{ font-size: 11px; line-height: 120%; overflow: auto; width: 100%; height: 200px; margin-bottom: 20px }



/*******************  
*	MEMBERS AREAS
********************/

.memberBox		{ margin-bottom: 15px; padding: 0 15px 0; background: #f8f8f8; border: 1px solid #bbb; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.memberBox .audio	{ font: bold 14px arial }
.memberBox .audio span { font: normal 11px verdana; color: #888 }
.memberBox .audio a	{ font: normal 11px verdana; padding-left: 5px }
.memberBox a.toggle	{ float: right; font: normal 11px verdana; margin: 12px 0 0;  }
.memberBox div h3	{ border-bottom: 1px dotted #bbb; margin-left: -15px; margin-right: -15px; margin-top: 25px; padding: 0 15px }
.memberBox .list1	{ padding-bottom: 2px }

h3.weekList		{ color: #1D69B7; cursor: pointer; border-left: 0; border-right: 0; font: bold 16px arial; padding: 12px 0px 10px; margin: 0 }

.adverBox		{ padding: 0 15px 0; margin: 25px 0 25px; background: #FFF9E9; border: 1px solid #FFBA00; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.adverBox p		{ margin: 8px 0 8px }

.box4			{ padding: 10px 13px; font-size: 12px; background-color: #ecf5ff; border: 1px solid #99c7ff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }


/*******************  
*	FAQ
********************/

OL.faqListQ		{ border-bottom: 1px dashed #aaaaaa; padding-bottom: 20px }
OL.faqListQ LI		{ padding-bottom: 5px }

OL.faqListA LI		{ border-bottom: 1px dashed #aaaaaa; padding-bottom: 5px }
OL.faqListA LI H4	{ margin-bottom: 5px; font-size: 14px }
OL.faqListA .file	{ padding: 3px 0px 0px 0px; font-weight: bold }
OL.faqListA .file A	{ font-weight: normal }
OL.faqListA p.top	{ text-align: right; font-size: 10px; margin: 3px 0px }

/*******************  
*	UTILS
********************/

.floatLeft		{ float: left; margin-right: 15px; margin-bottom: 10px }
.floatRight		{ float: right; margin-bottom: 10px; margin-left: 10px }
.floatRightClear	{ clear: right }
.noDisplay		{ display: none }
.noTop			{ margin-top: 0 }
.noBottom		{ margin-bottom: 0; padding-bottom: 0 }
.noRight		{ margin-right: 0 }
.content .noBorder	{ border: 0 }
.textCenter		{ text-align: center }
.textRight		{ text-align: right }
.noBackground		{ background-image: none }
.smallNote		{ font-size: 11px; font-style: italic; color: #888 }
.textSmaller		{ font-size: 11px }


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */