P{font-family:"century gothic";color:#000000;font-size:10pt}




H1 {color:#000000; font: bold 16pt "rockwell"}
H2 {color:#000000; font: bold 13pt "rockwell"}
H3 {color:#000000; font: bold 11pt "rockwell"}
H4 {color:#000000; font: bold 10pt "rockwell"}
H5 {color:#000084; font: bold 9pt "rockwell"}
H6 {color:#000084; font: bold 8pt "rockwell"}

A:link {font-family:century gothic;color:#000000;font-weight:normal;font-size:9pt;text-decoration:none;}
A:hover {font-family:century gothic;color:#0000ff;font-weight:normal;font-size:9pt;text-decoration:none;}
A:visited {font-family:century gothic;color:#000000;font-weight:normal;font-size:9pt;text-decoration:none;}

UL {color:#000000;text-align:left;font: 10pt "century gothic";}
LI {color:#000000; font: 10pt "century gothic"}
DIV#linkbar {background:#FFCD27}
#inputButton {background:#FFCD27; color:#083194;font:"Verdana","Arial";font-weight:bold;border:#083194 2px solid}

DIV.small_link{background-color:#ffff00;}

BODY{scrollbar-base-color : #00A551; scrollbar-arrow-color : #FFFF00}


HR {width:450px; height:3px; color:#0e76bd;}

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

#