.nav a:link {
  color:white;
  text-decoration: none;
  background-image: linear-gradient(#80A7E3,#223045);
  text-shadow: -0.5px -0.5px 0 #60799E, 0.5px -0.5px 0 #60799E, -0.5px 0.5px 0 #60799E, 0.5px 0.5px 0 #60799E;
  border-style:outset; border-width:0.5px; border-color:#60799E;
}

.nav a:visited {
  color:white;
  background-image: linear-gradient(#80A7E3,#223045);
  text-decoration: none;
  text-shadow: -0.5px -0.5px 0 #60799E, 0.5px -0.5px 0 #60799E, -0.5px 0.5px 0 #60799E, 0.5px 0.5px 0 #60799E;
   border-style:outset; border-width:0.5px; border-color:#60799E;
}

.nav a:hover {
  color:#223045;
background-image: linear-gradient(#223045,#80A7E3);
text-shadow: -0.5px -0.5px 0 #223045, 0.5px -0.5px 0 #223045, -0.5px 0.5px 0 #223045, 0.5px 0.5px 0 #223045;
   border-style:inset; border-width:0.5px; border-color:#60799E;
}

.nav a:active {
  color:#223045;
background-image: linear-gradient(#223045,#80A7E3);
text-shadow: -0.5px -0.5px 0 #223045, 0.5px -0.5px 0 #223045, -0.5px 0.5px 0 #223045, 0.5px 0.5px 0 #223045;
   border-style:inset; border-width:0.5px; border-color:#60799E;
}

 html,body {
    height:100%;
}

body{color:white;font-size: 14px; background-image:url("rain.jpg"); background-size:100% 100%; background-repeat: no-repeat; background-attachment:fixed; font-family:Lucida Console;}

p {margin:0px; padding-left:5px; }

.nav a {margin-left:5px;border-radius:10px; padding:2px; padding-top:4px; font-size: 13px; font-weight: bold;}

.frame{width:850px;margin-left:auto; margin-right:auto; margin-top:1%;border-style:outset; border-width:1.5px; border-color:#bbc6d8; overflow:visible; border-radius: 10px; }

.frame2{width:950px;margin-left:auto; margin-right:auto; margin-top:1%;border-style:hidden; border-width:1.5px;overflow:visible; border-radius: 10px; }

.header{ width: 100%; background-image:url("lain.png");background-size:100% 100%; border-style: hidden; height: 200px; border-bottom-style: solid; border-color:#bbc6d8; border-width:1px; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.repeat{background-image:url("cutefrank.webp");background-repeat: repeat-x;background-size: 40px 40px;height:40px;margin-left:auto; margin-right:auto; margin-bottom:10px;}

.titletop{width: 100%; min-height:20px; border-bottom-style: outset; border-color:#9c9c9c; border-width:1px; background-image: linear-gradient(#223045,#80A7E3,#223045);font-weight: bold;text-shadow: -0.5px -0.5px 0 #60799E, 0.5px -0.5px 0 #60799E, -0.5px 0.5px 0 #60799E, 0.5px 0.5px 0 #60799E;}

.titlebox{width: 100%; border-bottom-style: outset; border-color:#bbc6d8; border-width:1px; background-image: linear-gradient(#223045,#80A7E3,#223045); font-weight: bold; padding-top:5px;  margin-bottom:8px; border-top-left-radius: 10px; border-top-right-radius: 10px;text-shadow: -0.5px -0.5px 0 #60799E, 0.5px -0.5px 0 #60799E, -0.5px 0.5px 0 #60799E, 0.5px 0.5px 0 #60799E;}


.splitcontainer{ width:100%; overflow:auto; background-image:url("bg1.gif"); border-style:hidden; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}


.left{ width:16%; border-style: hidden; margin-right: auto; margin-left: 1.5%; float:left; margin-bottom:30px; border-radius: 10px; }

.right{ width:79%; border-style: hidden; margin-left: auto; margin-right: 1.5%; margin-bottom:30px; overflow:scroll; border-radius: 10px; }

.center{ width:85%; border-style: hidden; margin-left: auto; margin-right: auto; overflow:show; border-radius: 10px;margin-bottom:30px;}
.leftbig{ width:22%; border-style: hidden; margin-right: auto; margin-left: 2%; float:left; margin-bottom:30px; border-radius: 10px; }

.rightsmall{ width:72%; border-style: hidden; margin-left: auto; margin-right: 2%; margin-bottom:10px; overflow:hidden; border-radius: 10px; }

.fillbox{width: 99%; border-style:outset; border-width:1px; border-color:#bbc6d8; background-color:black; background: rgba(0,0,0,0.5);overflow-wrap: break-word;  border-radius: 10px;}

.halfbox{width: 48%; border-style:outset; border-width:1px; border-color:#bbc6d8; background-color:black;  background: rgba(0,0,0,0.5); overflow-x: wrap; overflow-y: wrap; border-radius: 10px; }

.bottom{width:100%; height:30px;border-style:hidden; text-align:center;}