ul.topnav{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#0022ff;}ul.topnav li{float:left;}ul.topnav li a{display:inline-block;color:#ffffff;text-align:center;padding:14px 16px;text-decoration:none;transition:0.3s;font-size:17px;}ul.topnav li a:hover{background-color:red;}ul.topnav li.icon{background:limegreen;color:#ffffff;display:none;}@media screen and (max-width:680px){ul.topnav li:not(:first-child){display:none;}ul.topnav li.icon{float:right;display:inline-block;}}@media screen and (max-width:680px){ul.topnav.responsive{position:relative;}ul.topnav.responsive li.icon{position:absolute;right:0;top:0;}ul.topnav.responsive li{float:none;display:inline;}ul.topnav.responsive li a{display:block;text-align:left;} body{background:#fffffe;margin:auto;max-width:680px;box-shadow:0px 0px 3px;font-family:robotto, serif;line-height:1.5em;font-size:14px;color:#000000;} .body2{background:#000099;margin:auto;max-width:680px;padding:15px;box-shadow:0px 0px 3px;font-family:robotto, serif;line-height:1.5em;font-size:14px;color:#ffffee;} .body3{background:#000099;margin:auto;max-width:680px;box-shadow:0px 0px 3px;font-family:robotto, serif;line-height:1.5em;font-size:14px;color:#ffffee;}a{color:#000099;text-decoration:none;}a:visited{color:#0066ff;} .text{padding-left:6px;padding-right:6px;font-size:14px;}input[type=text], input[type=password]{border:1px solid #afafaf;padding:3px;}textarea{border:1px solid #afafaf;padding:3px;}input[type=submit]{background:#0088aa;border:none;padding:4px;}form{padding:4px;}img{max-width:90%;}.head{padding:3px;background:white;}.nav{}.cmenu{color:#ffffff;background:#2a2a2a;font-size:14px;padding:9px;margin-bottom:auto;margin-top:auto;} .h1{font-size:150%;color:#ffffff;max-width:680px;background:#0066ff;padding:15px;margin-bottom:auto;margin-top:auto;} h1{font-size:140%;color:#ffffff;max-width:680px;} h2{font-size:130%;color:#ffffff;max-width:680px;} h3{font-size:125%;color:#ffffff;max-width:680px;}h4{font-size:120%;color:#ffffff;max-width:680px;}} .h2{font-size:112%;color:#ffffff;max-width:680px;background:#cc0000;padding:10px;margin-bottom:auto;margin-top:auto;} .h3{font-size:108%;color:#000022;max-width:680px;background:#ddffff;padding:10px;margin-bottom:auto;margin-top:auto;}.cmenu a{color:white;}.menu{background:#ffffff;font-size:14px;max-width:680px;color:#0000ff;text-color:#000022;padding:10px;border-bottom:1px solid #afafaf;} .menu2{background:#ffffff;color:#000022;font-size:14px;max-width:680px;padding:10px;border-bottom:1px solid #afafaf;style-color:#0000ff;}.menu a{color:white;}.post{margin:4px;background:white;border:1px solid #afafaf;}.title{padding:3px;border-bottom:1px solid #dfdfdf;}.content{padding:6px;text-align:left;}.content img{border:1px solid #afafaf;padding:2px;margin:2px;}.error{padding:3px;color:red;}.post-bottom{padding:3px;}.page{padding:2px;}.page a{background:white;border:1px solid #008888;padding:2px;padding-right:4px;padding-left:4px;}.page span{background:#008888;padding:3px;padding-right:5px;padding-left:5px;color:white;font-weight:bold;}.foot{background:#fafafa;padding:4px;border-top:3px solid #afafaf;} .button{background-color:#00cc33;border:none;a:#ffffff;padding:12px 25px;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;cursor:pointer;border-radius:16px;font-size:17px;}} .footer{background:#000000;padding:10px;color:#ffffee;}