.mp { width: 496px; height: 164px; background-image: url(mp02.gif); }
.mp a { display: block; }
/* .mp img { width: 100%; height: 100%; border: 0; } */
* html a:hover { visibility: visible; }
.mp a:hover img { visibility: hidden; }
.wts { width: 496px; height: 133px; background-image: url(wts02.gif); }
.wts a { display: block; }
/* .wts img { width: 100%; height: 100%; border: 0; } */
.wts a:hover img { visibility: hidden; }
.newsticker { height: 129px; border: 2px solid #ff5e5e; margin: 1px; }
.backgroundworld { height: 130px; background-repeat: no-repeat; background-image: url(background_world.jpg); background-position: -13px -6px; }
div#backgroundworld:hover { opacity: 0.8;  filter: alpha(opacity=80); /* For IE8 and earlier */ }
a { outline: 0; }
a.inf:link { text-decoration: none; color: #333333; }
a.inf:visited { text-decoration: none; color: #333333; }
a.inf:hover { text-decoration: none; color: #ff0000; }
a:visited { color: #0000CC; }
a:link { color: #0000CC; }
body { margin-top: 5px; margin-left: 5px; }

/* banner image highlight */
#bannermap { display: block; width: 660px; height: 104px; background: url(wtsbanner.jpg); position: relative; padding: 0px; margin: 0px; margin-left: 50px; }
a#img01 { display: block; width: 165px; height: 102px; left: 0px; overflow: hidden; position: absolute; }
a#img02 { display: block; width: 165px; height: 102px; left: 165px; overflow: hidden; position: absolute; }
a#img03 { display: block; width: 165px; height: 102px; left: 330px; overflow: hidden; position: absolute; }
a#img04 { display: block; width: 165px; height: 102px; left: 495px; overflow: hidden; position: absolute; }
a#img01:hover, a#img02:hover, a#img03:hover, a#img04:hover { background-color: rgba(255,255,255,.2); } 

/* banner text boxes */
a.tbwts { font-family: verdana, arial, tahoma; font-size: 8.5pt; text-decoration: none; color: #333333; border: 1px solid #000000; padding: 4px; margin-right: 3px; width: 156px; text-align: center; float: left; }
a.tbap { font-family: verdana, arial, tahoma; font-size: 8.5pt; text-decoration: none; color: #333333; border: 1px solid #000000; padding: 4px; margin-right: 3px; width: 150px; text-align: center; float: left; }
a.tbmp { font-family: verdana, arial, tahoma; font-size: 8.5pt; text-decoration: none; color: #333333; border: 1px solid #000000; padding: 4px; width: 151px; text-align: center; float: left; }
a.tbfound { display: block; font-family: verdana, arial, tahoma; font-size: 8.5pt; text-decoration: none; color: #333333; border: 1px solid #000000; padding: 4px; margin-bottom: 4px; margin-top: 6px; text-align: center; background-color: #ffffff; }
a.tbwts:hover, a.tbap:hover, a.tbmp:hover, a.tbfound:hover { color: #ff0000; border: 1px solid #ff0000; }

/* jump menu */
.click-nav { width: 164px; }
.click-nav ul { position: relative; font-family: verdana, arial, tahoma; font-size: 8.5pt; margin: 0px; padding: 0px; }
.click-nav ul li { position: relative; list-style: none; cursor: pointer; z-index: 10; padding: 0px; margin: 0px; }
.click-nav ul li ul { position: absolute; left: 0px; right: 0px; }
.click-nav ul .clicker { position: relative; border: 1px solid #000000; padding: 4px; }
.click-nav ul .clicker:hover,.click-nav ul .active { border: 1px solid #ff0000; color: #ff0000; }
.click-nav img { position: absolute; border: 0px; }
.click-nav ul li a { border-bottom: 1px dotted #000000; padding: 2px; display: block; background-color: #ffffff; color: #000000; text-decoration: none; }
.click-nav ul li a:hover { color: #ff0000; }

/* translator section */
.click-nav li .translator { background-color: #ffffff; padding: 4px; border-bottom: 1px dotted #000000; cursor: default; }

/* jump menu fallbacks */
.click-nav .no-js ul { display: none; }
.click-nav .no-js:hover ul { display: block; }