#owrap { width: 750px; overflow: hidden; }
#iwrap { width: 750px; }
.page { width: 750px; display: block; float: left; margin: 0; padding: 0; position: relative;}
header img { width: 100%; }


a#jumpToTop { position: fixed; bottom: 1em; right: 1em; width: 32px; height: 32px; background: url(../i/up.png) 0 0 no-repeat; text-indent: -9999em; display: none; opacity: 0.3}
a#jumpToTop:hover { opacity: 1; }
#tocToggle { position: fixed; top: 0.5em; left: 0.5em;display: block; width: 32px; height: 32px; background: url(../i/nav_icon.png) 0 0 no-repeat; text-indent: -9999em; opacity: 0.5;}
#tocToggle:hover { opacity: 1; }
#toc { position: fixed; top: 0.5em; left: 0.5em; background: #333; padding: 1em; border-radius: 5px; display: none; color: #fff; }
#toc h2 { margin: 0 0 0.5em 0; padding: 0; font-size: 1.5em; color: #000; font-weight: bold; color: #fff; }
#toc h3 { margin: 0; padding: 0 0 0.5em 0; font-size: 1.1em; color: #000; font-style: italic; color: #fff; }
#toc a.close { float: right; display: block; width: 32px; height: 32px; background: url(../i/close.png) 0 0 no-repeat; text-indent: -9999em; opacity: 0.4; }
#toc a.close:hover { opacity: 1; }
#toc img { width: 250px; margin: 0 0 10px 0; padding: 0;}
#toc ul { display: block; padding-top: 1em; width: 200px; font-family: sans-serif; font-size: 90%; height: 250px; width: 250px; overflow: auto; }
#toc ul { height: auto; }
#toc li { list-style: none; border-bottom: 1px solid rgba(0,0,0,0.1); }
#toc li a { color: #fff; text-decoration: none; display: block; margin-bottom: 1em;}
#toc li a:hover { text-decoration: underline; }
#toc li a.active { font-weight: bold; }

a#moveLeft { position: fixed; top: 40%; left: -5px; padding: 1em; font-size: 123%; color: #fff; background: rgba(0,0,0,0.5); border-radius: 5px; text-decoration: none; font-weight: bold; }
a#moveRight { position: fixed; top: 40%; right: -5px; padding: 1em; font-size: 130%; color: #fff; background: rgba(0,0,0,0.5); border-radius: 5px; text-decoration: none; font-weight: bold; }