#outline{
 text-align: left;
 width: 700px;
 margin-top: 40px;
 margin-left: auto;
 margin-right: auto;
}

#top{
 color: #483d8b;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.5;
 margin: 10px;
 padding-right: 5px;
 padding-bottom: 10px;
}

#left{
 color: #ccc;
 font-size: 12px;
 width: 300px;
 line-height: 1.5;
 margin-top: 40px;
 margin-left: 30px;
 float: left;
}

#right{
 color: #ccc;
 font-size: 12px;
 width: 320px;
 line-height: 1.5;
 margin-top: 170px;
 margin-right: 10px;
 padding-left: 30px;
 float: left;
}

#left2{
 color: #444;
 font-size: 12px;
 width: 300px;
 line-height: 1.5;
 margin-top: 40px;
 margin-left: 30px;
 float: left;
}

#right2{
 color: #444;
 font-size: 12px;
 width: 320px;
 line-height: 1.5;
 margin-top: 170px;
 margin-right: 10px;
 padding-left: 30px;
 float: left;
}

#left3{
 color: #ccc;
 font-size: 12px;
 width: 300px;
 line-height: 1.5;
 margin-top: 40px;
 margin-left: 10px;
 float: left;
}

#right3{
 color: #ccc;
 font-size: 12px;
 width: 320px;
 line-height: 1.5;
 margin-top: 170px;
 margin-right: 10px;
 padding-left: 20px;
 float: left;
}

#left4{
 color: #ccc;
 font-size: 12px;
 width: 300px;
 line-height: 1.5;
 margin-top: 70px;
 margin-left: 60px;
 float: left;
}

#right4{
 color: #ccc;
 font-size: 12px;
 width: 280px;
 line-height: 1.5;
 margin-top: 170px;
 margin-right: 0px;
 padding-left: 10px;
 float: left;
}

#left5{
 color: #444;
 font-size: 12px;
 width: 300px;
 line-height: 1.5;
 margin-top: 60px;
 margin-left: 60px;
 float: left;
}

#right5{
 color: #444;
 font-size: 12px;
 width: 280px;
 line-height: 1.5;
 margin-top: 170px;
 margin-right: 0px;
 padding-left: 20px;
 float: left;
}

#main{
 color: #ccc;
 font-size: 12px;
 width: 485px;
 lign-height: 1.5;
 margin-top: 30px;
 margin-left: 100px;
 float: left;
}

#main2{
 color: #444;
 font-size: 12px;
 width: 485px;
 lign-height: 1.5;
 margin-top: 30px;
 margin-left: 100px;
 float: left;
}

#wrap{
 position: relative;
}

#bottom{
 clear: both;
 color: #696969 ;
 font-size: 12px;
 text-align: center ;
 margin: 10px ;
 margin-top: 60px;
 margin-bottom: 50px;
 padding-top: 5px;
}

body{
 color: #a9a9a9;
 font-size:13px;
 font-weight: normal;
 line-height:1.5;
 text-align:center;
 letter-spacing:normal;

 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #a9a9a9;
 scrollbar-shadow-color: #a9a9a9;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #a9a9a9;
 scrollbar-track-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
}

a:link{
 color: 483d8b;
 font-weight: bold;
}
a:visited{
 color: 483d8b;
 font-weight: bold;
}
a:active{
 color: 483d8b;
 font-weight: bold;
}
a:hover{
 color: #ddddff;
 font-weight: bold ;
 border-bottom-style: solid;
 border-bottom-color: #483d8b;
 border-bottom-width: 1px ;
 cursor:ne-resize;
 position: relative;top: 2px;left: 2px ;
}

a{
 text-decoration: none;
}

img{
 border-width: 0;
}

.tree{
 display: none;
}

dl{
}

dt.po{
 color: #483d8b;
 font-size: 15px;
 font-weight: bold;
 line-height: 1.5;
 margin-left: 30px;
 margin-bottom: 20px;
}

dd.po{
 color: #483d8b;
 font-size: 12px;
 font-weight: normal;
 line-height: 1.5;
 margin-left: 40px;
}

dt.po2{
 color: #cccccc;
 font-size: 15px;
 font-weight: bold;
 line-height: 1.5;
 margin-left: 30px;
 margin-bottom: 20px;
}

dd.po2{
 color: #cccccc;
 font-size: 12px;
 font-weight: normal;
 line-height: 1.5;
 margin-left: 40px;
}

dt.menu{
 color: #483d8b;
 font-size: 13px;
 font-weight: bold;
 line-height: 1.5;
 margin-bottom: 5px;
}

dd.menu{
 color: #483d8b;
 font-size: 12px;
 font-weight: normal;
 line-height: 1.5;
 margin-left: 5px;
}

div.r{
 text-align: right;
 margin-top: 10px;
}

div.l{
 text-align: left;
 font-size: 14px;
 margin-top: 10px;
 margin-bottom: 30px;
 margin-left: 30px;
}

div.co{
 color: #cccccc;
 font-size: 11px;
 font-weight: normal;
 margin-top: 5px;
}

div.p{
 font-size: 14px;
 text-align: right;
 margin-top: 80px;
}

div.c{
 color: #696969;
 font-size: 13px;
 text-align: center;
}