body        { font-family: Arial; font-size: 10pt; color: #FFFFFF; background-color: #0E2960; 

               background-image: url('images/page_background.jpg'); 

               background-repeat: no-repeat; background-position-y: top }

a:link, a:visited {color: #00CE00}

a:hover, a:active {color: #00FF00}

.mcell {padding-left: 15px; padding-right: 10px}

.mucell {padding-left: 7px; padding-top: 7px; padding-bottom: 20px; line-height:100%}

.und {font-size: 10pt; padding-top: 30px; padding-bottom: 10px}

.nlo {padding-top: 3px; padding-bottom: 3px}




#slider {

    /* You MUST specify the width and height */
    width:350px;
    height:236px;
    position:relative;  
    overflow:hidden;
}

#mask-gallery {
    
    overflow:hidden;    
}

#gallery {
    
    /* Clear the list style */
    list-style:none;
    margin:0;
    padding:0;
    
    z-index:0;
    
    /* width = total items multiply with #mask gallery width */
    width:900px;
    overflow:hidden;
}

    #gallery li {

        
        /* float left, so that the items are arrangged horizontally */
        float:left;
    }


#mask-excerpt {
    
    /* Set the position */
    position:absolute;  
    top:0;
    left:0;
    z-index:500px;
    
    /* width should be lesser than #slider width */
    width:130px;
    overflow:hidden;    
    

}
    
#excerpt {
    /* Opacity setting for different browsers */
    filter:alpha(opacity=60);
    -moz-opacity:0.6;  
    -khtml-opacity: 0.6;
    opacity: 0.6;  
    
    /* Clear the list style */
    list-style:none;
    margin:0;
    padding:0;
    
    /* Set the position */
    z-index:10;
    position:absolute;
    top:0;
    left:0;
    
    /* Set the style */
    width:130px;
    background-color:#000;
    overflow:hidden;
    font-family:arial;
    font-size:14px;
    color:#fff; 
}

    #excerpt li { 
        padding:5px;
    }
    
  

.clear {
    clear:both; 
}