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); 
} 

#cabm 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/cab_bt_off.png'); background-position: top left; background-repeat: repeat-x;
    width: 120px;
}

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

#cabm .on {
    color: #fffffff;
    background-image: url('imgs/cab_bt_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; }

.gmenu         { font: 10pt 'tahoma'; color: #888888; }
.gmenu:visited { font: 10pt 'tahoma'; color: #888888; }
.gmenu:hover   { color: #000000; }

.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; }

.btitle         { font: 10pt 'tahoma'; font-weight: bold; color: #700000; }
.btitle:visited { font: 10pt 'tahoma'; font-weight: bold; color: #700000; }
.btitle:hover   { color: #000000; }

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.search  { padding-left: 4px; width: 300; height: 35px; color: #888888; font-family: 'tahoma'; font-size: 24px; border: 1px solid #770000; }
INPUT.bp      { height: 35px; color: #666666; font-family: 'tahoma'; font-size: 24px; border: 1px solid #770000; }
INPUT.sub     { background-image: url('imgs/blue.jpg'); background-position: center left; background-repeat: repeat-x; color: #000000; font-family: 'tahoma'; font-size: 12pt; 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: #777777; }
TR.a          { font-size: 10pt; font-family: 'tahoma'; color: #000000; }
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: #444466;
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: 0px;
left: 88px;
}

ul
{
font-size: 14px;
color: #444466;
margin: 0;
padding: 0;
list-style: none;
z-index: 4;
}

ul li
{
position: relative;
float: left;
z-index: 5;
background: #FFFFFF;
}

li ul
{
position: absolute;
left: 0px;
top: 29;
display: none;
width: 760;
border-bottom: 4px solid #888888;
border-right: 4px solid #888888;
border-left: 4px solid #CCCCCC;
border-top: 4px solid #CCCCCC;
}

ul li a
{
display: block;
text-decoration: none;
color: #444466;
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
}

/* Fix IE. Hide from IE Mac */
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover
{
color: #770000;
background: #F0F0F0;
}

li ul li a
{
color: #444466;
padding: 6px 6px;
font-size: 10px;
}

li ul li a:hover
{
color: #770000;
padding: 6px 6px;
}

li:hover ul, li.over ul { display: block; }