body{
	margin:0px;
	padding:0px;
}
.container{
	margin-left:auto;
	margin-right:auto;
	width:980px;
}

.rightside{
	float:right;
	width:337px;
	text-align:right;
	
}
.leftside{
	float:left;
	width:640px;
}

.topLogo{
	float:left;
}

.content{
	font-family:Arial, Helvetica, sans-serif;
	color:#6b6650;
	font-size:12px;
	line-height:17px;
	padding:10px;
}

.topAddress{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:right;
	float:right;
	height:171px;
}
.topPhone{
	font-size:14px;
}

.menucontainer{
	clear:both;
}

.menuSpacer{
	padding-left:10px;
}

.spacer{
	height:10px;
}

.footerContainer{
	margin-left:auto;
	margin-right:auto;
	width:980px;
}


/*FOOTER MENU STYLES*/
.footerMenu{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6551;
	padding-top:10px;
	text-align:right;
}

.footerMenu ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.footerMenu li{
display:inline;
padding:0px;
margin:0px;
}

.footerMenu a{

width:50px;
text-decoration:none;
color:#6b6551;
font-weight:bold;
padding-left:5px;
padding-right:5px;

}

.footerMenu a:hover{
/*background:#CCCC00;*/
color:#6b6551;
}

.footerRBLogo{
	text-align:right;
	padding-top:60px;
}

.missionContainer{
	background-image:url(../images/mission-background.jpg);
	width:630px;
	height:181px;
}
datecontainer{
	width:350px;
	
}
.dateCircle{
	background-image:url(../images/calendardate-circle.png);
	background-repeat:no-repeat;
	width:41px;
	height:41px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-right:8px;
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
}
.calendar{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	width:260px;

}
.calendar_title{
	font-size:14px;
	color:#34605d;
	font-weight:bold;
}
.calendar_time{
	font-size:11px;
	color:#6b6650;
}

.caledar_container{
	background-image:url(../images/calendar-background.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:353px;
	padding-left:40px;
	padding-bottom:8px;
}
.comingUp{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
}

.comingUpLink{
	color:#6b6650;
	text-decoration:none;
}

.moreinfo{
	font-family:Arial, Helvetica, sans-serif;
	
}
.moreinfo_title{
	font-size:16px;
	color:#000;
	font-weight:bold;
}
.moreinfo_time{
	font-size:11px;
}
.planner_info_shell{
	padding-top:15px;

}


.planner_info{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.planner_name{
}

.planner_phone{
}

.planner_email{
	color:#000;
}

.planner_website{
	color:#000;
}

.moreinfo_desc{
	line-height:18px;
	padding-top:10px;
	width:400px;
}

.fullschedule{
	font-family:Arial, Helvetica, sans-serif;
	padding:8px;
	text-align:left;
}
.fullschedule_title{
	font-size:15px;
	font-weight:bold;
	color:#000;
}
.fullschedule_time{
	font-size:11px;
}

/*STEP*/

.carouselContainer{
	border-top:2px solid #b4af9b;
	border-bottom: 2px solid #b4af9b;
	width:633px;
	height:170px;
	padding-top:6px;

}

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0px solid #819db5;
	overflow: scroll; /*leave this value alone*/
	width: 633px;
	height: 127px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.videostepcarousel{
	position: relative; /*leave this value alone*/
	border: 1px solid #819db5;
	overflow: scroll; /*leave this value alone*/
	width: 50px;
	height: 190px; /*Height should enough to fit largest content's height*/
}

.videostepcarousel .videobelt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.videostepcarousel .videopanel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 50px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.ministriesContactContainer{
	height:353px;
	background-image:url(../images/calendar-background.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
}