SOURCE

<div class="wrap">
  <div class="top">
    <div class="topl">
      <h1><a href="#">书城网络服务中心</a></h1>
    </div>
  </div>
  <div class="shortnfo">
    <div class="menuitems">
      <ul>
        <li><a href="#"><strong>首页</strong></a></li>
          <li><a href="#"><strong>关于</strong></a></li> 
        <li><a href="#"><strong>产品展示</strong></a></li>  
        <li><a href="#"><strong>技术服务</strong></a></li> 
        
        <ul>
          </div>
      </div>
      <div class="content">
        <div class="leftcolumn">
          <h2>市场营销</h2>
          <ul>
        <li><a href="#"><strong>营销网络</strong></a></li>
          <li><a href="#"><strong>营销管理</strong></a></li> 
        <li><a href="#"><strong>营销方案</strong></a></li>  
        <li><a href="#"><strong>营销策略</strong></a></li> 
        
        <ul>
          </div>
          <div class="rightcolumn"> 
            <div class="center"> 
              <div class="post"> 
                <h2><a href="#" rel="bookmark">欢迎走进书城网络服务中心</a></h2>
                <div class="entry"> 
                  <img src="" align="left"/>
                  <p>书城网络服务中心成立于2006年9月，......</p>
                  <img src=""align="right"/>
                  <p>中心组建商务产业研究脑库机构和产业联盟，......</p>
                    <p>中心举办电子商务产业培训，国外电子商务......</p>
                </div>
              </div>
              </div>
            </div>
            </div>
          <div class="footer">
            <p>Copyright&copy;2013 网络服务中心 All Rights Reserved</p>
             </div>
            </div>

body{
  margin:0pt;
    padding:0pt;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size:11px;
  color:rgb(102 102 102)
    
}

wrap{
  margin:0pt;
  background:url()repeat-y center top;
  width:762px;
}
img{
  border:0px none;
  magin:0pt;
  paddding:0pt;
}

top{
  background:url()repeat-y center top;
   clear:both;
  width:702px;
  height:83px;
  padding-left:30px;
    padding-right:30px;
}

.topl{
  
   background:url()repeat-y center top;
  width:350px;
  height:83px;
  float:left;
  
}
.topl h1{
  margin:0px 40px;
  padding：25px 0pt 0pt;
  background-color:rgb(255, 255, 255);
  font-size:26px;
  font-weight:normal;
}
.topl h1 a{
  color:#08519c;
  text-decoration:none;
}
.shortnfo.menuitems{
  padding:12px 34px 30px 30px;
  text-align:right;
}
.content{
  clear:both;
  width:762px;
}
.content .leftcolumn{
  margin:0pt;
  padding:10px 8px 10px 25px;
  float:left;
  width:225px;
  }
.content .leftcolumn h2 a{
  font-size:20px;
}
.leftcolumn ul{
  margin:0pt;
  padding:0pt 0pt 5px;
  font-size:12px;
  font-family:"宋体";
  list-style-type:none;
}
.leftcolumn li{
  magin:7px 0px;
   clear:both;
 padding-left:30px;
}
.leftcolumn a:link,.leftcolumn a:visited{
  color:rgb(102 102 102);
  font-weight:normal;
  text-decoration:none;
  
}
.leftcolumn a:hover{
  color:rgb（176,0,0);
  font-weight:bold;
  text-decoration:none;
}
.content .rightcolumn{
  padding:15px 0px 10px 8px;
  float：left；
  width：470px;
}
.post{
  margin:0pt 0pt 20px;
}
.entry{
  padding:5px;
}
.center p{
  margin:5px 0px;
  font-size:12px;
  line-height:1.5;
  text-indent:2em;
}
.post{
  margin-right；10px;
}



.footer
{
  width:702px;
  height:40px;
  margin-left:12px;
  padding-left:34px;
  padding-top:10px;
  border-top:1px solid #999;
  clear:both;
  font-family:Verdana,Genwva,Arial,Helvetica,sans-serif;
  font-size：12px;
  color:#08519c;
}

.footer p{
  text-align:center;
  margin:0pt;
  pading:0pt;
}