body {


background: #DDD url('../yin_bg.png') ;
	padding: 0; padding-top: 1em;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size: 13px;
		background-color: #f6ecdd;
}

#main_table
{
background: url('../yinyogi_web.png') no-repeat 30px 30px ; 
margin-top:30px
}

h1, h2 {
	font-variant: small-caps;
	text-align: center;
	font-size: 180%;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

h2 {
	font-size: 160%;
}



#toc {position: relative;margin-right: 127px;left: 570px; top:53px; WIDTH: 320PX;}

#toc li
{

display: inline;
text-decoration: none;

}

#toc li a
{
text-decoration: none;
}



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 {
position: static;
margin-bottom: 85px;
 margin-right: 107px;
 
width:830px;
height:350px;
FLOAT:RIGHT;
clear:both;

}


#img_content_left
{
float: left;
margin-right:10px;
background-color:white;padding:10px 10px 20px 10px;
margin-bottom:10px;
border:1px solid #a89780
}
#img_content_right
{
float: right;
margin-right:10px;
background-color:white;padding:10px 10px 20px 10px;
margin-bottom:10px;
border:1px solid #a89780
}