html, body {
  height: 100%;
}

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  font-family: Arial,sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color:#333333;
  background: #D5D8CD;
}

a{
  color: #0076a3;
  outline: none;
  text-decoration: underline;
}
  a:hover {
    text-decoration: none;
  }

h1{
  font-size: 18px;
}

p{
  margin: 10px 0; 
}
  
#main{
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

#logo{
  position: absolute;
  top: 20px;
  left: 10px;
  width: 220px;
  height: 90px;
}

#slogan {
  position: absolute;
  top: 20px;
  left: 250px;
}

#wp {
	left: 825px;
    position: absolute;
    top: 32px;
}

#main_menu{
  position: absolute;
  width: 980px;
  height: 45px;
  right: 0px;
  top: 125px;
}
  #main_menu ul{
    position: relative;
    width: 100%;
    height: 40px;
    text-align: center;
  }
    #main_menu ul li.menu_li{
      display: inline-block;
      margin-right: 2%;
      font-weight: bold;     
      font-size: 16px;
    }
      #main_menu ul li.menu_li:last-child{
        margin-right: 0;
      }
      #main_menu ul li.selected{
        padding: 10px;
        color: white;
        background: #3e3d37;
      }
      #main_menu ul li a{
        color: #3f3c31;
        font-size: 16px;
        display: block;
        padding: 10px;
        text-decoration: none; 
      }
        #main_menu ul li a:hover{
          color: white;
          background: #3e3d37;
        }

#content{
  position: relative;
  width: 98.5%;
  float: left;
  margin-top: 170px;
  margin-left: 8px;
  margin-right: 8px;
}

#im1, #im2{
  float: left;
  position: relative;
}

.ban_title{
  position: absolute;
  background: #000000;
  opacity: 0.6;
  width: 600px;
  height: 72px;
  top: 319px;
  left: 380px;
}

.ban_text{
  font-size: 21px;
  color: white;
  position: absolute;
  top: 340px;
  left: 420px;
}

#text{
  width: 100%;
  float: left;
  position: relative;
  margin-top: 10px;
  min-height: 200px;
  padding-bottom: 20px;
  border-bottom: 1px solid #666666;
  margin-bottom: 30px;
}

#news{
  width: 100%;
  position: relative;
  float: left;
}

.new{
  width: 30%;
  margin-top: 10px;
  float: left;
  margin-right: 3%;
}

.new_cont{
  font-size: 12px;
}
  .new_cont a{
    text-decoration: underline;
  }
  .new_cont p{
    margin: 0;
  }
  
.new_date{
  font-size: 12px;
  color: #000000;
  margin-top: 3px;
}

#footer{
  float: left;
  margin-top: 20px;
  position: relative;
  width: 100%;
  background: #666666;

  margin-bottom: 10px;
  bottom:0;
}

#design{
  position: absolute;
  right: 10px;
  top: 15px;
  width: 120px;
  height: 20px;
  font-size: 12px;
  color: #D5D8CD;
}
  #design a{
    color: #e5eeea;
  }

#cont{
  position: relative;
  margin: 15px;
  width: 400px;
  color: #D5D8CD;
  font-size: 12px;
}