body {
    scrollbar-base-color: #000000;
    scrollbar-track-color: #C0C0C0;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #000000;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color: #000000;
 }

.space { 
line-height: 4.5em;
} 

div.index { 
border-style: dotted; 
width: 75%;
height: 400px; 
border-width: 0px; 
 }

div.top { 
border-style: solid; 
width: 630px; 
height: 15%; 
background-image: url(IMG/titleback.png); 
border-width: 1px; 
border-right-width: 2px; 
border-left-width: 2px; 
 }

div.center { 
border-style: solid; 
width: 650px; 
height: 70%; 
border-width: 2px; 
 }

div.bottom { 
border-style: solid; 
width: 630px;
height: 8%; 
background-image: url(IMG/titleback2.png); 
border-width: 1px; 
border-right-width: 2px; 
border-left-width: 2px; 
 }

div.harbot { 
border-style: solid; 
width: 100%; 
height: 100%; 
border-right-width: 1px; 
border-top-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px; 

 }

div.cindex { 
border-style: solid; 
width: 70%; 
height: 100%; 
border-width: 1px; 
 }

div.text { 
font-size: 80%; 

 }

a:link { color: black; } 
a:visited { color: black; } 
a:hover { color: #808080; } 
a:active { color: red; }