body{
 min-width:320px;
 line-height:1.5;
 color:#333;
 background-image: url("../img/b006.gif");
}
img {
 max-width:100%;
 height:auto;
 margin: 0;
}
.ie8{
 width:auto;
}
.clearfix{
 zoom:1;
}
.clearfix:after{
 content:"";
 display:block;
 clear:both;
}
#wrapper{
 max-width:940px;
 margin:0 auto;
 background-color:#ffffff;
}
header{
 margin:0;
 padding: 15px 10px 10px 30px;
 height: 45px;
 background-color: #008000;
}
nav{
 background: #1d4000;
 border-bottom: 1px solid #456729;
 background: #1d4000;
 background: -WebKit-liner-gradient(top,#1d4000,#183400);
 background: -moz-liner-gradient(top,#1d4000,#183400);
 background: -o-liner-gradient(top,#1d4000,#183400);
 background: liner-gradient(to bottom,#1d4000,#183400);
 box-shadow: 0 1px 1px #000;
 text-align: center;
 }
nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
nav ul li {
 float: left;
 width: 25%;
 font-family: 'Marcellus SC', serif;
 font-size:14px;
 letter-spacing: 0.1em;
 text-align: center;
 text-shadow: 1px 1px 1px #000;
}
nav ul li a {
 display: block;
 padding: 3px 0;
 color: #fff;
 text-decoration: none;
}
nav ul li:nth-child(odd) a {
 border-right: 1px solid #0b1900;
}
.ie7 ul li{
  width: 49.84375%;
}
article {
  margin:0;
  background-color:#ffffff;
  padding: 0;
    }
article h2{
 height:30px;
 color:#FFFFFF;
 font-size:16px;
 font-weight:bold;
 text-align:center;
 padding-top: 10px;
 margin:0px;
 background-color: #008000;

}
article ul{
  margin: 0;
  padding: 3px 3px 3px 20px;
  list-style: none;
  text-decoration: none;
  border:2px solid #008000;
  margin-bottom:5px;
}
article ul li{
  background-color: #fff;
  padding: 5px;
}
aside{
  margin: 0;
background-color:#ffffff;
}
aside h2	{
  height:30px;
  color:#FFFFFF;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  margin:0px;
  padding-top: 10px;
  background-color: #008000;
}
aside ul{
  margin: 0;
  padding: 3px 0px 3px 3px;
  text-decoration: none;
  list-style: none;
}
aside ul li a:link{
  color: #006633;
}
aside ul li a:visited{
   color: #669900;
}
aside ul li a:hover{
  color:#FF9933;
}
aside ul li a:active{
  color:#33cc00;
}
.C7{
 background-image:url('../img/banner06.gif');
 background-repeat:no-repeat;
}
.C8{
 list-style-image:url('../img/btn01.gif');
}
footer{
background-color: #008000;
  font-size:12px;
  height:50px;
  padding:5px 0px 0px 0px;
  text-align:center;
}
footer p {
  color: #ffffff;
}
#content{
 padding:0;
 margin: 0;
}
H7{
 font-size:14px;
 font-weight:bold;
 color:#FF6600;
 border-bottom: 5px solid #FF6600;

}
/*media Queries
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
  header h1 {
    line-height: 1.5;
  }
  nav ul li {
    width: 15%;
  }
  .ie7 nav ul li{
    width: 24.9166%;
  }
  nav ul li a {
    border-right: 1px solid #0b1900;
  }
  nav ul li:last-child a {
    border-right: none;
  }
   /*old IE*/
  nav ul li.last a{
    border-right: none;
  }
  #content {
    padding: 0;
  }
  #content article{
    float: left;
    width: 48.9361%;
    /*620px(8column)/940px*/
  }
  #content aside{
    float: right;
   width: 48.9361%;
    /*300px(4column)/940px*/
  }
}

@media only screen and (min-width: 960px) {
}
@media screen and (max-width: 400px) {
nav ul li {
width:15%;}
}