body { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/background.jpg); background-repeat: repeat; }
p { }
td { }
a:link { color: #f5da1f; font-size: 10px; font-weight: bold; text-decoration: none; }
a:visited { color: #f5da1f; font-size: 10px; font-weight: bold; text-decoration: none; }
a:hover { color: #ccc; font-size: 10px; font-weight: bold; text-decoration: none; }
a:active { color: #f5da1f; font-size: 10px; font-weight: bold; text-decoration: none; }
a.bottom:link { color: #fff; font-size: 9px; font-weight: normal; text-decoration: none; }
a.bottom:visited { color: #fff; font-size: 9px; font-weight: normal; text-decoration: none; }
a.bottom:hover { color: #fff; font-size: 9px; font-weight: normal; text-decoration: underline; }
a.bottom:active { color: #fff; font-size: 9px; font-weight: normal; text-decoration: none; }
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px; color: #f5da1f;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

.root     {
    position:relative;
    height:      380px;
    width:      570px;
    margin:       0px 0px 8px 7px;    
    }
.root p   {
    margin:      10px 10px 5px 10px;
    }
.thumb     {
    position:      absolute;
    height:      9px;
    width:      15px;
    left:       10px;
    }
.up, .dn   {
    position:      absolute;
    left:       10px;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
.scrollContainer { 
    position:      absolute; 
    left:      2px; 
    top:      19px; 
    width:      350px; 
    height:      200px; 
    clip:      rect(0 467 200 0); 
    overflow:      auto; 
    border-top:    2px solid #000000;
    border-left:    2px solid #000000;
    border-right:    2px solid #686262;
    border-bottom:    2px solid #686262;
    background:    #D9D9B0;
    }
.scrollContent { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      100px; 
    }

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}