body { background: #222; margin: 0; padding: 0; overflow: hidden }

div#break { position: absolute; top: 250px; left: 0; width: 100%; height: 25px; background: #555;
filter: Alpha(Opacity=70, FinishOpacity=10, Style=1, StartX=0, StartY=100, FinishX=0, FinishY=20) }

pre { color: #EDC }

h1 { position: absolute; top: 5px; left: 125px; width: 640px; height: 55px; text-align: center; color: #966;
background: #444; letter-spacing: 0.6em; text-transform: uppercase; padding: 10px; font: bold 22pt verdana }

h3,h4 { font-family: sans-serif; margin: 0 14px 0.3em }
h3 { font: bold 14pt; text-transform: uppercase }
h4 { font: bold 12pt }

li { list-style-type: square }
u { color: #ee2; text-decoration: none; font: bold; margin: 10px 12px }

form { margin: 20px 14px }


div#content { position: absolute; top: 5px; left: 125px; width: 640px; height: 510px; color: #999; background: #000 }

div#content2 { position: absolute; top: 65px; left: 125px; overflow-y: scroll;
scrollbar-base-color: #444; scrollbar-arrow-color: #777; width: 640px; height: 450px; color: #999; background: #111;
filter: Alpha(Opacity=95, FinishOpacity=25, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0) }

div#content3 { position: absolute; top: 5px; left: 125px; overflow-y: scroll; scrollbar-base-color: #444; scrollbar-arrow-color: #777;
width: 640px; height: 510px; color: #222; background: url(pic/bak.gif) #000;
filter: Alpha(Opacity=90, FinishOpacity=30, Style=2, StartX=50, StartY=50, FinishX=100, FinishY=100) }

div#content, div#content2, div#content3 { font: 10pt verdana, sans-serif; padding: 10px; border: solid 5px #444 }

div#content a,div#content2 a { color: #eef; text-decoration: none }
div#content a:hover,div#content2 a:hover { color: #000; background: #dd8 }
div#content p,div#content2 p { margin: 0 1em 1em; font: italic 10pt sans-serif }

div#content2 a span { display: none }
div#content2 a:hover span { display: block; position: absolute; right: 0; width: 112px; text-align: center; color: #eef; background: #000 }



div#links { position: absolute; top: 65px; left: 0; width: 130px; height: 600px; font: 10px verdana, sans-serif; z-index: 100 }

div#links a { display: block; text-align: center; font: bold 1em sans-serif;
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; text-decoration: none; color: #cca;
   background: #444; border-right: 5px solid #444 }

div#links a:hover { color: #f00; background: #555; font: bold 11px; padding: 4px 10px; border-right: 5px double white }
div#links a img { height: 0; width: 0; border-width: 0 }
div#links a:hover img { position: absolute; top: -40px; left: 150px; height: 90px; width: 65px }
div#links a span { display: none }
div#links a:hover span { display: block; position: absolute; top: -55px; left: 0; width: 120px;
   padding: 1px; margin: 2px; z-index: 100; color: #777; background: #222;
   font: 9px verdana, sans-serif; text-align: center }