@charset "utf-8";
*{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
body{
  font-family: serif;
  /*saltandpepper*/
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 2%, rgba(0, 0, 0, 0.5) 100%), -webkit-radial-gradient(51% 97%, #E8E8E8 7%, #CCCCCC 97%);
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.5) 2%, rgba(0, 0, 0, 0.5) 100%), radial-gradient(51% 97%, #E8E8E8 7%, #CCCCCC 97%);
  background-blend-mode: multiply;
  background-attachment: fixed;
}
.box1024{
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  box-shadow: 7px 0px 30px #333333;
  /*cosmos*/
	background-color: #797572;
  background-image: -webkit-linear-gradient(263deg, rgba(255, 255, 255, 0.2) 0%, #000000 100%), -webkit-linear-gradient(18deg, rgba(255, 255, 255, 0.25) 25%, rgba(0, 0, 0, 0.25) 100%), -webkit-radial-gradient(47% 102%, rgba(255, 255, 255, 0.5) 0%, rgba(21, 24, 32, 0.6) 120%);
  background-image: linear-gradient(-173deg, rgba(255, 255, 255, 0.2) 0%, #000000 100%), linear-gradient(72deg, rgba(255, 255, 255, 0.25) 25%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(47% 102%, rgba(255, 255, 255, 0.5) 0%, rgba(21, 24, 32, 0.6) 120%);
  background-blend-mode: multiply;
  background-attachment: fixed;
}
.header{
  color : #cccccc;
  background-color : #005511;
}
.title{
  font-size: 48px;
  background-image: linear-gradient(179deg, #b8751e 5%, #ffce08 30%, #fefeb2 39%, #fafad6 40%, #fefeb2 41%, #e1ce08 47%, #b8751e 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 20px;
  margin-right: 50px;
  margin-bottom: 15px;
  margin-left: 50px;
  float: left;
  font-weight: bold;
}
.nav{
  font-size : 18px;
  float: right;
  margin: 20px;
  padding-left : 0px;
  padding-right : 0px;
}
.nav a{
  color : #dddddd;
  text-decoration : none;
  padding : 0px;
}
.nav a:hover{
  color : #00ccff;
}
.clear{
  clear: both;
}
.breadcrumb{
  font-size: 18px;
  color : #cccccc;
  background-color : #440011;
  text-align: center;
  background-image : linear-gradient(transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, rgba(0, 0, 0, 0.1) 100%);
  box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset,0 2px 10px 0 rgba(255,255,255,.5) inset,0 -2px 2px 0 rgba(0,0,0,.1) inset;
  border : 1px solid rgba(0, 0, 0, 0.2);
  padding-top : 2px;
  padding-bottom : 2px;
}
.breadcrumb a{
  color : #cccccc;
}
.breadcrumb a:visited{
  color : #00cccc;
}
.main{
  padding-top: 15px;
  color: #ffffff;
  padding-right: 20px;
  padding-left: 20px;
}
h1{
  font-size: 30px;
  color: #ffffff;
  padding-top: 0px;
  padding-left: 15px;
  font-family: serif;
  border-left-width : 5px;
  border-left-style: solid;
  border-left-color : #ffffff;
  margin-top: 15px;
  margin-left: 30px;
}
h2{
  font-size : 22px;
  font-weight : bold;
  padding-left : 8px;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #999999;
  margin-top: 20px;
  margin-left: 40px;
}
h3{
  font-size: 16px;
  font-weight: bold;
  margin-left : 65px;
  margin-top: 10px;
}
table{
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  border-spacing: 15px 15px;
  width: 905px;
}
table a{
  color : #cccccc;
  text-decoration : none;
}
table a:hover{
  color : #00ccff;
}
td{
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  color: #ffffff;
  vertical-align: top;
  box-shadow: 5px 5px 10px #111111;
  width : 830px;
}
td p{
  padding-top: 12px;
}
.footer{
  font-size: 100%;
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 14px;
  text-align: center;
  background-color: #111111;
}
ul{
  column-count: 4;
  margin : 10px 40px 30px 100px;
}
ul a{
  color: #55ddff;
  text-decoration: none;
}