body {background-color: #1AC6FF;}
/* Lilac: #D0A9F5, Green: #99FF99, Blue: #1AC6FF */
/* body {background: url(images/right.png);} */

a           {color:blue;    font-family: Arial, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;}
a:hover     {color:red;     font-family: Arial, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;}
a.big       {color:blue;    font-family: Arial, sans-serif; font-size:18px; font-weight:bold; text-decoration:none;}
a.big:hover {color:red;     font-family: Arial, sans-serif; font-size:18px; font-weight:bold; text-decoration:none;}
p           {color:black;   font-family: Arial, sans-serif; font-size:12px; text-decoration:none;}
td          {color:black;   font-family: Arial, sans-serif; font-size:12px; text-decoration:none;}
li          {color:black;   font-family: Arial, sans-serif; font-size:12px; text-decoration:none;}
h1          {color:black;   font-family: Arial, sans-serif; font-size:32px; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto;}
h2          {color:black;   font-family: Arial, sans-serif; font-size:14px; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto;}
h3          {color:black;   font-family: Arial, sans-serif; font-size:18px; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto;}
h4          {color:black;   font-family: Arial, sans-serif; font-size:40px; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto; margin:0; padding:0; line-height: 60px;}
h5          {color:black;   font-family: Arial, sans-serif; font-size:20px; font-weight:bold;}
h6          {color:red;     font-family: Arial, sans-serif; font-size:24px; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto;}
i           {color:black;   font-family: Arial, sans-serif; font-size:18px; font-weight:bold; font-style:italic;}
i.tit2      {color:black;   font-family: Arial, sans-serif; font-size:20px; font-weight:bold; font-style:italic;}

input.text   {color:black; font-family: Arial, sans-serif; font-size:14pt; font-weight:normal; background-color:white;}
input.submit {color:white; font-family: Arial, sans-serif; font-size:14pt; font-weight:normal; background-color:darkblue; border-color:#EFEFEF; cursor:pointer;}
input[type="radio"] {transform: scale(1.5);}

hr.blue  {border-top: 1px dotted blue;}
hr.white {border-top: 1px dotted #FBFAEE;}

.justify    {text-align:justify;}
.bold14left {font-weight:bold; font-size:14px; text-align:left;}
.small      {color: black; font-weight:normal; font-size:12px; text-align:left; vertical-align:top;}

table.main   {text-align:center; border:0px; margin-left:auto; margin-right:auto; border-spacing:5px; width:1100px;}
table.footer {text-align:center; border:0px; margin-left:auto; margin-right:auto; border-spacing:0px; width:1100px;}
table.header {text-align:center; border:0px; margin-left:auto; margin-right:auto; border-spacing:0px;}
table.center {text-align:center; border:0px; margin-left:auto; margin-right:auto; border-spacing:0px;}
td.left      {text-align:center; vertical-align:top; width:250px;}
td.right     {text-align:left;   vertical-align:top; width:250px;}
td.buttons   {text-align:right;}
td.menu      {text-align:left;}
td.middle    {text-align:center; vertical-align:top; width:600px;}
td.center    {text-align:center; margin-left:auto; margin-right:auto; vertical-align:top;}
td.center25  {text-align:center; margin-left:auto; margin-right:auto; vertical-align:top; width:25%;}
td.title1    {text-align:center; margin-left:auto; margin-right:auto; font-weight:bold;   background-color:lightgrey; font-size:16pt;}
td.title2    {text-align:center; margin-left:auto; margin-right:auto; font-weight:normal; background-color:lightgrey; font-size:12pt;}
td.instr     {text-align:center; margin-left:auto; margin-right:auto; font-size:12pt;}
td.name      {text-align:left; font-size:14pt;}
td.top       {vertical-align:top;}
td.padded    {padding:10px 30px 0px 0px;}
tr.border    {outline:black 1px solid;}

div.center      {color:black; font-family: Arial, sans-serif; font-size:12px; text-decoration:none; text-align:center; margin-left:auto; margin-right:auto;}
div.centerbold  {color:black; font-family: Arial, sans-serif; font-size:24px; font-weight:bold; text-align:center; padding:15px 0px 0px 0px;}
div.rounded240  {border:1px solid blue; padding:5px 5px; background:lightblue; width:240px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);}
div.rounded240c {border:1px solid blue; padding:5px 5px; background:lightblue; width:240px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4); text-align:center; margin-left:auto; margin-right:auto;}
div.rounded380  {border:1px solid blue; padding:5px 5px; background:lightblue; width:380px; height:330px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4); text-align:center; margin-left:auto; margin-right:auto;}
div.rounded380b {border:1px solid blue; padding:5px 5px; background:lightblue; width:380px; height:480px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4); text-align:center; margin-left:auto; margin-right:auto;}
div.rounded400  {border:1px solid blue; padding:5px 5px; background:lightblue; width:400px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4); text-align:center; margin-left:auto; margin-right:auto;}
div.rounded500  {border:1px solid blue; padding:5px 5px; background:lightblue; width:500px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4); text-align:center; margin-left:auto; margin-right:auto;}
div.rounded900  {border:1px solid blue; padding:5px 5px; background:lightblue; width:900px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4); text-align:center; margin-left:auto; margin-right:auto;}
div.rounded1000 {border:1px solid blue; padding:5px 5px; background:lightblue; width:1000px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4); text-align:center; margin-left:auto; margin-right:auto;}
div.rounded1100 {border:1px solid blue; padding:5px 5px; background:lightblue; width:1100px; border-radius:20px; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4); text-align:center; margin-left:auto; margin-right:auto;}
div.listbox1    {border:1px solid blue; padding:10px 20px 10px 20px; background:#FBFAEE; width:440px; height:400px; text-align:left; margin-left:auto; margin-right:auto; overflow:auto;}
div.listbox2    {border:1px solid blue; padding:10px 20px 10px 20px; background:#FBFAEE; width:440px; height:700px; text-align:left; margin-left:auto; margin-right:auto; overflow:auto;}
div.subtitle    {color:black; font-size:16px; font-weight:normal; text-align:center;}
div.videotitle  {color:black; font-family: Arial, sans-serif; font-size:14px; font-weight:bold;}
div.para-app    {color:black; font-family: Arial, sans-serif; padding:20px 10px 0px 10px; font-size:18px; text-decoration:none; text-align:justify;}

span.msg  {color:darkblue; font-family: Arial, sans-serif; font-size:24px; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto;}
span.tit1 {color:black;    font-family: Arial, sans-serif; font-size:32px; font-weight:bold; text-align:center; margin-left:auto; margin-right:auto;}
span.tit2 {color:black;    font-family: Arial, sans-serif; font-size:20px; font-weight:bold;}
span.path {color:black;    font-family: Arial, sans-serif; font-size:14px; font-weight:normal;}

img.center      {display: block; margin-left:auto; margin-right:auto; box-shadow:5px 5px 3px 2px rgba(0,0,0,0.4);}
img.width220    {width: 220px;}
img.height220   {height: 220px;}
img.audio       {height: 30px;}
img.small       {width: 30px; height: 30px;}
img.vsmall       {width: 18px; height: 18px;}
img.medium      {width: 60px; height: 60px;}
img.image       {border: 1px solid black;}
img.video       {width: 150px; height: 80px; border: 1px solid blue; transition: transform 250ms;}
img.video:hover {transform: translateY(-10px);}

/* Menu */
.menu {position:center; background:#1AC6FF; width:1200px; height:50px; border:0px; margin:5px auto; padding:5px; display: flex; justify-content: center; align-items: center;}
.nav  {position:center;}
.nav,.nav ul {list-style:none; margin:0; padding:0;}
.nav ul {height:0; left:0; overflow:hidden; position:absolute; top:46px;}
.nav li {float:left; position:relative;}
.nav li a {background-color:darkblue; border:1px solid black; color:#FFF; display:block; font-size:14px; line-height:35px; padding:5px 20px; text-decoration:none; transition:0.5s;}
.nav li:hover > a {background:lightblue; border-color:black; color:blue;}
.nav li:hover ul.subs {height:auto; width:200px;}
.nav ul li {opacity:0; transition:0.5s; width:100%;}
.nav li ul li {transition-delay:0s;}
.nav li:hover ul li {opacity:1; transition-delay:0s;}
.nav ul li a {background:darkblue; border-color:black; color:white; line-height:1px; transition:0.5s;}
.nav li:hover ul li a {line-height:20px;}
.nav ul li a:hover {background:lightblue;}

/* Animated Text */
.animated-text {color: black; background: #1AC6FF; padding: 0 40px; height: 60px; overflow: hidden;}
.line {font-family: Arial, sans-serif; text-align: center; font-size: 40px; font-weight:bold; line-height: 60px;}
.line:first-child {animation: anim 12s;}
@keyframes anim {
  0%   {margin-top: 0;}
  25%  {margin-top: -60px;}
  50%  {margin-top: -120px;}
  75%  {margin-top: -180px;}
  100% {margin-top: -240px;}
}