/* CSS Document */

.text{}

p a{color:#db5727; font-weight:bold}
.table a{color:#db5727; font-weight:bold}

#rightback{background-position:bottom right ; height:400px; background-image:url(Images/background2.jpg); background-repeat:no-repeat}

p{font-size:.95em; line-height:20px; font-family: Arial, Helvetica, sans-serif; text-align:justify;}

.footer{font-size: .8em; 
font-family: Arial, Helvetica, sans-serif; 
color:#FFFFFF;
padding:3px;
height:50px;}

.shim{margin-top:25px}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

a img{border:0}

#nav{margin-bottom:10px}


@media screen and (-webkit-min-device-pixel-ratio:0) {
#topcap{ position:relative; left:1px}
#texthead { margin-top:px;}
#shimtop { position:relative; top:-95px}
#carousel{ position:relative; top:-55px}
#btmcap{ position:relative; left:1px}
p{font-size:.8em}
#nav{margin-bottom:70px}
#rightback{background-position:bottom right ; height:500px; background-image:url(Images/background3.jpg); background-repeat:no-repeat}


}

.stepcarousel{
position: relative; /*leave this value alone*/
border-top: 15px solid white;
border-right: 15px solid white;
border-bottom: 15px solid white;
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 125px; /*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: 125px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#textright{}