body
{
font-size: 10pt;
font-family: verdana;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 8px;
}

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

#menu a {
    float: left;
    padding: 8px 8px 8px 8px;
    margin: 0px 0px 1px 0px;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    background-image: url('imgs/mfon.jpg'); background-position: top left; background-repeat: repeat-x;
    border-right: 6px solid #000000;
    width: 250;
}

#menu a:hover {
    color: #000000;
    font-weight: bold;
    border-right: 6px solid #406FD0;
}

#menu .on {
    color: #000000;
    border-right: 6px solid #FF9621;
}

a { text-decoration: none }

.pg          {font: 8pt 'verdana'; color: #000000}
.pg:visited  {font: 8pt 'verdana'; color: #000000}
.pg:hover    {color: #222244;}

.dws         { font: 8pt 'verdana'; color: #bbbbbb }
.dws:visited { font: 8pt 'verdana'; color: #bbbbbb }
.dws:hover   { color: #000000; }

.link         { font: 8pt verdana; color: #406FD0 }
.link:visited { font: 8pt verdana; color: #406FD0 }
.link:hover   { color: #222244; }

.top_menu         { font: 10pt verdana; color: #444466; }
.top_menu:visited { font: 10pt verdana; color: #444466; }
.top_menu:hover   { color: #FF0066; }

.menu         { font: 10pt verdana; color: #444466; }
.menu:visited { font: 10pt verdana; color: #444466; }
.menu:hover   { color: #FF0066; }

.wmenu         { font: 10pt verdana; color: #FFFFFF; }
.wmenu:visited { font: 10pt verdana; color: #FFFFFF; }
.wmenu:hover   { color: #000000; }

.roz         { font: 10pt verdana; color: #FF0066; }
.roz:visited { font: 10pt verdana; color: #FF0066; }
.roz:hover   { color: #000000; }                             

.rub         { font: 10pt verdana; color: #FF0066; }
.rub:visited { font: 10pt verdana; color: #FF0066; }
.rub:hover   { color: #000000; }

.smal         { font: 8pt verdana; color: #000000; }
.smal:visited { font: 8pt verdana; color: #000000; }
.smal:hover   { color: #ff0066; }

.bsmal         { font: 8pt verdana; font-weight: bold; color: #000000; }
.bsmal:visited { font: 8pt verdana; font-weight: bold; color: #000000; }
.bsmal:hover   { color: #ff0066; }

.black         { font: 8pt verdana; color: #444466; }
.black:visited { font: 8pt verdana; color: #444466; }
.black:hover   { color: #ff0066; }

INPUT.txt     { background-image: url(''); background-position: top left; background-repeat: repeat-x; color: #666688; font-family: verdana; font-size: 10pt; border: 1px solid #bbbbbb; }
INPUT.sub     { background-image: url('imgs/blue.jpg'); background-position: center left; background-repeat: repeat-x; color: #000000; font-family: verdana; 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: verdana; 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: verdana; font-size: 11pt; border: 0px solid #FFFFFF; }

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

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

TABLE         { font-size: 10pt; font-family: verdana; color: #444466; }
TR.table      { font-size: 10pt; font-family: verdana; color: #000000; background: #f4f4f4; }
TR.a          { font-size: 10pt; font-family: verdana; color: #444466; }
TR.b          { font-size: 8pt; font-family: verdana; color: #444466; }
TD.a          { font-size: 10pt; font-family: verdana; color: #444466; }

H1 {
color: #ff0066;
font-weight: bold;
font-size: 32px;
font-family: verdana;
margin: 0px;
}

H2 {
color: #406FD0;
font-weight: bold;
font-size: 16px;
font-family: verdana;
margin: 0px;
}

H3 {
color: #406FD0;
font-weight: bold;
font-size: 20px;
font-family: verdana;
margin: 0px;
}

H4 {
color: 406FD0;
font-weight: bold;
font-size: 16px;
font-family: verdana;
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: 84px;
}