@charset "UTF-8";
/* CSS Document */

div#main-banner{
width:700px;
height:300px;
background-image:url(../images/top_cont_img.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin-left:28px;
padding-top:30px;
color:#ffffff;
}

h1{
line-height:300px;
}

div#cont{
  height:aute;

}

div#news{
width:700px;
padding-bottom:10px;
margin-left:28px;
border:none;
border-spacing:0px;
font-size:0.9em;
}

div.tables table{
width:99%;
border:none;
border-spacing:0px;
margin-top:0px;
}
div#message{
width:700px;
margin-left:28px;
}


caption{
margin-bottom:0px;
background-image:none;
border:none;
color:#c36783;
font-size:1.2em
}

div#banners{
width:688px;
height:90px;
margin-top:10px;
margin-left:28px;
border:1px #eee solid;
overflow:hidden;
}

div#banners img{
margin-left:110px;
}

div#news colgroup{
width:25%;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #eee;
background: #fff; 
width: 688px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 668px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 0 0 0;
} 
ul.newsticker span {
margin: 0 7px 0 0;
}