.wrapper{
   width: 100%;
   margin: 0 auto;
}
.header{
   float: left;
   width: 100%;
   height: 85px;
   background: linear-gradient(to bottom right, #33cc33, #000000);
   font-family: sans-serif;
   font-size: 200%;
   color: #e6e600;
}
.wrapright{
   float: left;
   width: 100%;
   background-color: #cccccc;
}
.right{
   min-height: 300px;
   padding-left: 10px;
   padding-right: 15px;
   margin-left: 210px;
   background-color: #e6e6e6;
}
.left{
   float: left;
   width: 180px;
   margin-left: -100%;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
   background-color: #cccccc;
   font-family: sans-serif;
}
.footer{
   float: left;
   width: 100%;
   height: 50px;
   padding-left: 10px;
   background-color: #000000;
   font-family: sans-serif;
   font-size: 55%;
   color: white;
}
body {
   padding: 0px;
   margin: 0px;
}
h1, h2, h3, h4 {
   
   margin-bottom: -3px;
}
.navButton {
	width:90%; 
    height:35px; 			 
	border-radius:15px; 
	font-family:sans-serif; 
	font-size:90%; 
	text-align:center; 
	color: black;
}
.navButtonSub {
	width:75%;
	height:20px;
	font-size:80%;
}
.navButton:hover {
	background-color: lightgreen;
	color: black;
}
.navButton:active {
  background-color: green;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.protip {
	margin: auto;
	width: 95%;
	border: 3px solid green;
	padding: 10px;
	color: green;
}
.notice {
	margin: auto;
	width: 75%;
	border: 3px solid red;
	padding: 10px;
	color: red;	
}