@import url(fonts.css);
@import url(navi.css);
@import url(ext.css);
@import url(accordion.css);

body {background-color: #fff2eb;}

#all, #topnavi, #footer {  width:100em;}

#all {margin:0 auto;}

#topnavi {height:3em;}

#main {
  background: #224b11; /* Old browsers */
background: -moz-linear-gradient(top, #224b11 0%, #477534 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224b11), color-stop(100%,#477534)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #224b11 0%,#477534 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #224b11 0%,#477534 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #224b11 0%,#477534 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224b11', endColorstr='#477534',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #224b11 0%,#477534 100%); /* W3C */
padding:30px;
}

#header, #content, #main {width:94em;}


#header, #content, #footer {
  display:table;
  border-collapse:collapse;

}

#header {height:13em;}

#slogan, #logo,
#text, #advert,
#about, #more, #others, #contact {display:table-cell;  vertical-align:top;}

#slogan {width: 69em;}

#slogan h1 {
    font-size: 7em;
    padding: 0 0 0 10px;
    width: 290px;
  float:left;

}

#slogan a {text-decoration:none;  color:#fff;}

#slogan h2 {
  float:left;
  width:350px;
    color: #85BB6E;
    font-size: 2em;
  padding:0 0 10px 0;
}

#slogan h1, #slogan h2, #slogan a {
    font-family: Georgia,Times,serif;
    font-style: italic;
    font-weight: normal;
}

#slogan h2.second {
    padding: 0 0 10px 40px;
}

#slogan h2 a {color:#85BB6E;}

#logo {width:250px;}

#logo img {padding: 0 0 20px 0;}

#logo h1.sitename { 
  display: inline;
    height: 0;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 0;}

#navi, #hingucker, #breadcrump {width:940px;}

#navi {
  background-color:#85bb6e;
  height:3em;
  margin:0 0 1px 0;
  z-index:10;
}

#hingucker {
  height:20em;
  overflow:hidden;
  z-index:1;
}

#breadcrump {
  height:2em;
  padding:1em 0;
  color:#fff;
}

#text {
  background-color:#fff;
  width:63em;
  padding:4em;
}

#advert {
  width:20em;
  padding: 0 0 3em 3em;

}

#cite {

}



#footer {

background: #0d2638; /* Old browsers */
background: -moz-linear-gradient(top, #0d2638 0%, #2a4457 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d2638), color-stop(100%,#2a4457)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0d2638 0%,#2a4457 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0d2638 0%,#2a4457 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #0d2638 0%,#2a4457 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2638', endColorstr='#2a4457',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #0d2638 0%,#2a4457 100%); /* W3C */
color:#fff;
}

#footer h3, #footer p, #footer a, #footer li {color:#fff;}

#footer a {text-decoration:none;}

#footer li {list-style:none; padding: 0 0 0 20px;}

#footer p {padding: 0 0 0 20px;}

#about, #more, #others, #contact {padding:2em;}