#il-top-bar{background: url(http://luc.edu/umc/images/toolbg.gif) repeat-x; height: 30px; margin: -16px 0 10px 0; padding: 0; border-bottom: 3px solid #A21F4B;}
 #il-top-bar .content{width: 960px; margin: 0 auto; padding: 0;}
 #il-top-bar .content p{background: url(http://luc.edu/umc/images/il-bar-text.png); width: 557px; height: 20px; display: block; text-indent: -9999px; float: left; margin-top: 8px; margin-right: 35px;}
 #il-top-bar .content a.learn-more{background: url(/media/lucedu/styleassets/images/il-readnow.png); width: 104px; height: 23px; display: block; text-indent: -9999px; float: left; margin-top: 4px; margin-right: 7px;}
 #il-top-bar .content a.launch{background: url(/media/lucedu/styleassets/images/il-readnow.png); width: 104px; height: 23px; display: block; text-indent: -9999px; float: left; margin-top: 4px;}
</style>
<style type="text/css">
.carousel {width:1000%; overflow: hidden;padding: 0;margin: 0;}
.carousel li div img{float: left;list-style-type: none;width: 920px;}
#slide {margin-left: 0px; color: #ffffff; display: block; position: relative; width: 399px; *width: 480px; background: #a30046;}
#slide .content {*width: 395px; padding-left:15px;background: #a30046;}
#slide .content h2 {margin-top: 25px; color: #eeb111; font-size: 140%;}
#slide .content p {color: #ffffff; display: block; font-size: 90%;padding:15px 15px 15px 0;}
#slide .link {margin-left: 220px; background: #a30046; font-size: 90%; color: #ffffff; width: 160px;}
#slide .link a {color: #eeb111; text-decoration: none;}
#slide .link a:hover {color: #ffffff;}

#slide-image{
float: left;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 920px; /*Width of Carousel Viewer itself*/
height: 219px; /*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 0 0 0; /*margin around each panel*/
width: 920px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#slide{
	float: right;
	height: 219px;
	width: 395px;
        *width: 395px;
}

/*div#slide{
        *position: relative;
        *top: -230px;
}*/

.pagination p#mygallery-paginate{
    background-color: #A30046;
    clear: both;
    overflow: hidden;
    padding: 0 0 0;
    width: 919px;
	height: 15px;
}

.pagination p#mygallery-paginate span{
	float: right;
	padding-right: 50px;
}

.pagination p#mygallery-paginate span img{
width: 38px;
margin: 0 -5px 0 0;
}

.view-port {
    float: left;
    height: 219px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 920px;
    background-color: #A30046;
}

.pagination {
    background-color: #A30046;
    clear: both;
    overflow: hidden;
    padding: 0 0 0;
    width: 920px;
}