body {
font-face: verdana, arial;
font-size: 11px; 
background:#999;  
}

#headline {
width: 100%;
background:#999;
height:2px;
}

#pagewrapper {
position: relative;
z-index: 1;
}

#page  {
width: 960px;
background:#FFF;
margin: auto;
padding: 40px;
border-top: 8px solid #03A1C8;
}

#content {
font-family:  Verdana, Helvetica, sans-serif;
font-size: 11;
color: #002851;
width:940px;
background:#fff;
}

#header {
width:940px;
background:#fff;
text-align: right;
height:180px;
}

a {
font-size : 11px; 
font-family :  arial;  
font-weight: normal;
color: #002851; 
}

a:visited {color : #002851;}
a {font-size : 11px; font-family:  Verdana; font-weight: normal; color: #002851;}
a:link {color : #002851;}
a:active {color : #002851;}
a:hover {color : #03A1C8;}

b {  
font-family: Verdana,  Helvetica, sans-serif; 
font-size: 11;
color: #002851;  
font-weight: bold; 
font-style: bold; line-height: normal;
}


hr {  
color: #002851;  
background-color: #002851;
height: 1px; 
border: 0px none; 
border-width: 0px; 
border-style: none;
}

h1 {font-size:11px;display:inline;}
h2 {font-size:11px;display:inline;}
h3 {font-size:11px;display:inline;}
h4 {font-size:11px;display:inline;}

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