/* CSS Document */
body 	{ background-color:#D6D9C8; background-image:url(site_images/bg.gif); background-repeat:repeat-x }
.main	{ background-image:url(site_images/bgr.png); background-repeat:no-repeat }
.sub1{ background-image:url(site_images/bgc.gif); background-repeat:no-repeat }
.sub2{ background-image:url(site_images/side-bar.png); background-repeat:no-repeat }
.sub3{ background-image:url(site_images/footer.jpg); background-repeat:no-repeat }
.white  { color:#FFFFFF;letter-spacing:0.5px; }
.w{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;color:#FFFFFF;}
li  { color:#FFFFFF;letter-spacing:0.5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
p		{ color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0.5px; line-height:17px; }
.p3		{ color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0.5px; line-height:20px; }
.p2		{ color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:0.5px; line-height:17px; }
.p1		{ color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0.5px; line-height:20px; }
.h1		{ color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; letter-spacing:0.5px; line-height:20px; }
h2		{ color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:0.5px; line-height:20px; }
.footer { font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.5px; font-size:11px;	color:#FFFFFF }
h1 { text-decoration:underline; line-height:10px; margin:0px 0px 0px 0px; }
.hd1 {font:22pt Perpetua; font-weight:bold; color:#FFFFFF; padding-left:5px; }
.hd2 {font:18pt Perpetua; font-weight:bold; color:#FFFFFF; padding-left:5px; }
.red { color:#FF0000; font-weight:bold;}
/*------------------------------------------------Carousel-------------------*/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 590px; /*Width of Carousel Viewer itself*/
height: 230px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
}

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