ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
position: absolute;
top:136px;
left:650px;
}

ol#toc li {
    float: right;
    margin: 0 1px 0 0;
padding:3px;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}




ol#toc a {
    background: #73624d url(tab.png);
    color: white;
    display: block;
    float: left;
    height: 2em;
    padding:0px 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #f6e7dd;
    background-position: 0 -120px;
color:black;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    background-color: #f6e7dd;
    background-position: 0 -60px;
    color: black;
    font-weight: bold;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tab.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.content {

   
    clear: left;
    padding: 1em;
width:830px;
height:350px;
margin-top:40px;
margin-left:30px;
}

div.page

{
	
	background: url('../yinyogi_web.png') no-repeat 30px 30px ; 
	height: 650px;
	
}