html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td {
border:0 none;
font-family:inherit;

margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}


#header {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 978px;
    background-image: url("http://rainyday.s17.xrea.com/img/bg_48_3.gif")

}
div#header {
    background-color: #282828;
    padding: 1px 0;
}

#bottomwrapper {
    background: none repeat scroll 0 0 #000000;
    border-top: 5px solid #008ECD;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 170%;
    text-align: center;
}






#page
{
background-image: url("http://rainyday.s17.xrea.com/img/s.png");
}

#slider {
   width: 300px; /* important to be same as image width */
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear3 {
   clear: both;
} 
#sliderContent li   {  
     position: relative;  
     display: none;  
     color: #FFF;  
 }  
 
 .white
 {
 background-color: #fff;
 }
 
 .center{
text-align: center;

 }
 

ul li.nondot{
list-style: none;
margin: 0px;
padding: 0px;
text-align:justify;
text-justify:inter-ideograph; 
line-break: strict;
line-height:1.8;
}