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}


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

	
#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;
}

.yinsection
{
background-color : white;
color : #000000;
position:relative;
height: 600px ;
width: 480px;
z-index : 10;
border: 2px solid grey;
padding : 10px;
z-index : 1;
}

.yangsection
{
background-color : black;
color : #ffffff;
position:relative;
height: 700px ;
width: 484px;
Z-index : 10;
border: 2px solid light grey;
padding : 10px;
z-index : 3;
}

.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;
}