{
margin:0;
padding:0;

}
body
{
background: #e5ecf9 url('') no-repeat fixed right bottom;
width:735px;
font-weight: normal;
font-family: Tahoma, Arial, Verdana;
font-size: 13px;
margin:0px auto 0px auto;
}

a {
	text-decoration: none;
	color:#3083da;
	}
	
a:hover{
	color:#3083da;
}
#center
{
text-align:center;
}
span.right
{
text-align:right;
}
.green
{
font-weight: bold;
font-size: 13px;
text-align: center;
color:#009900;
background-color:#9966ff;
border: 1px;
border-style: solid;
border-color: #3366ff;
padding:2px;
margin: 1px;
border-radius:5px;
}
.wel
{
font-weight: bold;
font-size: 12px;
text-align: left;
color:#009900;
background-color:#9966ff;
border: 1px;
border-style: solid;
border-color: #3366ff;
padding:2px;
margin: 1px;
border-radius:5px;
}
.capt
{

font-weight: bold;
font-size: 15px;
text-align: center;
color: #000000;
background-color:#6600ff;
border: 1px;
border-style: solid;
border-color: #000000;
padding-left:5px;
padding-right:5px;
margin: 1px;
display: inline-table;
}
.red
{
font-weight: bold;
font-size: 13px;
text-align: center;
color:#ff0033;
background-color:#FFCCCC;
border: 1px;
border-style: solid;
border-color: #ff3333;
padding:2px;
margin: 1px;
border-radius:5px;

}
.title
{
background-color:#2F2F5F;
background-image: url(header_bg.gif);
background-repeat: repeat-x;
color:#fff;
font-size:12px;
font-weight:bold;
padding:5px;
margin-top:4px;
margin-bottom:4px;
border:1px solid #767676;
border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}

.title a
{
color:#fff;	
}
.title a:hover
{
color:#c0c0c0;
}
.footer
{
font-weight: bold;
font-size: 12px;
text-align: center;
color: gray;
background-color: #5F5F8F;
background-image: url(footer.png);
background-repeat: repeat-x;
border: 1px;
border-style: solid;
border-color: #C0C0e0;
margin: 2px;
padding: 2px;
border-radius:8px;
}
.sub
{
background-color: #ddf;
font-weight: normal;
color:#808080;
font-size: 12px;
font-weight:bold;
text-align: left;
border-top:2px solid #c0c0d0;
border-right:1px solid #c0c0d0;
border-left:1px solid #c0c0d0;
border-bottom:1px solid #c0c0d0;
margin: 1px;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;	
}
.links
{
background-color:#D5D5fC;
background-image: url('link.png');
background-repeat: repeat-x;
font-size:13px;
color:gray;
font-weight:bold;
padding:5px;
margin-top:2px;
margin-bottom:2px;
border-top:1px solid #c0c0e0;
border-left:1px solid #c0c0e0;
border-right:1px solid #c0c0e0;
border-bottom:2px solid #c0c0e0;
border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;	
}

.logo
{
background-color:#2F2F5F;
background-image: url('');
background-repeat: repeat-x;
padding:5px;
margin-top:4px;
margin-bottom:4px;
border:2px solid #656585;
border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.header
{
background-color:#2F2F5F;
background-image: url('header_bg.gif');
background-repeat: repeat-x;
font-size:15px;
color:#fff;
font-weight:bold;
padding:5px;
margin-top:4px;
margin-bottom:4px;
border:2px solid #656585;
border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.links:hover
{
background-image: url(footer.png);
background-repeat: repeat-x;
}
.links a
{
color:#0083ba;	
}
.links a:hover
{
color:#0083ba;
}
form
{
	display:inline;
}
form input{
	padding: 5px;
	color: #333333;
	text-align:center;
	font-weight:bold;
        width:50%;
	border: 2px solid #8080a0;
	background-color:#ddf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
form select
{
width:50px;
	padding: 4px;
	color: #333333;
	text-align:center;
	font-weight:bold;
	border: 2px solid #8080a0;
	background-color:#ddf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
form input.formbutton {
	border: none;
	background: #337;
	color: #ffffff;
	cursor:pointer;
	border: 2px solid #656565;
	font-weight: bold;
	padding: 5px;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
	width: auto;
	overflow: visible;
	border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.navbutton {
	background: #337;
	color: #ffffff;
	cursor:pointer;
	border: 2px solid #656585;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
	overflow: visible;
	border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
#animated_div

{

position:relative;

animation:animated_div 5s 2;

-moz-animation:animated_div 5s 2;

-webkit-animation:animated_div 5s 2;



}



@keyframes animated_div

{

0%		{transform: rotate(0deg);left:0px;}
5%		{transform: rotate(20deg);left:20px;}
10%		{transform: rotate(-20deg);right:40px;}
15%		{transform: rotate(90deg);left:70px;}
20%		{transform: rotate(-90deg);right:45px;}
25%		{transform: rotate(25deg);left:90px;}
30%		{transform: rotate(-25deg);right:100px;}
35%		{transform: rotate(35deg);left:400px;}
40%		{transform: rotate(-35deg);right:300px;}
45%		{transform: rotate(-360deg);left:0px;}
50%		{transform: rotate(0deg);left:500px;}

55%		{transform: rotate(360deg);left:600px;}

65%		{transform: rotate(0deg);right:10px;}
70%		{transform: rotate(0deg);left:700px;}

80%		{transform: rotate(0deg);right:10px;}
100%	{transform: rotate(-360deg);left:0px;}

}



@-webkit-keyframes animated_div

{

0%		{-webkit-transform: rotate(0deg);left:0px;}

25%		{-webkit-transform: rotate(20deg);left:0px;}

50%		{-webkit-transform: rotate(0deg);left:500px;}

55%		{-webkit-transform: rotate(360deg);left:600px;}

70%		{-webkit-transform: rotate(0deg);left:700px;}

100%	{-webkit-transform: rotate(-360deg);left:0px;}

}
@-moz-keyframes animated_div

{

0%		{-moz-transform: rotate(0deg);left:0px;}

25%		{-moz-transform: rotate(20deg);left:0px;}

50%		{-moz-transform: rotate(0deg);left:500px;}

55%		{-moz-transform: rotate(360deg);left:600px;}

70%		{-moz-transform: rotate(0deg);left:700px;}

100%	{-moz-transform: rotate(-360deg);left:0px;}

}
#animate

{

position:relative;

animation:animated 5s 3;

-moz-animation:animate 5s 3;

-webkit-animation:animate 5s 3;



}



@keyframes animate

{

0%		{transform: rotate(0deg);left:0px;}

25%		{transform: rotate(-20deg);left:0px;}

50%		{transform: rotate(0deg);left:100px;}

55%		{transform: rotate(0deg);left:50px;}

70%		{transform: rotate(0deg);left:0px;}

100%	{transform: rotate(0deg);left:0px;}

}



@-webkit-keyframes animate

{

0%		{-webkit-transform: rotate(0deg);left:0px;}

25%		{-webkit-transform: rotate(-20deg);left:0px;}

50%		{-webkit-transform: rotate(0deg);left:100px;}

55%		{-webkit-transform: rotate(0deg);left:50px;}

70%		{-webkit-transform: rotate(0deg);left:0px;}

100%	{-webkit-transform: rotate(0deg);left:0px;}

}
@-moz-keyframes animate

{

0%		{-moz-transform: rotate(0deg);left:0px;}

25%		{-moz-transform: rotate(-20deg);left:0px;}

50%		{-moz-transform: rotate(0deg);left:100px;}

55%		{-moz-transform: rotate(0deg);left:50px;}

70%		{-moz-transform: rotate(0deg);left:0px;}

100%	{-moz-transform: rotate(0deg);left:0px;}

}