#Viewer {border:2px solid #555555;width:960px; height:370px;
              background-image:url('../images/carousel/caro_top.png');background-repeat:repeat-x;}
 .caroleft
    {
    	background-image:url('../images/carousel/caro_top_left.png');background-repeat:no-repeat;width:39px;height:349px;
    	float:left;
    	margin-top:20px;
    	margin-left:10px;
    }
    .caroright
    {
    	background-image:url('../images/carousel/caro_top_right.png');background-repeat:no-repeat;width:39px;height:349px;
    	float:left;
    	margin-top:20px;
    	margin-right:10px;
    }
    .carocenter
    {
    	background-image:url('../images/carousel/caro_top_center.png');background-repeat:repeat-x;
    	float:left;
    	width:500px;
    	height:349px;
    	margin-top:20px;
    }
    .caromainleft
    {
       background-image:url('../images/carousel/caro_main_left.png');background-repeat:no-repeat;width:41px;height:223px;
       float:left; 	
    }
    .caromainright
    {
    	background-image:url('../images/carousel/caro_main_right.png');background-repeat:no-repeat;width:41px;height:223px;
    	float:right;
    	
    }
    .caromaincenter
    {
    	background-image:url('../images/carousel/caro_main_center.png');background-repeat:repeat-x;
    }
.toptitle
    {
    	margin-top:45px;
    	color:#113dac;
    	font-family:Arial;
    	font-size:17pt;
    	font-weight:bold;
    	text-align:center;
    	height:45px;
    	padding-left:3px;
    	padding-right:2px;
    }
    .desc
    {    	
        padding-left:3px;
        padding-right:2px;
    	float:left;
    	width:520px;
    	margin-top:15px;
    }
    .readmore
    {
    	clear:both;
    	float:right;
    	margin-top:3px;
    	margin-right:5px;
    }
 .carobigimg
    {
    	clear:none;float:left;vertical-align:top;width:200px;
    	margin-top:70px;
    	margin-left:75px;
    }
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 20px solid orange;*/
overflow: scroll; 
width: 270px;
height:185px; /*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: 10px; /*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#galleryB{
width: 450px;
height: 170px;
border: 10px solid darkred;
}

#galleryB .panel{
height: 150px;
font: bold 28px Arial;
text-align: center;
background-color: green;
color: white;
}

p.samplebuttons{
width: 300px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}
.icon img   
{
position:relative;
width:100px !important; height:100px; cursor:pointer;
}
.item { height:185px;  width:150px; float:left; clear:right;margin-left:17px;margin-right:17px; 
                       background-image:url('../images/carousel/item_container.png');background-repeat:no-repeat;overflow:hidden;}
 .title1:link
    {
    	color:#113dac;
    	font-size:14px;
    	font-weight:bold;
    	padding-top:5px;
    	height:42px;
    	text-align:center;
    	text-decoration:none;
    }
 .title1:hover
 {
 	color:#113dac;
    	font-size:14px;
    	font-weight:bold;
    	padding-top:5px;
    	height:42px;
    	text-align:center;
    	text-decoration:underline;
 }
 .title1:visited
    {
    	color:#113dac;
    	font-size:14px;
    	font-weight:bold;
    	padding-top:5px;
    	height:42px;
    	text-align:center;
    	text-decoration:none;
    }