@charset "UTF-8";

body {
  margin: 0;
  padding: 0;
  background: #ccc;
}
a {
	color:#0099CC;
}
span {
	color:#0099CC;
	font-size:70px;
	font-family:Segoe, "Trebuchet MS", Verdana, sans-serif;
}
em {
	color:#FF4550;
	font-size:H1;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style:inherit;
}
 
.nav ul {
  list-style: none;
  background-color: #444;
  text-align: center;
  padding: 0;
  margin: 0;
}
nav ul:after {
		content: ""; clear: both; display: block;
	}
.nav li {
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-size: 1.1em;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #888;
}
 
.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: .3s background-color;
}
 
.nav a:hover {
	background-color: #0099CC;
}
 
.nav a.active {
  background-color: #FF4550;
  color: #444;
  cursor: default;
}
nav ul ul {
	display: none;
}
	nav ul li:hover > ul {
		display: block;
	}
	
 
@media screen and (min-width: 600px) {
  .nav li {
    width: 140px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
  }
 
  /* Option 1 - Display Inline */
  .nav li {
    display: inline-block;
    margin-right: -1px;
  }
 
  /* Options 2 - Float
  .nav li {
    float: left;
  }
  .nav ul {
    overflow: auto;
    width: 600px;
    margin: 0 auto;
  }
  .nav {
    background-color: #444;
  }
  */
}

body,td,th{
	background-image: url(../images/koko.jpg);
	background-position:center;
	background-repeat:repeat;
	font-family: Segoe, "Trebuchet MS", Verdana, sans-serif;
	color: #FFFFFF;	
}
 container {
	 width: 800px;
	 margin: 300px;
	 padding: 10px;
	 text-align: left;

 }
	h1 {
	color:#C0C0C0;
	font-family:Segoe, "Trebuchet MS", Verdana, sans-serif;
	text-align: left;
}
h3 {
	color:#0099CC;
	font-size:50px;
	font-family:Segoe, "Trebuchet MS", Verdana, sans-serif;
}
	h2 {
	color:#FF4550;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style:inherit;
	font-style: normal;
	text-align: left;
}

p {
	color: #FFFFFF;
	font-weight: normal;
	font-size: large;
}
div{
	color: #FFFFFF;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	webkit-box-shadow: 0px 0px #25A8D7;
	font-style: normal;
	text-shadow: 0px 0px;
	font-weight: normal;
}