document.write('
');
document.write('body {
');
document.write(' margin: 32px 0 0 0;
');
document.write('}
');
document.write('#toolbar {
');
document.write(' display: block;
');
document.write(' padding: 0 40px;
');
document.write(' margin: 0;
');
document.write(' background-color: #333;
');
document.write(' border-bottom: 2px solid #AAA;
');
document.write(' height: 30px;
');
document.write(' position: fixed;
');
document.write(' width: 100%;
');
document.write(' top: 0;
');
document.write(' left: 0;
');
document.write(' opacity: 0.95;
');
document.write(' list-style:none;
');
document.write(' z-index: 1;
');
document.write('}
');
document.write('#toolbar li {
');
document.write(' float: left;
');
document.write(' margin:0;
');
document.write(' padding:0;
');
document.write('}
');
document.write('#toolbar li a {
');
document.write(' display:block;
');
document.write(' padding:8px 15px 7px 15px;
');
document.write(' text-decoration:none;
');
document.write(' font: bold 12px Arial, Helvetica, sans-serif;
');
document.write(' color: white;
');
document.write('}
');
document.write('#toolbar li:hover ul {
');
document.write(' display: block;
');
document.write('}
');
document.write('#toolbar li:hover a {
');
document.write(' border-top: 2px solid white;
');
document.write(' padding-top: 6px;
');
document.write('}
');
document.write('#toolbar ul {
');
document.write(' display: none;
');
document.write(' float: none;
');
document.write(' position: absolute;
');
document.write(' margin: -5px 0 0 15px;
');
document.write(' padding: 0;
');
document.write(' list-style: none;
');
document.write(' z-index: 2;
');
document.write(' border-bottom: 2px solid black;
');
document.write(' background-color: white;
');
document.write(' opacity: 0.9;
');
document.write('}
');
document.write('#toolbar ul li {
');
document.write(' margin: 0;
');
document.write(' padding: 0;
');
document.write(' display: block;
');
document.write(' float: none;
');
document.write('}
');
document.write('#toolbar ul li a {
');
document.write(' width: 150px;
');
document.write(' margin: 0;
');
document.write(' padding: 8px 15px 8px 15px;
');
document.write(' display: block;
');
document.write(' float: none;
');
document.write(' font: bold 12px Arial, Helvetica, sans-serif;
');
document.write(' color: black;
');
document.write('}
');
document.write('#toolbar ul li a:hover {
');
document.write(' background-color: #DDD;
');
document.write('}
');
document.write('
');
document.write('/* for IE 6 and below, because they do not support position: fixed; */
');
document.write('<!--[if lte IE 6]>
');
document.write('@import "iehack.css"
');
document.write('<![endif]-->
');
document.write('
');
document.write('BODY { margin: 0; }
');
document.write('#toolbar { position: absolute; }
');
document.write('
');
document.write('
<ul id="toolbar">');
document.write('
<li>');
document.write('
<a href="javascript:void(0)">Item one
</a>');
document.write('
<ul>');
document.write('
<li><a href="#">Something
</a></li>');
document.write('
<li><a href="#">Something
</a></li>');
document.write('
<li><a href="#">Something
</a></li>');
document.write('
<li><a href="#">Something
</a></li>');
document.write('
</ul>');
document.write('
</li>');
document.write('
<li>');
document.write('
<a href="javascript:void(0)">Item two
</a>');
document.write('
<ul>');
document.write('
<li><a href="#">Something
</a></li>');
document.write('
<li><a href="#">Something
</a></li>');
document.write('
</ul>');
document.write('
</li>');
document.write('
<li>');
document.write('
<a href="#">Item Three
</a>');
document.write('
</li>');
document.write('
</ul>');
document.write('
');