@charset "utf-8";
/* CSS Document */
html {background-color:#000} 
body {font-family: Helvetica, Arial, sans-serif; line-height: 1.25}
h1, h2, h3, h4, h5 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #EDE7E7}
h1 {font-size:x-large}
h2, h3, h4, h5 {font-size: large}
li {font-size: medium; color:#EDE7E7}
p {font-size: medium; color:#EDE7E7}
sub {color:#CCC}
a:link{color:#FFF}
a:visited {color:#FFF}
a:hover {color:#FF0}  
a:active {color: #F00;}
#header {margin: auto; text-align:center}
#header a {text-decoration:none}
#wrapper {background:#EDE7E7; border:#999 groove; max-width:1185px; margin-top: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 2px 2px #333;  -webkit-box-shadow: 1px 2px 2px #333; box-shadow: 2px 2px 3px #333}
.menu {margin-top: 1.5em; margin-bottom: 0.5em; padding 0.5em; text-align:center; position:relative; z-index:5}
.menuul {list-style-type: none; text-align: center; position:relative; z-index:4;}
.menuul li {display: inline-block;}
.menuul li a {line-height: 38px;text-decoration: none; border:#999 groove; padding: .2em .8em; color: #EDE7E7; background-color: #000; font-size: large; font-weight: bold; margin:0.5em;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;-moz-box-shadow: 1px 2px 2px #333;  -webkit-box-shadow: 1px 2px 2px #333; box-shadow: 2px 2px 3px #333}
.menuul li a:hover {color: #000; background-color: #FFF}
.menuul li a:active {color: #000; background-color:#FF0}
.menu select {display: none}
#homecontent figure {margin:auto; text-align:center}
.middle {margin: 1em; text-align:center; padding: 8px; background-color:#000; border: #999 groove; border-width: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 2px 2px #333;  -webkit-box-shadow: 1px 2px 2px #333; box-shadow: 2px 2px 3px #333}
.left, .right {background-color:#000; border: #999 groove; border-width: 2px;	padding: 8px; margin: 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 2px 2px #333;  -webkit-box-shadow: 1px 2px 2px #333; box-shadow: 2px 2px 3px #333}
.left h2, .right h2 {text-align:center}
.pagecontent {background-color:#000; border: #999 groove; border-width: 2px; padding: 1em; margin: 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 2px 2px #333;  -webkit-box-shadow: 1px 2px 2px #333; box-shadow: 2px 2px 3px #333}
.pagecontent h1 {text-align: center}
#foot {text-align: center; margin: 0.5em}
#foot li {display:inline;}
#foot a:link {color: #000}
#foot a:visited {color: #000}
#foot a:hover {color: #FF0}
#foot a:active {color: #F00}
.address {text-align: center}
.copy {float:left; margin:0.4em}
.comnad {float:right; margin: 0.4em}
@media (max-width: 601px) {
  .menu ul { display: none; }
  .menu select {display: inline-block; border: 1px solid #999; text-align: center; float:none; margin: auto}
  #foot {text-align: left}
  .copy, .comnad {float: none; text-align:center}
}