/* Not ideal but used relative and absolute positioning to 
work around IE anomolies rather than IE specific attributes. 
This solution produced the most consistent results across 
the different browser types and versions.
Appropriate given that the content is not dynamic.
*/

/* --- Main container Layout ----------------------------- */
#loading {
	position:relative;
	bottom: 0px;
	border: 0px solid #C8C2A3;
	background-image: url(../images/Cream-02.jpg);
	width: 980px;
	height: 850px;
	margin: 0px auto;
	padding:0px;
	visibility: visible;
	border: 1px solid #EEDDBB;
	/* text-align: left; IE 6 Fix  */
}

/* --- Header Layout ------------------------------------- */
#header {
	float: left;
	width: 930px;
	height: 80px;
	margin: 20px 20px 0px;
	padding: 0px;	
}
.header_image {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}

.header_image_r {
	float: right;
	padding-right: 50px;
	padding-left: 20px;
}

/* --- Menu Layout --------------------------------------- */
#menu {
	xposition: relative;
	xtop: -30px;
	xleft: 340px;
	xpadding-left: 10px;
	color: #5252FF;
	border: 0px solid #000000;
}

/* --- Left Column Layout -------------------------------- */
#graphic {
	position: absolute;
	left: 21px;
	top: 150px;
	border: 3px solid #FFFFFF;
}

/* Used in Publications to display book and CD covers */

.graphic_image_none {
	float: none;
	margin: 15px;
	font-size: 11px;
	line-height: 14px;
}

.graphic_image_right {
	float: right;
	margin: 0px 20px 0px 0px;
}

.graphic_image_left {
	float: left;
	margin: 0px 0px 0px 20px;
}

/* --- Content Layout ------------------------------------- */
#content {
	position: absolute;
	/* float: left; */
	top: 133px;
	left: 410px;
	width: 487px;
	font-size: 13px;
	text-align: left;
	color: #000000;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	line-height: 18px;
	border: 0px solid #FFFFFF;
}

.book_status {

}


/* --- Quote Layout ------------------------------------- */
.quote {
	float: left;
	margin-bottom: 24px;
	border: 1px solid #EEDDBB;
	padding: 20px;
	width: 445px;
}


/* --- Charisma Layout ------------------------------------- */
.charisma {
	position: absolute;
	top: 760px;
	clear: both;
	width: 870px;
	margin-bottom: 24px;
	border: 1px solid #EEDDBB;
	padding: 20px;
	margin-left: 20px;
	line-height: 18px;
}

.charisma_concept {
	float: left;
	width:420px;
	border: 0px solid #666666;
}

.charisma_book {
	float: right;
	width: 420px;
	border: 0px solid #666666;
}

.charisma_image_left {
	float: left;
	margin: 0px 0px 0px 0px;
}


.float_right {
	float: right;
}

/* --- Workshop Layout ------------------------------------- */
#workshop-content {
	font-size: 18px;
	padding-top: 30px;
	padding-right: 120px;
	padding-bottom: 30px;
	padding-left: 120px;
	line-height: 25px;
}

#workshop-content ul {
	list-style-image: url(../images/bullet-01.png);
	margin-left: 50px;
}

.workshop-plain {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	line-height: 30px;
}

.workshop-border {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border: 1px solid #EEDDBB;
	text-align: center;
}

.invite {
	background-color: #FFFFFF;
}

/* --- EnentBrite Layout ------------------------------------- */

#events-content {
	margin-right: 120px;
	margin-left: 120px;
}