*{
    margin:0px;
    padding:0px;
}
body
{
    background-color:#D4E7F0; /*为了解决底部1px空白*/
}
#header {
    height:100px;
    min-width:1024px;
    background-image:url(../images/entry/header_bg.jpg);
}    
#logo{
   float:left;   
   height:100px;
   width:260px;
   background-image:url(../images/entry/logo.jpg);
}
#headerRight{
   float:right;   
   height:100px;
   width:247px;
   background-image:url(../images/entry/header_right.jpg);
   background-position:right center;
   background-repeat:no-repeat;
   border:solid 0px red; /*调试用*/
   font-size:12px;
}
#headerRight .help{       
   background-image:url(../images/entry/icon_help.jpg);   
   background-position:left center;
   background-repeat:no-repeat;
   padding-left:20px;   
}
#headerRight .topmenu{   
   border:solid 0px red; /*调试用*/
   width:240px;
   height:25px;
   line-height:25px;
   text-align:right;
   color:#fff;

}
#headerRight .topmenu a{   
   color:#fff;
   text-decoration:none;   
}
#headerRight .userinfo{   
   border:solid 0px red; /*调试用*/
   height:30px;
   text-align:left;
   color:#fff;
   padding-top:14px;
   padding-left:80px;
}
#topestMenu{
    float:left;
    margin:0px;
    margin-top:10px;
    margin-left:10px;
    min-width:410px;
    list-style-type:none;    
    border:solid 0px red;    
}
#topestMenu li{
    display:block;
    border:solid 0px #cccccc;
    width:70px;
    height:76px;    
    padding-top:3px;
    padding-bottom:3px;    
    margin:1px;
    margin-right:5px;          
    cursor:pointer;
    float:left;    
}
#topestMenu li:hover{    
    /*联合使用border和margin值，使得当鼠标放到图标上时不出现图标晃动*/
    border:solid 1px #3f97c9;
    margin:0px;
    margin-right:4px;    
}
#topestMenu li.selected{
    border:solid 1px #3f97c9;
    margin:0px;
    margin-right:14px;    
}

#sideBar {
    width:200px;
    min-height:100px;
    background-color:#f5f5f5;
    border-left:solid 0px #b9cad3;    
    border-right:0px;
    border-top:0px;    
    border-bottom:0px;
    float:left;
    
    /*初始给sidebar限定一个高度,并设置为超出部分隐藏，
      否则通过jquery得到的屏幕宽度为1423(减去了垂直滚动条的宽度)而不是1440;
      因为浏览器先呈现html，然后又通过js脚本来计算并设置宽度和高度，此时浏览器已经
      将垂直滚动条的宽度计算进去了；    
    */
    height:200px;
    overflow:hidden;
} 
#switchBar {
    width:5px;
    min-height:100px;
    background-color:#4098ca;
    border:0px;
    border-left:solid 0px #b9cad3;                       
    float:left;
    cursor:pointer;
}
#main {
    min-height:100px;
    background-color:#f5f5f5;
    border:solid 1px #b9cad3;
    border-left:0px;
    border-top:0px;    
    border-bottom:0px;
    float:left;
} 
#footer {
    height:30px;    
    background-color:#D4E7F0;
    border-top:solid 1px #b9cad3;
    clear:both;
    min-width:1024px;
    
    /*清除浮动*/
    overflow:hidden;
    height:1%;    
} 
#footer .dateinfo{    
    line-height:30px;    
    float:left;
    width:500px;
    font-size:12px;
    color:#000000;
    border:solid 0px red; /*调试用*/
} 
#footer .copyright{    
    line-height:30px;    
    float:right;
    width:500px;
    font-size:12px;
    color:#000000;
    text-align:right;
    padding-right:20px;
    border:solid 0px red; /*调试用*/
} 
#footer .copyright a{    
    color:#000000;
    text-decoration:none;
} 

#divAboutPanel {
    /*
    width:400px;
    height:192px;
    */
    background-image:url(../images/entry/about.jpg);
    display:none;
}
#versionInfo {
    margin-top:85px;
    height:95px;
    border:solid 0px red;
    text-align:right;
    padding-right:5px;
    line-height:150%;
    font-size:12px;
}
