body {
     background-color: #ffffff;
      margin: 0;
padding: 0;

}

.container{

    /*Border:3px solid #fec514;*/
    width:1000px;
    height:1465px;
    margin: auto;
    border-style:solid; border-width:3px; border-color:#fec514
}

.topDiv{

      width:100%;
      height:200px;
      /*background: url('http://www.laopostvte.com/Images/TopBg.jpg') repeat-x fixed top;*/
     background-image:url(Images/TopBg.jpg);
     background-repeat: repeat-x;
}

.topLogoDiv{
    float:left;
    padding : 10px 0 0 50px;
}

.topFontDiv{

    font-size :55px;
     font-weight:bold;
     width:90%;
     text-align:center;
     padding-top: 30px;
     color:white;
}

/*.TopNavDiv{


}*/

.TopNavDiv ul {
    width: 100%; /*设置元素宽度为980px*/
    /*border: 1px solid #000;*/ /*设置一个颜色为#000，宽度为1px的边框*/
    margin:0px auto 0px auto;/*也可以简写为margin:0 auto*/
height:38px;
padding:0;
}


.TopNavDiv ul li{
float:left;/*让li元素左浮动*/
list-style:none;
}


.TopNavDiv ul li a{
width:150px;/*设置元素宽*/
height:28px;/*设置高度*/
line-height:28px;/*设置行距为28px，让文字在每行的中间位置*/
background:#ffffff;/*设置元素的背景为红色*/
color:#f3cc5b;/*文字颜色*/
/*margin:5px 10px;*/
font-size:20px;/*用12号字*/
font-weight:bold;
display:block;/*这个比较关键，因为a本身就是联级元素，本身不具有宽高，用这个把它变成块级元素，这样前面设置的宽和高就能起作用了*/
text-align:center;/*让文本居中*/
text-decoration:none; /*去掉下划线*/
}

.TopNavDiv ul li a:hover{ /*这个大概的意思就是当鼠标放到这个a元素的上面时，这个a元素的样式就按下面的代码执行*/
width:150px;
height:26px;
line-height:28px;
border:1px solid red;
color:red;
background:#ffffff;
}

.bodyDiv{

    clear:left;
    /*margin-top:-150px;*/
    /*background-color:white;*/
    /*background-image:url(Images/FootBg.gif);*/
    /*width:1000px;
    height:477px;*/
    /*margin-top:100px;*/
    /*z-index:1;*/
}

.MiddleFontDiv{

    color:#2e5e86;
    font-family : Arial;
    font-size:24px;
    font-weight:bold;
    padding: 0px 0 0 50px;
}

.MiddleDiv{

    width:100%;
    padding-top:100px;


}

.MiddleLeft {
    
    float:left;
    padding-left:50px;
    width:300px;
}

.MiddleRight{
      
   
     clear:right;
     margin-top: -80px;
     /*margin-left:80px;*/
    
     /*width:100%;
     height:300px;
     background-image:url(Images/MiddleRight.jpg);
     background-repeat: no-repeat;*/
}

.MiddleLetterBg{
    margin-top:-320px;
    margin-left:180px;
       height:500px;
       /*z-index:-1;*/

   background-image:url(Images/MiddleLetterBg.jpg);
     background-repeat: no-repeat;
}

/*.ContentBgTop{

         height:24px;
         width:100%;
      background-image:url(http://www.laopostvte.com/Content/Images/ContentBgTop.gif);
     background-repeat: repeat-x;

}

.ContentBgLeft
{
    width:40px;
    height:auto;
    background-image:url(http://www.laopostvte.com/Content/Images/ContentBgLeft.gif);
    background-repeat: repeat-y;
    margin-left:0px;

}*/

/*.ContentBgRight{

    width:40px;
    height:auto;
    background-image:url(http://www.laopostvte.com/Content/Images/ContentBgRight.gif);
    background-repeat: repeat-y;
    margin-left:960px;
}*/

 .MiddleContent{

    clear:left;

    margin-top:-800px;
    /*background-color:white;*/
    background-image:url(Images/ContentBg.png);
    width:1000px;
    height:537px;
    padding-top:50px;
    padding-left:50px;
    background-repeat:no-repeat;
}

.ContentBgFoot{

     width:1000px;
    height:477px;
     background-image:url(Images/FootBg.gif);
     background-repeat: repeat-x;
   margin-top:230px;

}

.clear{

    clear:left;
}