.sliderwrapper1
{
	margin-top:2px;
	text-align:center;
    BORDER-RIGHT: navy 0px solid;
    BORDER-TOP: navy 0px solid;
    OVERFLOW: hidden;
    BORDER-LEFT: navy 0px solid;
    WIDTH: 650px;
    BORDER-BOTTOM: navy 0px solid;
    POSITION: relative;
    HEIGHT: 120px
}
.sliderwrapper1 .contentdiv
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: white;
    FILTER: progid:DXImageTransform.Microsoft.alpha(opacity=100);
    LEFT: 0px;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 0px;
    WIDTH: 650px;
    PADDING-TOP: 0px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 100%;
    -moz-opacity: 1;
    opacity: 1;
    text-align : center;
}
.pagination1
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    WIDTH: 260px;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #8FA227;
    TEXT-ALIGN: right;
    display:none;
}
.pagination1 A
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    BACKGROUND: white;
    PADDING-BOTTOM: 0px;
    COLOR: #00007d;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}
.pagination1 A:hover
{
    COLOR: #000;
    BACKGROUND-COLOR: #fee496
}
.pagination1 A.selected
{
    COLOR: #000;
    BACKGROUND-COLOR: #fee496
}

.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: 110px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}