div{
display:block;
margin:0;
padding:0;
font-family:sylfaen arial;
border:0;
}

.Title{
font-size:32px;
font-weight:700;

}

.hName{
font-size:12px;
font-weight:300;
color:grey;
background-color:#ddddee;
float:left;
width:200px;
margin:5px 15x 5px 5px;
border:3px solid white;
border:3px solid white;
border-bottom:2px inset #ccccdd;

}

.hDesc{
font-size:12px;
font-weight:300;
color:grey;
background-color:#ddddee;
float:left;
width:800px;
margin:5px 15x 5px 5px;
border:3px solid white;
border-bottom:2px inset #ccccdd;

}
.hEnd{
clear:both;
width:100%;
}


.hHeader{
width:1200px;
}

.hHeader div{
display:inline-block;
float:left;
background-color:#dde;
margin:1px 5px 1px 5px;
}


.hHeader .hH1{
width:200px;
}

.hHeader .hH2{
width:200px;
}

.hHeader .hH3{
width:500px;
}

.hHeader .hH4{
width:200px;
}



.hBody{
width:1200px;
}

.hBody div{
display:inline-block;
float:left;
background-color:transparent;
margin:1px 5px 1px 5px;
}


.hBody .hB1{
width:200px;
color:#0095DD;
font-weight:700;
font-family:sylfaen arial;
}

.hBody .hB2{
width:200px;
}


.hBody .hB3{
width:500px;
}

.hBody .hB4{
width:200px;
}



.cName{
font-size:18px;
font-weight:700;
margin-bottom:20px;

}

.cDesc{
font-size:14px;
font-weight:300;
margin-bottom:10px;
}

.cEnd{
clear:both;
width:100%;
height:50px;
}



.lName{
font-size:18px;
font-weight:700;
float:left;
width:200px;
margin:5px 15px 5px 5px;
color:#0095DD;
}

.lDesc{
display:block;
font-size:12px;
font-weight:300;
width:800px;
float:left;
}

.lEnd{
clear:both;
width:100%;
}

.pre,
pre {
display:block;
width:100%;
border: 1px solid #ddd;
padding: 5px;
box-shadow: 0px 0px 5px #ddd;
background: rgb(250,250,255);
min-height:50px;
}

.allSubShown *{
border:2px dotted #ddd;
padding:3px;
}