@charset "UTF-8";

*
{
	margin: 0;
	padding: 0;
}

body
{
	max-width: 600px;
	margin: 10px auto;
	padding: 0;
	background-image: linear-gradient(90deg, #ccccff 2%, white 40%);
	background-color: #ddeeff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
}

table
{
	width: 600px;
	border: 1px;
	padding: 0px;
	text-align: left;
	vertical-align: center;
	border-collapse: collapse;
}

table td
{
	padding:2px;
}

#table2
{
	width: 598px;
	border: 1px;
	border-color:orange;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 5px;
	border-collapse: collapse;
}

a:link			{color: #008;}
a:visited		{color: #333;}
a:hover 		{color: orange;}
a:active 		{color: #855;}

img
{
  border: 0;
  border-radius: 8px;
}

#slogan
{
	color: #ff6600;
	font-style: italic;
	text-align: center;
	vertical-align: top;
}

#menu
{
	color: #FF6633;
	/*text-decoration: underline;*/
	font-weight: bold;
}

footer
{
	line-height: 16px;
	text-align: left;
	color: #0000cc;
}

h3, p
{
	text-align:justify;
}

audio
{
	align: right;
}

.marquee
{
  width: 600px;
	line-height: 20px;
	background-color: yellow;
	color: #000080;
	font-style:italic;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee p
{
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
}

@keyframes marquee
{
  0%   {transform: translate(0, 0);}
  100% {transform: translate(-100%, 0);}
}