* {
  margin: 0;
  padding: 0;
}
html {
  background: #ffffff;
}
body {
  _width: 100%;
  background-color: #0f90f3;
  color: #888;
  font: 16px Helvetica, Arial, sans-serif;
  margin: 0 auto;
  max-width: 1200px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  }
h1 {
  font: 2.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-weight: 600;
  padding: 20px 0 20px;
  }
h2 {
  font: 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;    
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
  padding: 20px 40px;
  }  
h3 {
    font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  margin: 0 auto 10px;
  }
ul { 
    list-style: disc;
    padding: 0 0 0 15px;    
}
#container {
  padding: 0;
  }  
.content {
    background-color: #888;
    text-align: justify;
    color: #ffffff;
    font-weight: 600;
    padding: 20px 80px;
}
.content2 {
    background-color: #0f90f3;
    color: #ffffff;
    padding: 20px 20px 10px 20px;
}
.content3 {
    background-color: #0f90f3;
    text-align: justify;
    color: #ffffff;
    padding: 20px 40px 10px 40px;
}
.content4 {
    background-color: #35b3f5;
    text-align: justify;
    color: #ffffff;
    padding: 20px 40px 10px 40px;
}
.content5 {
    background-color: #35b3f5;
    text-align: left;
    color: #ffffff;
    padding: 0 40px 10px 40px;
}
.content6 {
    background-color: #000066;
    text-align: center;
    color: #ffffff;
    padding: 20px 40px 10px 60px;
}
.content7 {
    background-color: #000066;
    text-align: left;
    color: #ffffff;
    margin: 0 30px 0 30px;
    padding: 0 30px 10px 40px;
}
.content8 {
    background-color: #35b3f5;
    text-align: center;
    padding: 0px 5px 0px 5px;
}
.content9 {
    background-color: #0f90f3;
    text-align: center;
    color: #ffffff;
    padding: 20px 0px 30px 0px;
}
.first-img {
    padding: 10px 20px 0px 0px;
}
.second-img {
    padding: 10px 0px 0px 20px;
}

#main_form {
        position: relative; top:2%; left:auto;
    }
p,h4,pre {
  text-align: center;
  max-width: 540px;
  margin: 0 auto 20px;
  }
.rslides {
  margin: 0 auto;
  }
a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    }
a:hover {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-decoration: underline;
    }
    
a.kstl {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #f0f908;
    text-decoration: underline;
    }
a.kstl:hover {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    color: #f0f908;
    text-decoration: underline;
    }
    
a.blue {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000080;
    text-decoration: none;
    }
a.blue:hover {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #000080;
    text-decoration: underline;
    }
	.center {
		max-width:1200px;
		background-color: #000066;
		width:100%;
		margin:0 auto;
	}
.row{
	width:100%;
	background:#eaeaea;
	padding:2.857em 0;
}
.columns{width:100%;	}

	.columns:after{
		content:"";
		display:block;
		clear:both;
	}

	.columns > div,
	.columns > article{
		float:left;
		vertical-align:top;
	}

	.columns > div:first-child,
	.columns > article:first-child{margin-left:0;}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .half,
	.half + .oneForth + .oneForth,
	.last{
		float:right;
		margin-right:0;
	}
	


.oneThird{
	width:32%;
	margin:1%;
	text-align: left;
}
.oneThird +.oneThird +.oneThird{
	float:right;
	margin-right:0;
}
.footer {
  font-size: 11px;
    background-color: #000066;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    padding: 20px 80px;
  }
@media screen and (max-width: 1200px) {
  h1 {
    font: 2.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
    }
#main_form {
        position: relative; top:2%; left:auto;
    }
  }  
@media screen and (max-width: 1024px) {
  h1 {
    font: 2.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
    }
#main_form {
        position: relative; top:2%; left:auto;
    }
.content {
    background-color: #888;
    text-align: justify;
    color: #ffffff;
    padding: 20px 4%;
}
  }  
@media screen and (max-width: 768px) {
  h1 {
    font: 1.7em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
    }
#main_form {
        position: relative; top:2%; left:auto;
    }
h2 {
  padding: 0px 15%;
  }
.content {
    background-color: #888;
    text-align: justify;
    color: #ffffff;
    padding: 20px 4%;
}
.content7 {
    background-color: #000066;
    text-align: left;
    color: #ffffff;
    padding: 0 20px 10px 20px;
}
	.center {
		max-width:1200px;
		width:100%;
		margin:0 auto;
	}
	.columns > div,
	.columns > article{
		float:none;
		margin:0;
		width:100%;
	}

.first-img {
    padding: 10px 0px 0px 0px;
}
.second-img {
    padding: 10px 0px 0px 0px;
}
  }
@media screen and (max-width: 480px) {
  h1 {
    font: 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
    }
#main_form {
        position: relative; top:2%; left: auto;
    }
h2 {
  padding: 0px 2%;
  }
.content {
    background-color: #888;
    text-align: justify;
    color: #ffffff;
    padding: 20px 3%;
}
.content7 {
    background-color: #000066;
    text-align: left;
    color: #ffffff;
    padding: 0 10px 10px 10px;
}
	.columns > div,
	.columns > article{
		float:none;
		margin:0;
		width:100%;
	}
  }  
@media screen and (max-width: 320px) {
  h1 {
    font: 1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
    }
#main_form {
        position: relative; top:2%; left: auto;
    }
h2 {
  padding: 0px 2%;
  }
.content {
    background-color: #888;
    text-align: justify;
    color: #ffffff;
    padding: 20px 3%;
}
.content7 {
    background-color: #000066;
    text-align: left;
    color: #ffffff;
    padding: 0 10px 10px 10px;
}
.first-img {
    padding: 10px 0px 0px 0px;
}
.second-img {
    padding: 10px 0px 0px 0px;
}
  }
  

