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

A			{ color: #ca5723; text-decoration: none }
A:hover			{ color: #ca5723; text-decoration: underline }

BODY			{ }
TABLE			{ padding: 0px; margin: 0px; border-collapse: collapse; }
TABLE TD		{ padding: 0px; margin: 0px; border-collapse: collapse; font-family: arial, verdana, tahoma; font-size: 12px; vertical-align: top }
IMG			{ border: 0px; margin: 0px }
FORM			{ margin: 0px }

INPUT			{ font-size: 11px; padding: 2px }
TEXTAREA		{ font: normal 12px arial; padding: 2px }

FORM TABLE TD 		{ padding: 5px }
FORM TABLE TH		{ width: 140px; text-align: right; vertical-align: top; font-size: 12px; padding-top: 7px }
FORM INPUT.submit, 
A.submit		{ font: bold 11px arial; border: 2px solid #831A33; padding: 1px 10px; cursor: pointer; overflow: visible; background: #941936; color: #fff }
A.submit		{ padding: 3px 10px 4px 10px; }
A.submit:hover		{ color: #fff; text-decoration: none }

H1			{ font: normal 18px verdana, arial; line-height: 100%; color: #9e003a; margin-top: 15px; margin-bottom: 10px }
H2			{ font-size: 15px; margin-bottom: 10px; color: #000 }
P			{ margin-top: 10px }

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

#container		{ margin: 0px auto; width: 913px; background: url(images/body-bg.gif) repeat-y center }

#sideBar		{ background: url(images/side-bg.gif) repeat-x 0px 235px; font: normal 11px verdana, tahoma; width: 177px; margin: 0 0 0 7px; float: left; }
* html #sideBar		{ margin: 0 0 0 6px; display: inline } 
#sideBar A		{ float: right; margin-top: 8px }
#sideBar P		{ margin: 0px 0px 2px 0px; }
#sideBar P.title	{ font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #000 }
#sideBar P.date		{ font-weight: bold; margin-bottom: 5px }
#sideBar BLOCKQUOTE	{ margin: 8px 8px; font-size: 10px }
#sideBar H3		{ background: url(images/side-heading-bg.gif) no-repeat; margin: 0px 0px 5px 0px; padding: 5px 0px 5px 10px; font: bold 12px tahoma, arial; color: #1f431e }

.topImage		{ background: url(images/top-left.gif) no-repeat }
.topImage IMG		{ margin-top: 47px; vertical-align: bottom; display: block }

#main			{ width: 722px; margin: 0px 7px 0px 0px; float: right }
* html #main		{ display: inline } 
.content		{ color: #3f3f3f; padding: 5px 20px 15px 20px; background: url(images/content-top-bg.gif) repeat-x top }
.content img		{ border: 1px solid #444 }

div.contentTitle	{ background: url(images/title-bg.gif) repeat-x; height: 47px; font: normal 11px arial }
div.contentTitle IMG	{ margin: 0px; padding: 0px; vertical-align: bottom }
div.contentTitle UL	{ float: right; padding: 17px 20px 0px 0px; margin: 0px; list-style-type: none }
div.contentTitle LI	{ display: inline; padding: 0px 4px }
div.contentTitle A	{ color: #5f885b; font-weight: bold }

IMG.banner		{ display: block; vertical-align: bottom }

UL#menu			{ background: transparent url(images/menu.gif) no-repeat 0px 0px; height: 34px; position: relative; z-index: 1; font-size: 12px; text-align:left; padding: 0px; margin: 0px; list-style: none }
UL#menu LI		{ float: left; margin: 0px; }
UL#menu A 		{ background: transparent url(images/menu.gif) no-repeat; display: block; height: 34px; text-indent: -9000px; text-decoration: none; overflow: hidden; }

#menu #gracelight A		{ background-position: 0px 0px; width: 123px; margin-left: 0px; }
#menu #gracelight A:hover,
UL#menu.gracelight #gracelight A	{ background-position: 0px -34px; }

#menu #empowerment A		{ background-position: -125px 0px; width: 117px; margin-left: 2px; }
#menu #empowerment A:hover,
UL#menu.empowerment #empowerment A	{ background-position: -125px -34px; }

#menu #gatherings A		{ background-position: -244px 0px; width: 102px; margin-left: 2px; }
#menu #gatherings A:hover,
UL#menu.gatherings #gatherings A	{ background-position: -244px -34px; }

#menu #testimonials A		{ background-position: -348px 0px; width: 115px; margin-left: 2px; }
#menu #testimonials A:hover,
UL#menu.testimonials #testimonials A	{ background-position: -348px -34px; }

#menu #questions A		{ background-position: -465px 0px; width: 105px; margin-left: 2px; }
#menu #questions A:hover,
UL#menu.questions #questions A	{ background-position: -465px -34px; }

#menu #specialmessage A		{ background-position: -572px 0px; width: 148px; margin-left: 2px; }
#menu #specialmessage A:hover,
UL#menu.specialmessage #specialmessage A	{ background-position: -572px -34px; }


#footer			{ text-align: center; font-size: 10px }
#footer A.dyna		{ display: block }
#footer DIV.right	{ color: #fff; text-align: center; font: normal 11px tahoma; width: 722px; margin: 0px 7px 0px 0px; float: right; display: inline; background: url(images/footer-bg.gif) repeat-x; height: 35px }

#footer UL		{ padding: 10px 0px 0px 0px; margin: 0px; list-style-type: none }
#footer UL LI		{ display: inline; padding: 0px 3px }
#footer A		{ color: #fff; }
#footer A:hover		{ color: #fff; text-decoration: underline }


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

OL.faqListQ		{ padding-bottom: 30px; background: url(images/separator.gif) no-repeat bottom center }
OL.faqListQ LI		{ padding-bottom: 5px }
OL.faqListA LI		{ border-bottom: 1px solid #eec871; padding-bottom: 5px }
OL.faqListA LI H4	{ margin: 12px 0px 5px 0px; 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 }

/*******************  
*	CALENDAR
********************/

.calendar 			{ width: 100%; line-height: 130%; margin: 0px 0px 10px 0px } 
.calendar TD			{ border: 1px solid #e7b442; padding: 5px; font-size: 11px; background: #fff; text-align: center }
.calendar .header TD		{ background: #fff6cd; font-weight: bold }
.calendar .month		{ width: 50px; vertical-align: middle } 
.calendar .date			{ width: 50px; vertical-align: middle } 
.calendar .reg			{ vertical-align: middle } 
.calendar P			{ margin: 0px }
.calendar A			{ display: block; padding-bottom: 6px }

.calendarDetail			{ width: 100% } 
.calendarDetail TD		{ border: 1px solid #aaa; padding: 5px; font-size: 11px; background: #fff }
.calendarDetail .header TD	{ background: #ddd; font-weight: bold }
.calendarDetail .date		{ width: 100px; text-align: center } 
.calendarDetail .speaker	{ text-align: center } 



.products 			{ width: 95%; line-height: 120%; margin-left: 20px } 
.products TD			{ border: 1px solid #e7b442; padding: 10px; font-size: 11px; background: #fff }
.products .header TD		{ background: #fff6cd; font: bold 14px arial }
.products .details		{ width: 100px; text-align: center; font: bold 14px arial } 
.products .details a		{ display: block; margin-top: 10px }
.products .details img		{ border: 0px }
.products .item	p		{ font-size: 14px; font-weight: bold; margin-bottom: 5px }
.products .item	img		{ float: left; margin: 0px 10px 5px 0px }
.products P			{ margin: 0px }
.products A			{ display: block; padding-bottom: 6px }

div.videoBox			{ margin: 15px 0px; padding: 15px 20px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #eee }
div.videoBox H1, div.videoBox H2 { margin-top: 0px }
div.videoBox .left		{ float: left; width: 300px }
div.videoBox .right		{ float: right; width: 300px }

.boxYellow			{ background: #fff6cd url(images/boxhead-right.gif) no-repeat top right; width: 330px }
.boxYellow H3			{ color: #000; margin: 0px; padding: 4px 0px 4px 12px; background: url(images/boxhead-left.gif) no-repeat top left; font-size: 12px }
.boxYellow blockquote		{ border: 1px solid #e7b442; border-top: 1px solid #fff6cd; padding: 10px; margin: 0px; font-size: 11px }
.boxYellow blockquote p		{ margin: 0px 0px 7px 0px }
.boxYellow ol			{ margin-top: 5px; margin-bottom: 5px }
* .boxYellow div		{ height: 140px }

.testimonial 			{ margin: 20px 0px 15px 0px; padding-bottom: 35px; font-style: italic; background: url(images/separator.gif) no-repeat bottom center }
.testimonial STRONG		{ display: block }
/** IE breaks cause of italics **/
* html .testimonial 		{ width: 685px }


.tabData 			{ width: 100%; line-height: 130%; margin: 0px 0px 10px 0px } 
.tabData TD			{ border: 1px solid #e7b442; padding: 0px; font-size: 11px; }
.tabData TD H2			{ margin: 0; padding: 5px 10px; background: #e7b442 }
.tabData TD DIV			{ padding: 3px 10px }
.tabData TD DIV P		{ margin: 3px 0 }
.tabData TD .odd		{ background: #FCF6EA }

.tabData TD H4			{ margin: 3px 0 }


/*******************  
*	NEWS
********************/

DIV.news			{  }
DIV.news H4			{ font-size: 12px; margin-bottom: 4px }
DIV.news P			{ margin: 0 0 4px 0; font-size: 11px }
DIV.news .small			{ color: #666; font-style: italic }
DIV.news .indent		{ padding-left: 30px }
DIV.news .details		{  }
DIV.news .last			{ padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px }

DIV.newsMain .title		{ font-style: normal; font-weight: bold; font-size: 15px }
DIV.newsMain .date		{ font-style: italic; font-size: 12px; margin-bottom: 10px; color: #666 }
DIV.newsMain .details		{ }
DIV.newsMain .download		{ font-weight: bold; }
DIV.newsMain .download A	{ font-weight: normal; }

UL.pageNumbers			{ text-align: right; padding: 0px; margin: 0px; margin-top: 15px; white-space: nowrap; list-style-type: none; }
UL.pageNumbers LI		{ display: inline; }
UL.pageNumbers LI.PNtitle	{ font-weight: bold; padding-right: 10px }
UL.pageNumbers LI.PNprev	{ padding-right: 8px }
UL.pageNumbers LI.PNnext	{ padding-left: 5px }
UL.pageNumbers LI.PNspacer	{ padding-right: 3px }

DIV.separator			{ padding: 15px 0; height: 10px; background: url(images/separator.gif) no-repeat center center }

TABLE.gallery			{ width: 100%; margin-top: 10px }
TABLE.gallery TD		{ text-align: center; padding-bottom: 12px }

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

.floatRight		{ float: right; margin: 0px 0px 5px 10px }
.floatLeft		{ float: left; margin: 0px 15px 5px 0px }
.content .noBorder,
.noBorder		{ border: 0px }
.noBottom		{ margin-bottom: 0px }
.noTop			{ margin-top: 0px }


/* 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 */

/* banners */
img 		{ filter: alpha(opacity=100) }
img.idupe 	{ position: absolute; z-index: 30000; visibility: hidden }
