div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:400px; height:360px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;left:58px;
  width:11px; height:360px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:13px;
  width:11px; height:334px;
  background-color:#333333;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#666666;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 


html, body{height:100%;font-family:"century gothic";}
body {margin:0;padding:0;color:#ffffff;font-family:"century gothic";font-size:14px;background-color:#ffffff;color:#cccccc;}
img{display:block;}
ol{font-size:13px;color:#ffffff;}

#outer_container{margin:0px; width:550px; padding:0px; border-top:0px solid #666; border-bottom:0px solid #666;}
#customScrollBox{position:relative; height:380px; overflow:hidden;}
#customScrollBox .container{position:relative; width:450px; top:0; float:left;}
#customScrollBox .contentsc{clear:both;}
#customScrollBox .contentsc div{width:400px;}
#customScrollBox img{border:0px solid #fff;}
#dragger_container{position:relative; width:0px; height:350px; float:left; margin:10px 0 0 10px; border-left:3px solid #333; border-right:3px solid #555;}
#dragger{position:absolute; width:9px; height:40px; background:#999; margin-left:-5px; text-align:center; line-height:40px; color:#666; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #555;}

.engagement{font-weight:bold;color:#ffffff;}

.main{margin:0;padding:0;background-color:#ffffff;}

.content{height:480px;width:1200px;position:relative;background-color:#000000;}

.cs:link{font-family:arial;color:#cccccc;font-size:10px;text-decoration:none;}
.cs:visited{font-family:arial;color:#cccccc;font-size:10px;text-decoration:none;}
.cs:active{font-family:arial;color:#cccccc;font-size:10px;text-decoration:none;}
.cs:hover{font-family:arial;color:#ff0000;font-size:10px;text-decoration:none;}

.subtitle{font-weight:bold;color:#ffffff;font-size:16px;}

.input{width:220px;background-image:url(images/t.png);background-color:transparent;color:#000000;border:0px;}
.texta{font-size:12px;width:220px;height:100px;background-image:url(images/t.png);background-color:transparent;color:#000000;border:0px;font-family:arial;resize:none;padding:0px;}
.iname{font-size:12px;text-align:left;height:25px;vertical-align:middle;}


.menu:link{font-family:"century gothic";font-size:26px;color:#cccccc;text-decoration:none;}
.menu:active{font-family:"century gothic";font-size:26px;color:#cccccc;text-decoration:none;}
.menu:visited{font-family:"century gothic";font-size:26px;color:#cccccc;text-decoration:none;}
.menu:hover{font-family:"century gothic";font-size:26px;color:#ff3333;text-decoration:none;}

.currentmenu:link{font-family:"century gothic";font-size:26px;color:#ff3333;text-decoration:none;}
.currentmenu:active{font-family:"century gothic";font-size:26px;color:#ff3333;text-decoration:none;}
.currentmenu:visited{font-family:"century gothic";font-size:26px;color:#ff3333;text-decoration:none;}
.currentmenu:hover{font-family:"century gothic";font-size:26px;color:#ff3333;text-decoration:none;}

.links:link{font-family:"century gothic";font-size:14px;color:#cccccc;text-decoration:none;}
.links:active{font-family:"century gothic";font-size:14px;color:#cccccc;text-decoration:none;}
.links:visited{font-family:"century gothic";font-size:14px;color:#cccccc;text-decoration:none;}
.links:hover{font-family:"century gothic";font-size:14px;color:#ff3333;text-decoration:none;}

.more:link{font-family:"century gothic";font-size:14px;color:#ff3333;text-decoration:none;}
.more:active{font-family:"century gothic";font-size:14px;color:#ff3333;text-decoration:none;}
.more:visited{font-family:"century gothic";font-size:14px;color:#ff3333;text-decoration:none;}
.more:hover{font-family:"century gothic";font-size:14px;color:#ff0000;text-decoration:none;}