/* CSS Document */
body {background:#eff158;}

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: absolute;
  top:20px;
  left:0px;
  height: 580px;
  width: auto;
  border:#FFFFFF inset 2px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 1155px;
  /* Max width here, for users without Javascript */
  width: 6597px;
  /* Remove default margin */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style:none;
}

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

#pages {
width: 1200px;
height: 38px;
background-color: #caffd0;
margin-top: 12px;
}

#pages ul { 
list-style-type: none; 
list-style-image: none; 
float: left; 
margin-top: 0px; 
padding-left: 0px; 
margin-left: 0px;
}

#pages li { 
float: left; 
}

#pages li a:link,
#pages li a:visited  {
float: left;
color: #64A0C2;
display: block;
background-image: url(images/nav-bg.gif);
padding-right: 20px;
padding-left: 20px;
padding-top: 4px;
height: 27px;
font-size: 12px;
text-transform: uppercase;
margin-top: 5px;
margin-right: 8px;
}

#pages li a:hover,
#pages li a:active {
color: #4B84A4;
font-size: 12px;
text-transform: uppercase;
}

.list { font-size:15px; font-family:"Tahoma"; background-color:#FFCC33; color:#3333FF; text-align:left; line-height:120%; }
.list a {font-size:15px; font-family:"Tahoma"; font-weight:bolder; background-color:#FFCC33; color:#000000; text-decoration:none; text-shadow:#0099FF;} 
.list a:hover { text-decoration:underline; color: #3333FF;}

.zoom a:hover { text-decoration:underline; border-bottom:#009 dashed 1px;}