/* 
   Styles for scrolling layers  
         Specify width and height in hold and wn, and in clip for wn 
*/
div#hold        { 
        position:relative; overflow:hidden;
        width:490px; height:380px; 
         z-index:100; 
        margin-left:10px;
        }

div#wn  { 
        position:absolute; 
        left:0px; top:0px; 
        width:475px; height:380px; 
        clip:rect(0px, 490px, 380px, 0px); 
        overflow:hidden;        
        z-index:1; 

        }
div.content { 
visibility:hidden;
position:absolute; 
left:0px; top:0px; 
        z-index:1; 
        font-size:11px;font-family:'tahoma';text-align:left;
        }
.content P{margin:0px;padding:0px;margin-bottom:10px;}

div.content_my { 
visibility:hidden;
position:absolute; 
left:0px; top:0px; 
        z-index:1; 
        font-size:12px;font-family:'tahoma';text-align:justify;
        line-height:18px;
        }




/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; left:0; top:0;
  width:11px; height:380px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:0px;
  width:13px; height:380px;
  background: url("../img/track.gif")  repeat-y;
  background-position:center center;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:12px; height:120px;
 background-image:url(../img/drag.gif);
 background-repeat:no-repeat;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  

/* Styles for demo, not necessary for scrolling layers */  
div.content { text-align:left }
table.main { 
  width:490px; 
  margin:auto; text-align:left;
  }
table.main td.text, table.main td.navs { vertical-align:top; text-align:left }
td#scrollLinks  { width:12px }
td.navs ul { margin:0; padding:0; list-style:none }
td.navs ul li { margin:0 0 .6em .4em }
td.navs ul li a { text-decoration:none }
td.navs ul li a:hover { text-decoration:underline }







/* 
   Styles for scrolling layers  
         Specify width and height in hold and wn, and in clip for wn 
*/
#articlearea div#hold2  { 
        position:relative; overflow:hidden;
        width:490px; height:380px; 
         z-index:100; 
        margin-left:10px;
        }

#articlearea div#wn2    { 
        position:absolute; 
        left:0px; top:0px; 
        width:475px; height:380px; 
        clip:rect(0px, 490px, 380px, 0px); 
        overflow:hidden;        
        z-index:1; 

        }
div.content { 
        position:absolute; visibility:hidden;
        left:0px; top:0px; 
        z-index:1; 
        font-size:11px;font-family:'tahoma';text-align:left;
        }
.content P{margin:0px;padding:0px;margin-bottom:10px;}





/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar2 { 
  position:relative; left:0; top:0;
  width:11px; height:380px; 
  font-size:1px; z-index:1;
  }
div#track2 { 
  position:absolute; left:0; top:0px;
  width:13px; height:380px;
  background: url("../img/track.gif")  repeat-y;
  background-position:center center;
  z-index:1;
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:13px; height:20px;
 background-image:url(../img/drag2.gif);
 background-repeat:no-repeat;
  z-index:1;
  }  
div#up2 { position:absolute; left:0; top:0; z-index:2 }  
div#down2 { position:absolute; left:0; bottom:0; z-index:3 }  

/* Styles for demo, not necessary for scrolling layers */  
div.content2 { text-align:left }
table.main2 { 
  width:290px; 
  margin:auto; text-align:left;
  }
table.main td.text, table.main td.navs { vertical-align:top; text-align:left }
td#scrollLinks2  { width:12px }
td.navs ul { margin:0; padding:0; list-style:none }
td.navs ul li { margin:0 0 .6em .4em }
td.navs ul li a { text-decoration:none }
td.navs ul li a:hover { text-decoration:underline }

.my_header{font-size:18px;font-family:arial;color:#1C246D;padding-bottom:10px;padding-left:10px;}