/**
 * Mosaic Healing Arts, Copyright 2007
 *
 * Element positioning styles
 */
 
#pageContainer {
	width:					920px;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#FFFFFF;
}

#pageHeader {
	height:					192px;
}

#pageHeaderLeft {
	float:					left;
	width:					127px;
	height:					192px;
	background-image:		url(../images/header_mosaic_logo.gif);
	background-repeat:		no-repeat;
}

#pageHeaderLeftOutreach {
	float:					left;
	width:					127px;
	height:					192px;
	background-image:		url(../images/header_outreach_logo.gif);
	background-repeat:		no-repeat;
}

#pageHeaderRight {
	float:					left;
	width:					793px;
	height:					192px;
}

#pageHeaderSpacer {
	background-image:		url(../images/header_spacer.gif);
	background-repeat:		no-repeat;
}

#pageContentHeader {
	clear:					both;
	background-image:		url(../images/page_content_header.gif);
	background-repeat:		no-repeat;
	font-size:				1px;
	width:					920px;
	height:					15px;
}

#pageContentFooter {
	clear:					both;
	background-image:		url(../images/page_content_footer.gif);
	background-repeat:		no-repeat;
	font-size:				1px;
	width:					920px;
	height:					15px;
}

#pageFooterInner {
	padding-top:			15px;
	text-align:				center;				
}

.contentWrapper{
	float: 					left;
	width: 					100%;
}

#contentColumn{
	margin-left: 			561px; /*Set left margin to LeftColumnWidth*/
}

#leftColumn{
	float: 					left;
	width: 					561px; /*Width of left column*/
	margin-left: 			-880px; /*Set left margin to -(MainContainerWidth)*/
}

#tabContentColumn {
	margin-left: 			22px; /*Set left margin to LeftColumnWidth*/
	margin-right:			22px;
	height:					33px;
	background-color:		#C3DE91;
}

#tabLeftColumn {
	float: 					left;
	width: 					22px; /*Width of left column*/
	margin-left: 			-920px; /*Set left margin to -(MainContainerWidth)*/
	background-image:		url(../images/tab_left.gif);
	background-repeat:		no-repeat;
	height:33px;
}

#tabRightColumn {
	float: 					right;
	width: 					22px; /*Width of left column*/
	margin-left: 			-22px; /*Set left margin to -(MainContainerWidth)*/
	background-image:		url(../images/tab_right.gif);
	background-repeat:		no-repeat;
	height:33px;
}

#pageContentPadder {
	padding-left:			20px;
	padding-right:			20px;
	padding-bottom:			43px;
}

#contentDivider {
	clear:					both;
	height:					29px;
}

#contentLevel3 {
	width:					880px;
}

#tabSpacer {
	width:					2px;
	font-size:				1px;
}

#eventsHeader {
	width:					319px;
	height:					31px;
	background-image:		url(../images/events_header.gif);
	background-repeat:		no-repeat;
	font-size:				1px;
}

#eventsFooter {
	width:					319px;
	height:					10px;
	background-image:		url(../images/event_footer.gif);
	background-repeat:		no-repeat;
	font-size:				1px;
}

#eventsContent {
	background-color:		#F4F9EA;
}

#eventsPadder {
	padding-top:			15px;
}

#leftColumnLevel1Padder {
	padding-top:			25px;
}

#leftColumnLevel1TitleSpacer {
	height:					34px;
}

#eventsContentInner {
	padding-top:			15px;
	padding-bottom:			8px;
}

#eventItemSpacer {
	height:					13px;
	font-size:				1px;
}

#leftColumnLevel1ContentInner {
	padding-right:			40px;
	text-align:				left;
	padding-bottom:			0px;
}

#contentColumnLevel2 {
	margin-left:			682px;
}

#contentColumnLevel2Inner {
	padding-left:			20px;
}

#contentColumnlevel2A {
	float:					left;				
	width:					129px;
	height:					137px;
	margin-left:			-880px;
	background-image:		url(../images/brooke.jpg);
	background-repeat:		no-repeat;
}

#contentColumnlevel2B {
	float:					left;
	width:					25px;
	margin-left:			-751px;
}

#contentColumnlevel2C {
	float:					left;
	width:					177px;
	margin-left:			-726px;
	vertical-align:			top;
	padding-top:			-5px;
	margin-top:				-5px;
}

#contentColumnlevel2D {
	float:					left;
	width:					25px;
	margin-left:			-549px;
}

#contentColumnlevel2E {
	float:					left;
	width:					174px;
	margin-left:			-524px;
	padding-top:			-5px;
	margin-top:				-5px;
}

#contentColumnlevel2F {
	float:					left;
	width:					31px;
	margin-left:			-350px;
}

#contentColumnlevel2G {
	float:					left;
	width:					121px;
	margin-left:			-319px;
}

#iconUpper {
	width:					121px;
	height:					74px;
	background-image:		url(../images/outreach.jpg);
	background-repeat:		no-repeat;
}

#iconSpacer {
	height:					16px;
}

#iconLower {
	width:					121px;
	height:					74px;
	background-image:		url(../images/donate.jpg);
	background-repeat:		no-repeat;
}

#iconUpperText {
	padding-top:			-5px;
	margin-top:				-5px;
}

#iconLowerText {
	padding-top:			-10px;
	margin-top:				-10px;
}

#pageContentRightInner {
	padding-top:			20px;
	padding-bottom:			35px;
}

#pageContentLeftInner {
	padding-right:			40px;
	padding-bottom:			35px;
}

.pageContentSpacer {
	height:					30px;
}