#container{
background-color:#000000;
margin: 10px auto;
width: 800px;
height: 660px;
}
#header{
background-image: url(puipui.jpg);
width: auto;
height: 130px;
text-align: center;
}

#sidebar{
background-color:#FFCC00;
float: left;
width: 200px;
height: 500px;
}
#content{
background-color:#FFFFFF;
float: right;
width: 600px;
height: 500px;
}
#footer{
text-align: right;
background-color:#FF9966;
width: auto;
height: 30px;
clear: both;
}
#menu{
margin-top: 20px;
}
#date{
float: left;
text-align: right;
color: lime;
font-size: 12px;
font-family: times;
background-color: #000000;
height: 20px;
width: 100px;
margin-top: 50px;
padding-top: 3px;
}
#time{
float: right;
text-align: center;
background-color: #000000;
color:lime;
font: 12px times;
height: 20px;
width: 100px;
margin-top: 50px;
padding-top: 3px;
}
#welcome{
background-color:#99FF11;
text-align: center;
height: 30px;
width: 600px;
float: right;
margin-top: 40px;
}
#welcome_inf{
color: #000099;
text-align: center;
height: 80px;
width: 500px;
float: right;
margin-top: 60px;
margin-right: 50px;
margin-left: 50px;
}
#counter{
color: #000099;
font-weight: bold;
font-style: italic;
height: 40px;
width: 600px;
float: right;
margin-top: 30px;
}
#testbrowser{
color: #000099;
font-weight: bold;
text-align: center;
height: 40px;
width: 600px;
float: right;
margin-top: 80px;
}
#container2{
background-color:#AA1C2A;
width: 500px;
height: 420px;
margin: 40px 50px 40px 50px;
}
#container3{
background-color:#FFFFFF;
width: 500px;
height: 420px;
margin: 40px 50px 40px 50px;
}
#side_pic1{
width: 150px;
height: 420x;
float: left;
}
#side_pic2{
width: 500px;
height: 70x;
}
#side_pic3{
width: 500px;
height: 120x;
}
#side_pic4{
width: 500px;
height: 100x;
}
#intro{
color: #FFFFFF;
font-size: 10pt;
font-family: times;
text-align: left;
width: 310px;
height: 380px;
float: right;
margin: 20px;
}
#intro2{
color: #FFFFFF;
font-size: 10pt;
text-align: left;
width: 460px;
height: 200px;
margin: 10px 20px 0px 20px;
}
#intro2_1{
color: #FFFFFF;
font-size: 10pt;
text-align: left;
width: 230px;
height: 10px;
float: left;
margin: 10px 0px 10px 20px;
}
#intro2_2{
color: #FFFFFF;
font-size: 10pt;
text-align: left;
width: 230px;
height: 190px;
float: right;
margin: 10px 20px 10px 0px;
}

#intro3{
background-image: url(wave.png);
color: #000099;
font-size: 10pt;
text-align: left;
width: 460px;
height: 260px;
margin: 10px 20px 10px 20px;
}
#nexttab{
color: #000099;
font-size: 10pt;
font-family: tahoma;
text-align: right;
width: 460px;
height: 20px;
float: left;
margin: 0px 20px 0px 20px;
}
a{
text-decoration: none;
font-family: tahoma;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
}
a.style1{
width: 160px;
}
a.style2{
color: #000099;
}
a.style1:hover{
color: #3366CC;
font-size: 12pt;
background-color: #FFCC33;
}
a.style2:hover{
color: #FFFF33;
}
td.tdd:hover{
background-color: #FFCC33;
}
tr.table1{
height: 20px;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}