scrolling page down using css/javascript

<div class="about">
            <div id="tabs">
                <ul style="font-size: 11px;">
                    <li><a href="abm/aboutus.aspx" >About Us</a></li>
                    <li><a href="aboutmeril/mission.aspx">Mission</a></li>
                    <li><a href="abm/leadership1.aspx">For Patients </a></li>
                    <li><a href="abm/location.aspx">Location</a></li>
                    <li><a href="abm/gallery.aspx">Gallery</a></li>
                    <li><a href="abm/research.aspx">Research</a></li>
                    <li><a href="abm/academy.aspx">Academy</a></li>
                </ul>
            </div>
        </div>



///css

.ui-tabs { position: relative; padding:0; margin:0; zoom: 1; width:1002px; margin:auto;}
.ui-tabs .ui-tabs-nav { margin:0; padding:0; border:0;  background:none; font-size:12px; font-family:Verdana; margin-left:10px;}
.ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; display:inline; margin:0; border-bottom: 0 !important; padding: 0; white-space: nowrap;background:none; border:none;}
.ui-tabs .ui-tabs-nav li a {float: left; padding:0; text-decoration: none; display:block; width:135px; height:36px; padding-top:7px; text-align:center; background:url(../images/hompagetabbg.jpg)no-repeat; color:#fff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav  .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;background:url(../images/hompagetabbgactive.jpg) no-repeat; font-weight:500;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block;border-top:none; min-height: 256px;/*height:256px;*/   clear:both;}
.ui-tabs .ui-tabs-hide { display: none !important; }



.bussinessoverView{height: 456px; width: 100%;background:#f9fbfd;}


.bussinessoverView .titleOverView{width: 100%; height: 51px; vertical-align: middle; border-bottom: 1px solid #cccccc;
            margin: 0px;}

.bussinessoverView .titleOverView div{font-size: 20px; color: #1b5c98; font-family: Myriad Pro; padding: 15px 0px 14px 35px;
                font-weight: 600; max-height: 51px;}
.bussinessoverView .titleOverView div span{font-size: 12px; color: #6c6c6d;}


.bussinessoverView .overViewData{max-height: 405px; padding-top: 25px;}

.bussinessoverView .overViewData .imgDiv{float: left; max-height: 381px; width: 20%;  height: 379;border: 0px red solid;vertical-align:middle;}


.bussinessoverView .overViewData .leftDiv,.rightDiv{max-height: 381px; border: 0px #fff solid; width: 40%;
                min-height: 379px;}
                
                

.bussinessoverView .overViewData .leftDiv{float:left;}                
.bussinessoverView .overViewData .rightDiv{float:right;}      

.bussinessoverView .overViewData .dataDiv ul{list-style: none!important; margin: 49px 0px 0px 13px;}   
.bussinessoverView .overViewData .dataDiv ul li.first{border-top:1px  #ccc solid;}                    
.bussinessoverView .overViewData .dataDiv ul li{min-height: 80px;max-height:81px;border-bottom:1px  #ccc solid;max-width:352px;color:#333333;font-family:Arial;padding:13px 0px 0px 21px;line-height:10px;}       
.bussinessoverView .overViewData .dataDiv ul li strong{font-size:18px;font-weight:500;}
.bussinessoverView .overViewData .dataDiv ul li p{font-size:12px;font-weight:500;margin-top:10px;}
.bussinessoverView .overViewData .dataDiv ul li:hover{background: url('../images/overView_bg.jpg') repeat-y!important;cursor:pointer;}

/*End*/