body {
background:url("images/exbg.jpg");
margin:0px;
font-family:arial;
font-size:12px;
color:#cccccc;
margin-bottom:20px;
}

b {
color:#ffcc00;
}

#container {
width:679px;
position:relative;
left:50%;
margin-left:-350px;
background:url("images/trans.png");
margin-top:80px;
padding:10px;
float:left;
}

.innercontainer {
width:667px;
background-color:#333333;
padding:6px;
float:left;
}

.brighthead{
background:url("images/brighttop.gif");
height: 25px;
width:652px;
text-align:right;
font-size:14px;
padding:5px 15px 0px 0px;
line-height:25px;
position:relative;
float:left;
color:white;
}

.brightbox {
width:637px;
background:url("images/brightbg.gif");
padding:10px 15px 10px 15px;
float:left;
}

.brightbottom {
margin-bottom:3px;
height:5px;
width:100%;
float:left;
background-image:url("images/brightbottom.gif");
}

.infobox {
font-size:12px;
color:#cccccc;
}

.infobox img {
margin-right:10px;
margin-bottom:10px;
}

.odd td{
background-color: #343434;
}

.even td{
background-color: #2D2D2D;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 595px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
margin-left:20px;
}

.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-right: 10px; /*margin around each panel*/
}

.footer {
float:left;
padding:10px;
border-top:solid 1px #444444;
display:block;
margin-top:10px;
margin-left:5px;
margin-right:5px;
width:638px;
}

a {
color:#ffcc00;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.logo{
position:absolute;
left:50%;
margin-left:-400px;
top:80px;
}