﻿body {
	background-image: url('Images/bgpic.PNG');
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.rhm1{
	width:1000px;
	height:0px;
	margin:0 auto;
	margin-left:0px;
	margin-top:0px;
	background:url('Images/rhm1_bg.gif') repeat-x;
}
.rhm1-left{
	background:url(Images/rhm1_l.gif) no-repeat;
	width:15px;
	height:35px;
	float:left;
}
.rhm1-right{
	background:url(Images/rhm1_r.gif) no-repeat;
	width:15px;
	height:35px;
	float:right;
}
.rhm1-bg{
	background:url(Images/rhm1_bg.gif) repeat-x;
	height:35px;
}
.rhm1-bg ul{
	list-style:none;
	margin:0 auto;
}
.rhm1-bg li{
	float:left;
	list-style:none;
}
.rhm1-bg li a{
	float:left;
	display:block;
	color:#555;
	text-decoration:none;
	font:14px Arial,sans-serif;
	font-weight:bold;
	padding:0 0 0 18px;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;	
}
.rhm1-bg li a span{
	float:left;
	display:block;
	padding:0 32px 0 18px;
}
.rhm1-bg li.current a{
	color:#fff;
	background:url(Images/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
	color:#fff;
	background:url(Images/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
	color:#fff;
	background:url(Images/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
	color:#fff;
	background:url(Images/rhm1_hover_r.gif) no-repeat right 5px;
}

.marquee {
    position: absolute;
    width: 2750px;
    white-space: nowrap; 
    font:30px 'Arial'; 
    color:white; 
    overflow:hidden; 
    text-overflow:clip;

    animation-duration: 40s;
    animation-name: slidein;
    animation-iteration-count:infinite;
    animation-timing-function: linear;
    overflow-style: marquee;

    -webkit-animation-duration: 40s;
    -webkit-animation-name: slidein;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function: linear;

}

@keyframes slidein {
  from {transform:translate(800px,0px);} 
  to   {transform:translate(-2800px,0px);}
}

@-webkit-keyframes slidein /* Safari and Chrome */
{

   from {-webkit-transform: translate(800px,0px);}
   to   {-webkit-transform: translate(-2800px,0px);}

}

.marquee2 {
    position: absolute;
    width: 1900px;
    white-space: nowrap; 
    font:20px 'Arial'; 
    color:yellow; 
    overflow:hidden; 
    text-overflow:clip;

    animation-duration: 60s;
    animation-name: slidein2;
    animation-iteration-count:infinite;
    animation-timing-function: linear;
    overflow-style: marquee;

    -webkit-animation-duration: 60s;
    -webkit-animation-name: slidein2;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function: linear;

}

@keyframes slidein2 {
  from {transform:translate(800px,0px);} 
  to   {transform:translate(-650px,0px);}
}

@-webkit-keyframes slidein2 /* Safari and Chrome */
{

   from {-webkit-transform: translate(800px,0px);}
   to   {-webkit-transform: translate(-650px,0px);}

}

