/* CSS */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	color: #342f3e;
	background: #eeebf3 url(/images/main-bg.gif) center repeat-y;
	margin: 0;
	min-height: 100%;
	height: 100%;
	font-size: 11px;
}
html>body body {
	height: auto;
}

/* LAYOUT */

#container {
	position: absolute;
	top: 0;
	left: 0;
	width: 780px;
	margin-left: -390px;
	left: 50%;
	min-height: 100%;
	height: 100%;
}
html>/**/body #container {
	margin-left: -390px;
}
html>body #container {
	height: auto;
}

#main-container {
	width: 780px;
	margin-bottom: 43px;
}

#header {
	background: #eeebf3 url(/images/header.jpg) top center no-repeat;
	height: 166px;
	width: 780px;
	overflow: hidden;
}
#header h1 {
	visibility: hidden;
}

/* FOOTER */

#footer {
	clear:both;
	background: #eeebf3 url(/images/baseline.jpg) bottom center no-repeat;
	font-size: 10px;
	font: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #9d8cbb;
	position: absolute;
	width: 780px;
	margin-left: -390px;
	left: 50%;
	bottom: 0;
	height: 25px;
	overflow:hidden;
	padding: 18px 0 0 0;
}

/* CONTENT */
#content {
	width: 301px;
	/* must have some padding at the bottom*/
	padding: 15px 15px 43px 20px;
	margin: 0px 0 0 205px;
	background: #ffffff;
}
html>body #content {
	width: 329px;
}
#left-column{
	background: #ede7cf url(/images/left-column-bg.gif) top repeat-x;
	float: left;
	width: 185px;
	margin: 0 0 43px 7px;
	padding: 6px;
	min-height: 100%;
}
#right-column {
	margin: 0 7px 43px 1px;
	padding: 0;
	width: 197px;
	float: right;
	background: #e1ead1 url(/images/right-column-bg.gif) top repeat-x;
}

/* MEMBERS-LOGIN */
#member-login {
	background: url(/images/member-login-bg.gif) top no-repeat;
	height: 109px;
	width: 186px;
	margin: 8px 0 10px 0;
}
.login-formbox-u {
	font-family: Arial, Helvetica, sans-serif;
	color: #8167ba;
	border-style: none;
	margin: 0;
	background-color: #ffffff;
	padding: 0 0 0 3px;
	width: 115px;
	overflow: hidden;
	margin-left: 50px;
	font-size: 11px;
}
.login-formbox-p {
	font-family: Arial, Helvetica, sans-serif;
	color: #8167ba;
	border-style: none;
	margin: 14px 0 9px 0;
	background-color: #ffffff;
	padding: 0 0 0 3px;
	width: 50px;
	overflow: hidden;
	margin-left: 69px;
	font-size: 11px;
}
.login-formbox-e {
	margin: 8px 9px 2px 8px;
}
html>/**/body .login-formbox-e {
	margin: 11px 9px 2px 8px;
}
#loginbox {
	width: 177px;
	height: 109px;
	padding: 0px;
	margin-top: 0px;
}
#loginfields {
	width: 186px;
	padding: 44px 0 0 0;
	height: 57px;
	margin-bottom: 5px;
}
/* MEMBERS-RESOURCES */
#members-resources {
	margin: -7px 0 0 0;
}
.members-text {
	margin: 0 0 5px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}
/* WHEN2PRAY */
#when2pray-button {
	width: 184px;
	height: 102px;
	float: right;
	margin: 28px 13px 0 0; 
}
#eprayer-button {
	width: 184px;
	height: 28px;
	float: right;
	margin: 0px 0px 0 0; 
}

/* NEWS */
#news {
	width: 184px;
	margin: 7px 13px 0 7px;
	background: url(/images/news-bg.gif) top center repeat-y;
}
#news-top {
	width: 184px;
	height:31px;
	margin: 0;
	background: url(/images/news-header.gif) top center no-repeat;
}
#news-body {
	width: 169px;
	margin: 0;
	padding: 10px 5px 1px 10px ;
	min-height: 120px;
	background: url(/images/news-grad.gif) top center no-repeat;
}
#news-base {
	width: 184px;
	height: 6px;
	margin: 0;
	background: url(/images/news-base.gif) bottom center no-repeat;
}
.news-text {
	color: #ffffff;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.news-text:link, a.news-text:visited, a.news-text:active {
	color: #ded7ed;
}
a.news-text:hover {
	color: #ffffff;
}
	
/* NEWSLETTER */
#newsletter {
	margin: 4px 1px 0 4px;
	width: 184px;
	height: 28px;
}
/* COURSES & EVENTS */
#courses {
	width: 184px;
	margin: 7px 13px 0 7px;
	background: url(/images/courses-events-bg.gif) top center repeat-y;
}
#courses-top {
	width: 184px;
	height:31px;
	margin: 0;
	background: url(/images/courses-events-header.gif) top center no-repeat;
}
#courses-body {
	width: 169px;
	margin: 0;
	padding: 10px 5px 1px 10px ;
	min-height: 120px;
	background: url(/images/courses-events-grad.gif) top center no-repeat;
}
#courses-base {
	width: 184px;
	height: 16px;
	margin: 0;
	background: url(/images/courses-events-base.gif) bottom center no-repeat;
}
.courses-text {
	color: #342f3e;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* PROMOS */
.promo-header {
	color: #342f3e;
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 27px;
}
.promo-text {
	color: #342f3e;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.promo-text:link, a.promo-text:visited, a.promo-text:active {
	color: #573a96;
}
a.promo-text:hover {
	color: #8167ba;
}
#promo1 {
	background: url(/images/promo1.jpg) top no-repeat;
	width: 182px;
	height: 84px;
	margin-top: 4px;
	padding: 3px 10px 10px 135px 
}
#promo2 {
	background: url(/images/promo2.jpg) top no-repeat;
	width: 182px;
	height: 84px;
	margin-top: 4px;
	padding: 3px 10px 10px 135px 
}
#promo3 {
	background: url(/images/promo3.jpg) top no-repeat;
	width: 182px;
	height: 84px;
	margin-top: 4px;
	padding: 3px 10px 10px 135px 
}