body
{ 
background-image: url('images/taiji-3.gif'); 
background-repeat: no-repeat; 
background-position:  fixed; 
margin : 10px;
	font: Verdana, Helvetica, Arial;
	padding: 0px;
}  

h1 
{
color: grey;
text-align: left;
font-size: 16pt
}

H1 {
font-family: arial,helvetica,sans-serif; 
font-weight:bold font-size:16pt; 
color: #999999;
left: 100px;
	
}
hr {color: sienna}

p 
{
margin-left: 20px;
font-family: "sans serif";
text-align: left;
}
p.right {text-align: right}
p.center {text-align: center}

div#t1
{
background-color:#FFFFF;
position:absolute;
top: 220px;
left : 180px;
height: 240px ;
width: 260px;
}


div.showyintext
{
background-color:#FFFFF;
position:absolute;
top: 220px;
left : 180px;
height: 240px ;
width: 260px;
z-index: 1 ;
visibility : hidden ;
}

div#t2
{
color : #ffffff;
position : absolute;
top: 320px;
left : 300px;
height: 70px ;
width: 220px;
z-index: 1 ;
}

div.showyangtext
{
color : #ffffff;
position : absolute;
top: 320px;
left : 300px;
height: 70px ;
width: 220px;
z-index: 1 ;
visibility : hidden ;
}


img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
img.x
{
position : absolute;
left:0px;
top:0px;
z-index:-1
}

div.showyinpic
{
color : #ffffff;
position : absolute;
top: 125px;
left : 300px;
height: 100px ;
width: 100px;
z-index : 3;
visibility:hidden;
}

div.showyinpic:hover
{
	cursor: pointer;
	left : 295
}

div.showyangpic
{
color : #ffffff;
position:absolute;
top: 370px;
left : 300px;
height: 100px ;
width: 100px;
z-index : 3;
visibility:hidden;
}
div.showyangpic:hover
{
	cursor: pointer;
	left : 295
}

#menu {
border-bottom : 1px solid #ccc;
margin : 0;
padding-bottom : 19px;
padding-left : 10px;
}

#menu ul, #menu li	{
display : inline;
list-style-type : none;
margin : 0;
padding : 0;
}

	
#menu a:link, #menu a:visited
{
background : #E8EBF0;
border : 1px solid #ccc;
color : #666;
float : left;
font-size : small;
font-weight : normal;
line-height : 14px;
margin-right : 8px;
padding : 2px 10px 2px 10px;
text-decoration : none;
}

#menu a:link.active, #menu a:visited.active
{
background : #fff;
border-bottom : 1px solid #fff;
color : #000;
}

#menu a:hover
{
background : #000066;
color : #fff;
}

body.section-1 , 
body.section-2 ,
body.section-3 ,
body.section-4 ,
body.section-5 ,
body.section-6
{
background : #fff;
border-bottom : 1px solid #fff;
color : #000;
	
}
	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a ,
body.section-6 #menu li#nav-6 a
{
background : #fff;
border-bottom : 1px solid #fff;
color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6
 {
display : none;
width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6
{
display : inline;
left : 10px;
position : absolute;
top : 75px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a
{
background : #fff;
border : none;
border-left : 1px solid #ccc;
color : #999;
font-size : smaller;
font-weight : bold;
line-height : 10px;
margin-right : 4px;
padding : 2px 10px 2px 10px;
}

 #menu ul a:hover {
	color : #f00 !important;
}
 #menu ul a:visited {
	background : #ff0000 
	color : #ffffff 
}

#contents {
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
	padding-top : 60 ;
	height : 1200 ;
}


.yinsection
{
background-color : white;
color : #000000;
position:absolute;
top: 80px;
left : 100px;
height: 620px ;
width: 620px;
visibility:hidden;
z-index : 10;
border: 2px solid grey;
padding : 10px;
}

.yangsection
{
background-color : black;
color : #ffffff;
position:absolute;
top: 80px;
left : 100px;
height: 800px ;
width: 620px;
visibility:hidden;
z-index : 10;
border: 2px solid light grey;
padding : 10px;
}

.yangsection table
{
background-color : black;
color : #ffffff;
z-index : 10;
padding : 10px;
}

.yinsection table
{
background-color : white;
color : #000000;
z-index : 10;
padding : 10px;
}

.tborder
{
border: 1px solid grey;
}
.yinlink  a:link { color : #000000 }   
.yinlink  a:hover  { color : #cccccc ; text-align : right;}   

.yanglink  a:link { color : #ffffff }   
.yanglink  a:hover  { color : #ffff00  ; text-align : right}   

.yang
{
color : white;
font: Verdana, Helvetica, Arial;
}
.yin
{
color : black;
font: Verdana, Helvetica, Arial;
}