body
{
font-size: 10pt;
font-family: 'tahoma';
margin: 8px;
}

img.a
{
float: left;
margin-right: 8px;
margin-bottom: 8px;
}

#lang a img {   
opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);   
}   

#lang a:hover img {   
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); 
} 


#menu a {
    float: left;
    text-align: center;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 10pt;
    color: #700000;
    background-image: url('imgs/menu_bt_off.png'); background-position: top left; background-repeat: repeat-x;
    width: 85px;
}

#menu a:hover {
    color: #000000;
    background-image: url('imgs/menu_bt_on.png'); background-position: top left; background-repeat: repeat-x;
}

#menu .on {
    color: #fffffff;
    background-image: url('imgs/menu_bt_on.png'); background-position: top left; background-repeat: repeat-x;                   
}

#hmenu a {
    float: left;
    text-align: center;
    padding: 4px 8px 4px 8px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 10pt;
    color: #FFFFFF;
    background-image: url('imgs/top_menu.png'); background-position: top left; background-repeat: repeat-x;
}

#hmenu a:hover {
    color: #700000;
    background-image: url('imgs/menu_2.gif'); background-position: top left; background-repeat: repeat-x;
}

#hmenu .on {
    color: #000000;
    background-image: url('imgs/menu_1.gif'); background-position: top left; background-repeat: repeat-x;                   
}

#rmenu a {
    float: left;
    text-align: center;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 10pt;
    color: #700000;
    width: 220px;
    background-image: url('imgs/r_menu.png'); background-position: top left; background-repeat: repeat-x;
}

#rmenu a:hover {
    color: #000000;
    background-image: url('imgs/r_menu_on.png'); background-position: top left; background-repeat: repeat-x;
}

#rmenu .on {
    color: #000000;
    background-image: url('imgs/r_menu_on.png'); background-position: top left; background-repeat: repeat-x;                   
}

a { text-decoration: none }

.pg          {font: 8pt 'tahoma'; color: #000000}
.pg:visited  {font: 8pt 'tahoma'; color: #000000}
.pg:hover    {color: #FF0066;}

.dws         { font: 8pt 'tahoma'; color: #666666 }
.dws:visited { font: 8pt 'tahoma'; color: #666666 }
.dws:hover   { color: #000000; }

.menu         { font: 10pt 'tahoma'; color: #700000; }
.menu:visited { font: 10pt 'tahoma'; color: #700000; }
.menu:hover   { color: #000000; }

.wmenu         { font: 10pt 'tahoma'; color: #FFFFFF; }
.wmenu:visited { font: 10pt 'tahoma'; color: #FFFFFF; }
.wmenu:hover   { color: #BBBBBB; }

.bmenu         { font: 10pt 'tahoma'; color: #000000; }
.bmenu:visited { font: 10pt 'tahoma'; color: #000000; }
.bmenu:hover   { color: #700000; }

.rubr         { font: 8pt 'tahoma'; color: #700000; }
.rubr:visited { font: 8pt 'tahoma'; color: #700000; }
.rubr:hover   { color: #000000; }

.black         { font: 8pt 'tahoma'; color: #000000; }
.black:visited { font: 8pt 'tahoma'; color: #000000; }
.black:hover   { color: #700000; }

INPUT.txt     { background-image: url('imgs/menu_2.gif'); background-position: top left; background-repeat: repeat-x;  color: #444466; font-family: 'tahoma'; font-size: 10pt; border: 1px solid #dddddd; }
INPUT.find    { height: 16px; background-color: #FFFFFF; color: #444466; font-family: 'tahoma'; font-size: 12px; border: 0px solid #ffffff; }
INPUT.sub     { background-image: url('imgs/blue.jpg'); background-position: center left; background-repeat: repeat-x; color: #000000; font-family: 'tahoma'; font-size: 11pt; border: 0px solid #FFFFFF; }
INPUT.res     { background-image: url('imgs/orang.jpg'); background-position: center left; background-repeat: repeat-x; color: #ffffff; font-family: 'tahoma'; font-size: 11pt; border: 0px solid #FFFFFF; }
INPUT.back    { background-image: url('imgs/menu_2.gif'); background-position: center left; background-repeat: repeat-x; color: #666688; font-family: 'tahoma'; font-size: 11pt; border: 0px solid #FFFFFF; }

TEXTAREA.txt  { background-color: #FFFFFF; color: #333333; font-family: 'tahoma'; font-size: 10pt; border: 1px solid #bbbbbb; }

SELECT.a      { background-color: #FFFFFF; color: #444466; font-family: 'tahoma'; font-size: 10pt; border: 1px solid #888888; }

TABLE         { font-size: 10pt; font-family: 'tahoma'; color: #000000; }
TR.a          { font-size: 10pt; font-family: 'tahoma'; color: #444466; }
TR.b          { font-size: 8pt; font-family: 'tahoma'; color: #000000; }
TD.a          { font-size: 10pt; font-family: 'tahoma'; color: #444466; }
TD.b          { font-size: 8pt; font-family: 'tahoma'; color: #444466; }
TD.c          { font-size: 7pt; font-family: 'tahoma'; color: #444466; }

H1 {
color: #700000;
font-weight: bold;
font-size: 10pt;
font-family: 'tahoma';
margin: 0px;
}

H2 {
color: #666688;
font-weight: bold;
font-size: 10pt;
font-family: 'tahoma';
margin: 0px;
}

H3 {
color: #700000;
font-weight: bold;
font-size: 10pt;
font-family: 'tahoma';
margin: 0px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 4px;
border: 2px solid #666688;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: 20px;
}