* { padding: 0; margin: 0; border: 0; font-family: inherit; }

a:link,a:active,a:visited {color : #FFFFFF;text-decoration: none;}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  background-color: #f0f0f8;
  /*-moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
}

code, pre, abbr, kbd {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

#wrapper {
  width: 955px;
  margin: auto;
  background-color: white;
}

.banner {
  height: 318px;
}

.banner img {
  height: 318px;
}

.bannerword {
  background-color: #ffd801;
  padding: 30px;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
  font-family: verdana;
}

.section1 {
  margin: 20px 10px 10px 30px;
  width: 70%;
  height: 170px;
}

.section1 p {
  text-align:justify;
}

.section1 img {
  float: left;
  margin: 0 10px 0 0;
}

.section2 {
  width: 100%;
  height: 170px;
}

.section2 div {
  width: 70%;
  height: 100%;
  float: right;
  margin: 0 30px 0 0;
}

.section2 img {
  float: right;
  margin: 0 0 0 10px;
}

.section2 p {
  text-align: justify;
}

.section3 {
  background-color: #ffd801;
  padding: 20px;
}

.section3 ul {
  margin: 0 30px 0 30px;
}

.clear {
  clear: both;
}

.copyright {
  background-color: #ffd801;
  padding: 5px;
}

.copyright p {
  text-align: center;
  font-size: .8em;
}

@media only screen
and (min-width : 320px)
and (max-width : 640px) {
  #wrapper { width: 100%;}
  .banner {height: 120px}
  .banner img {width: 100%; height: 120px;}
  .bannerword {padding: 10px; font-size: .7em;}
  .section1 {margin: 5px; width: auto;height:auto;}
  .section1 img {width: 30%}
  .section1 p {font-size: .7em}
  .section2 {height: auto;}
  .section2 div {width: auto; margin: 5px;}
  .section2 img {width: 40%;}
  .section2 p {font-size: .7em;}
  .section3 {padding: 5px;font-size: .7em;}
}