.gallery
{
  width:700px;
  float:left;
  padding:0px 0px 0 0px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height:137px; /*Height should enough to fit largest content's height*/
background:#ffffff;
padding:0px 0 0 0px;

border-width:1px 0;
float:left;
}

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

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

}

.panel img
{
  width:130px;
  height:130px;
  border: 1px solid #cbdbed;
}

/* ------------------------------------------  */

/***********************************************************************
	3 - event calender
************************************************************************/
.blue-box {
	width:100%;
	float:left;
}

.blue-box-top {
	background:url(../images/rep-curve-blue..jpg) top left repeat-x;
	width:100%;
	float:left;
}
.blue-box-top-left {
	background:url(../images/left-curve-blue.jpg) top left no-repeat;
	width:100%;
	float:left;
}
.blue-box-top-right {
	background:url(../images/right-curve-blue.jpg) top right no-repeat;
	width:100%;
	float:right;
	padding:11px 0 7px 0px;
}
.blue-box-top-right h2 , .blue-box-top-right h4{
	color:#fff;
	font-size:16px;
	padding-left:18px;
}

.blue-box-bottom {
	background-color:#fff;
	width:100%;
	float:left;
}
.blue-box-bottom-left {
	background: url(../images/left-curve-blue-bott.jpg) left bottom no-repeat;
	width:100%;
	float:left;
	margin-top:0px!Important;
	margin-top:-10px;
}
.blue-box-bottom-right {
	background:url(../images/right-curve-blue-bott.jpg) right bottom no-repeat;
	width:100%;
	height:10px;
	float:left;
}
.blue-box-bottom-cont {
	border-left:3px solid #3e71a2;
	border-right:3px solid #3e71a2;
	float:left;
	background-color:#6098ce;
	width:284px;
	padding:0 10px 3px !Important;

	padding:0 10px 10px;
}
.upcoming-event-in {
	border-left:3px solid #3e71a2;
	border-right:3px solid #3e71a2;
	float:left;
	background-color:#6098ce;
	width:364px;
	padding:0 10px 3px !Important;
	padding:0 10px 10px 9px;
}
.upcoming-event-wite {
	width:354px;
	background-color:#fff;
	float:left;
	height:185px;
	padding:5px;
	color:#003751;
}
.upcoming-event {
	width:390px;
	padding-left:10px;
	float:left;
}
.calendar {
	width:310px;
	float:left;
}
.calendar-in {
	width:234px;
	background-color:#fff;
	float:left;
	padding:5px;
	color:#003751;
}

.calender-table{
	border-left:#e8e8e8 1px solid;
}

.calender-table tr td{
background:none;
color:#535653;
	padding:1px !important;
	padding:0px;
	border-right:#e8e8e8 1px solid;
	border-bottom:#e8e8e8 1px solid;
}

.calender-table .blank{
background:none;
}
.calender-table .past{
background:#4DB3C4;
cursor:pointer;
color:#FFFFFF;
font-weight:bold;

}
.calender-table .upcoming {
 cursor: pointer;
background:#B64C4C;
color:#FFFFFF;
font-weight:bold;
}
.calender-table .currentw {
background:#AEB666;
border:none;
color:#FFFFFF;
font-weight:bold;
}

.red-txt1 {
	font-size:14px;
	font-weight:bold;
	color:#db6b02;
}

.calender-table .grey-bg{
	background:#f3f3f3;
	color:#535653;
	padding:1px !important;
	padding:0px;
	border-right:#e8e8e8 1px solid;
	border-bottom:#e8e8e8 1px solid;
}