*{margin:0;padding:0;border-collapse:collapse;font-size:100%;}

html {height: 100%;}

@media screen and (max-width: 800px) {
    body {
        font-size:110%;
    }
}
@media screen and (max-width: 1000px) {
    body {
        font-size:90%;
    }
}
.demo {
    font-size: 3vw; /* 3% of viewport width */
}
   
table{width:100%; }

	
.img {max-width: 100%;
     }
    .kl {
	font-family: bold "Courier New", Courier, monospace;
        color: #d20758; 
       }
	}
   	ul {
        display: inline;
        font: 18px bold Arial;
	}
	li {
	    display: inline;
        margin-left:1%
        padding-left: 1%;
	}
	li a {
	     color: #350789;
	     font-size: 22px;
	font-family: "Courier New", Courier, monospace;
    padding-left: 8%;
    padding-top: 2%;
	}
	td{
	    padding-top: 2%;
	    padding-left: 2%;
	}
#abc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	width:100%;

      }
#abc li {
	float: right;
	padding-left: 20px;
	padding-right: 20px;
       }
      li a {
        font: 14px Arial;
        text-decoration: none;
            }

#abc .psti2 a {
	color: #B3DCE3;
}
#abc .psti2 a:hover {
	color: #FF8040;
}
.menu {
	font-size: 12px;
	color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	padding-top: 35px;
	margin-left: 5px;
	line-height: 25px;
}
a:visited {
	color: #28638E;
}

a:link {
	color: #000000;
}
a:active {
	color: #BC74C7;
}
a:hover {
	color: #FF8040;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	padding-top: 15px;
	margin-top: 10px;
	width: auto;
	background-color: #B1D8D8;
}
.log {
	padding-top: 10px;
	padding-left: 25px;
}

.post {
	border-color: #000000;
	border: 2px;
        text-align: ;
	padding-left: 30px;
}
.post2 {
	padding-top: 20px;
}
.spst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.pst2 {
	padding-top: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-left: 5px;
      }

.pst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-left: 35px;
	
}
.pst3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
    color: #4E4E4E;
     }
.nova {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 30px;
	margin-top: 3px;
}

.menu li {
	margin-top: 5px;
}
.psti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	padding-top: 5px;
	background-color:  #E1E1E1;
	padding-left: 10px;
	padding-right: 10px;
}
.post {
	border-color: #000000;
	padding-top: 5px;
	border: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 7px;
	margin: 2px;
}
.slog01 {
	padding-top: 15px;

}
.as {
	font-family: Verdana, bold;
	font-size: 14px;
    color: #4E4E4E;
   	padding-left: 20px;
    padding-right: 20px;
 }
.pst4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-left: 10px;
        color: #4E4E4E;
}
.content{
	padding-right: 30px;
}
.psti2 {
	background-color:#77B0BB;
	padding-top: 5px;
        color: #4E4E4E;
}
.p { color:#C088C1; 
    font-size:35px;
    font-family:Times New Roman", serif; align="left" 
}
dd{font: bold 28px Verdana;color:#34525a;}
dd a{font: bold 18px Arial;color:#fff;}

h1 {
	font-size: 22px;
	color: #4B4B4B;
	font-family: "Courier New", Courier, monospace;
    padding-left: 20%;
    padding-top: 2%;
    padding-bottom: 2%;
     }
 h2 {
	font-size: 16px;
	color: #4B4B4B;
	font-family: "Courier New", Courier, monospace;
    padding-left: 20%;
    padding-top: 1%;
     }