.sc_div { /* Set it so we could calculate the offsetLeft */

position: relative;
height: 300px;
width: 485px;
background: url('paper_bkg.jpg');
/* Add scroll-bars */
overflow: auto;
}

.sc_menu {
display: block;
height: 250px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
/* Max width here, for users without Javascript */
width: 7000px;
padding: 15px 0 0 15px;
/* Remove default margin */
margin: 0;
list-style: none;
}
.sc_menu li {
display: block;
float: left;
padding: 0px 2px;
}
.sc_div a:link{color:#000;
text-decoration:none;}
.sc_div a:visited{color:#000;}
.sc_div a:hover span{color:#000; filter:alpha(opacity=100); opacity: 1.0;
}
.sc_div a:active{color:#000;}


.span_img {
display:block;
height:90px;
opacity:0.7;
text-align:center;
text-decoration:none;
filter:alpha(opacity=70); opacity: 0.7;
/* round borders border: 6px #000 solid;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;*/
}


.span_head {
/* We want a caption to display on the next line */
display: block;
margin-top: 18px;
margin-bottom: 30px;
text-align: center;
font-size: 140%;
font-weight:bold;
color: #000;
}



.span_1 {
/* We want a caption to display on the next line */
display: block;
margin-top: 22px;
text-align: center;
color: #000;
}



.span_2 {
/* We want a caption to display on the next line */
display: block;
margin-top: 0px;
text-align: left;
color: #000;
}



.span_3 {
/* We want a caption to display on the next line */
display: block;
margin-top: 12px;
text-align: left;
color: #000;
}




.span_4 {
/* We want a caption to display on the next line */
display: block;
margin-top: 9px;
text-align: right;
color: #000;
}