/* ================================================================ 

=================================================================== */
.maincolor   {color:#396A8A}
.mainbgcolor {background-color:#ffffff}
.highlighttext {color:#B87620}
.errormsg {color: red;}

.title {font-family: Helvetica;
	font-size: 15px;
        font-weight: bold;
}
.subtitle {font-family: Helvetica;
	   font-size: 14px;
           color:#3F6075;
           font-weight: bold;

}
tr.odd td {
	background-color: #FFFFFF; color: black;
}
tr.even td {
	background-color: #FDF7D7; color: black;
}

.titlebox {
	background-color: #396A8A;
	color: #fff;
/*	width: 50px;*/
/*	height: 10px;*/
	padding: 5px;

        text-align:center
	position: relative;
	top: 1px; left: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}


.maintext {font-family: Helvetica;
	font-size: 14px;
	color: #000000;
}
.footer {
	color: #fff;
	background-color: #396A8A;
/*	width: 960;*/
/*	height: 10px;*/
	margin: 10 auto 15px auto;
/*	padding: 2px;*/
	border: 1px solid #d7d7d7;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
        position: relative; 
        zoom: 1; /* For IE6 */
}
.sitemain {
	background-color: #fff;
/*	height: px;*/
	margin: 10 auto 15px auto;
	padding: 2px;
	border: 1px solid #272226;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}

.boxmain {
	background-color: #fff;
	/*height: 510px;*/
	margin: 5px 5px 5px auto;
	padding: 5px;
	border: 1px solid #C3C3C3;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}

.box2 {
	background: transparent url(ashera.jpg); no-repeat top left;
	width: 100px;
	height: 220px;
	margin: 0 auto 35px auto;
	padding: 30px;
	color: #fff;
	font-weight: bold;
	border: 11px solid #35b70e;

	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	behavior: url(border-radius.htc);
}

.box3 {
	background-color: #FFF7D2;
	width: 245px;
/*	height: 30px;*/
	padding: 10px;
	position: relative;
	top: 5px; left: 5px; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(border-radius.htc);
        border: 1px solid #C3C3C3;
}

.rel {
	margin: 2px 0 0 2px;
	padding: 2px;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}

.boxwidth {
	width: 600px;
}


/********************
   for the carosel
********************/
.stepcarousel{
background-color: #FFF7D2;
width: 245px;
padding: 10px;
position: relative; /*leave this value alone*/
top: 5px; left: 5px; -moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url(border-radius.htc);
border: 1px solid #C3C3C3;
overflow: scroll; /*leave this value alone*/
width: 245px; /*Width of Carousel Viewer itself*/
height: 235px; /*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: 5px; /*margin around each panel*/
width: 255px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}