.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid navy;
border-bottom-width: 0px;
width: 730px; /*width of featured content slider*/
height: 252px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 730px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/*Additional CSS for demos*/

#slider4{
border-color: darkred;
margin-left: 0px;
height: 252px
}


#paginate-slider4{
background-color: darkred;
border-color: darkred;
margin-left: 0px;
}

#paginate-slider4 a {
display:block;
float:left;
/*text-indent:-9999px;*/
text-align:center;
color:#BF7514;
font-weight:bold;
text-transform:uppercase;
}
#paginate-slider4 #slide1-home {
width: 182px;
height: 31px;
background:url(homet.jpg) no-repeat;
}
#paginate-slider4 #slide1-home.selected {
width: 182px;
height: 31px;
background:url(homet.jpg) 0 -31px no-repeat;
}
#paginate-slider4 #slide2-home {
width: 182px;
height: 31px;
background:url(homet.jpg) -182px 0 no-repeat;
}
#paginate-slider4 #slide2-home.selected {
width: 182px;
height: 31px;
background:url(homet.jpg) -182px -31px no-repeat;
}
#paginate-slider4 #slide3-home {
width: 182px;
height: 31px;
background:url(homet.jpg) -364px 0 no-repeat;
}
#paginate-slider4 #slide3-home.selected {
width: 182px;
height: 31px;
background:url(homet.jpg) -364px -31px no-repeat;
}


#paginate-slider4 #slide4-home {
width: 184px;
height: 31px;
background:url(homet.jpg) -546px 0 no-repeat;
}
#paginate-slider4 #slide4-home.selected {
width: 184px;
height: 31px;
background:url(homet.jpg) -546px -31px no-repeat;
}

/* = Home Featured Items  
---------------------------------------------------------------------
*/

#home-featured{
   float: left;
   width: 962px;
   padding: 20px 0px 0;
}
#home-featured .newsitem{
   padding: 5px;
}
#home-featured .featured-content{
   min-height: 290px;
   height: auto !important;
   height: 290px;
   padding: 0px 0;
   float: left;
   width: 300px;
}
#home-events .featured-content,
#home-posts .featured-content{
   padding: 10px 0;
}
#home-news, #home-events, #home-posts{
   float: left;
   display: inline;
   width: 300px;
}

#home-events, #home-posts{
   margin-left: 25px;
}

#home-news h3, #home-events h3, #home-posts h3{
   width: 290px;
   color:#ed1c24;
   text-transform:uppercase;
   background:#e0e0e0 url(../images/bg-home-h3.gif) repeat-x;
   border:1px #e6e6e6 solid;
   margin:0; padding:5px;
   font-size:1em;
}
#home-news .newsitem p.date {
   font-size: 1em;
   color: #999999;
}

#home-news h4{
   font-size: 1.1em;
   margin-bottom: 0px;
   padding-top: 5px;
   line-height: 1.2;
}

#home-news h4 a{
   color: #2c2c2c;
   text-decoration: none;
}
#home-news h4 a:hover { text-decoration:underline}
#home-news p, #home-events p, #home-posts p{
   color: #676767;
   line-height: 1.3;
   margin-bottom: .5em;
}

#home-events .newsitem h4{
   font-size: 1.6em; margin-left:90px; margin-bottom:.5em; letter-spacing:-0.05em; font-weight:normal; color:#424242
}

#home-events h4 a{
   color: #424242;
}
#home-events p.summary a{
   color: #676767;
}

#home-events .newsitem p{
   font-size: 1em; margin-left:90px;
}

#home-events .newsitem p{
   font-size: 1em; margin-left:90px;
}

#home-events .newsitem img{
   float:left; margin-right:10px;
}

#home-news p.more{
   margin-bottom: 0;
   background-image:url(../images/viewmore.gif);
background-repeat:no-repeat;
padding-left:20px;
}
#home-events p.more a{
   margin-bottom: 0;
   background:url(../images/arr4.gif) right;
background-repeat:no-repeat;
padding-right:15px;
}
#advertisment a { padding-right:15px;}
#advertisment img { border:0; vertical-align:middle;}
.home-viewmore { width:89px; height:59px; display:block; position:relative; top:187px; left:799px}
.home-viewmore a { width:89px; height:59px; display:block; background:url(../images/home-viewmore.gif) no-repeat; /*text-indent:-99999px*/}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
/*height: 173px; Height should enough to fit largest content's height*/
height: 153px;  /*huyenln  */
}

.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: 220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding:0 15px 0 1px;
}
.soft-slide {
width: 210px;
height:133px;
background:url(../img/bg-slide.gif) no-repeat ;

margin-right:10px;
padding:10px;
float:left;
position:relative;
}
#contentMain .soft-slide p {
margin-bottom:3px;
margin-top:0;
}
.viewmore a { background:url(../img/btn-detail.gif) no-repeat 0 2px; width:70px; height:16px; display:block; text-indent:8px; position:absolute; bottom:10px; right:10px;color:#fff;height:18px;font-size:96%
}