@charset "UTF-8";

body {
background:#008000 repeat-x center top;
font-family: Arial, Helvetica, sans-serif; color:#666;
font-size:14px;
margin:0 0;
padding:10 0;
}

h1,h2,h3 {
font-weight:400;
color:#990000;
margin:0;
}

h1 {
font-size:22px;
}

h2 {
font-size:18px;
}


p,ul,ol {
margin-top:0;
line-height:140%;
text-align: inherit;
}

a {
color:#990033;
text-decoration:none;
}



#page {
	width: 75%;
	background: #FFF;
	margin: 0 auto;
	padding: 30px;
	-moz-border-radius: 1em;
	border-radius: 1em;
	font-family: Verdana, sans-serif;
}

#content {
float:right;
width:75%;
background:#FFF;
margin:0 auto;
padding:10px 0px 20px;
}

sectionl {
	width: 230px;
	float: left !important;
	margin: 30px  30px 40px 30px;
	background: #fff;
	padding: 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 0 15px #990000;
	-moz-box-shadow: 0 0 15px #990000;
	-webkit-box-shadow: 0 0 15px #990000;

}

sectionr {
	width: 230px;
	float: right !important;
	margin: 30px  10px 40px 30px;
	background: #fff;
	padding: 20px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0 0 15px #990000;
	-moz-box-shadow: 0 0 15px #990000;
	-webkit-box-shadow: 0 0 15px #990000;

}

#footer {
width:75%;
background:#009900;
color:#990000;
margin:1px auto;
margin:0 auto;
padding:20px;
-moz-border-radius: 1em;
border-radius: 1em;
}

#footer p {
text-align:left;
font-size:15px;
}


#big {
font-size:300px
font-weight:50;
color:#990000;
}

.topnav {
  overflow: hidden;
  background-color: #008000;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  font-family:Trebuchet MS, Helvetica, sans-serif;
  font-size:20px;
  font-weight:500;
color:#fff;

}

.topnav a:hover {
  background-color: #990000;
  color: black;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.active2 {
  color:#990000;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}