body
{
top: 0;
left: 0;
margin: 0;
padding: 0;
background: rgb(255, 255, 255);
}

#hd
{
margin: 0;
padding: 0;
width: 100%;
height: 150px;
float: left;
background: url("images/hd_back.jpg") top left repeat-x;
}

#logo
{
width: 13%;
float: left;
text-align: center;
}

#nm
{
float: left;
width: 87%;
text-align: center;
padding-top: 22px;
font: bold 2em arial;
color: rgb(0, 0, 100);
}


#cmp
{
width: 100%;
float: left;
text-align: center;
padding: 0;
margin: 0;
font: bold 14pt Times New roman;
color: rgb(255, 130, 24);
}

#hdmnu
{
width: 100%;
margin-top: 10px;
float: left;
}

#hdmnu ul, #mnu ul, #btm ul
{
width: 100%;
float: left;
list-style: none;
margin: 0;
padding: 0;
display: block;
}

#hdmnu li, #btm li
{
width: 24%;
text-align: center;
float: left;
border-right: 1px solid rgb(0, 0, 60);
}

#hdmnu a, #btm a
{
text-decoration: none;
font: bold 10pt arial, helvetica, serif;
color: rgb(0, 0, 80);
display: block;
}

#hdmnu a:hover, #mnu a:hover, #btm a:hover
{
color: rgb(255, 0, 0);
font: bold 11pt arial, helvetica, serif;
}




#bdy
{
width: 99.5%;
float: left;
margin: 0;
padding: 0;
background: url("images/txt_back.png");
background-attachment: fixed;
border: 1px solid rgb(220, 200, 230);
}

#mnu
{
width: 25%;
float: left;
padding: 0;
margin: 0;
}

#mnu div
{
width: 100%;
float: left;
margin: 0;
padding: 0;
border-top: 1px solid rgb(128, 128, 128);
border-bottom: 1px solid rgb(128, 128, 128);
color: rgb(255, 120, 90);
background: rgb(60, 20, 200);
font: bold 11pt arial, helvetica, serif;
text-align: center;
}

#mnu li
{
width: 100%;
float: left;
background: url("images/pmnu_1.jpg");
text-align: center;
position: relative;
z-index: 100;
border-right: 1px solid rgb(128, 128, 128);
}

#mnu a
{
text-decoration: none;
text-align: center;
font: bold 10pt arial, helvetica, serif;
color: rgb(0, 0, 80);
display: block;
padding-top: 3px;
padding-bottom: 3px;
}

#mnu li:hover
{
background: url("images/pmnu_2.jpg");
}

#mnu ul ul li
{
width: 100%;
float: left;
position: relative;
background: url("images/mnu_2.jpg");
}

#mnu ul ul ul li
{
width: 100%;
float: left;
position: relative;
background: url("images/pmnu_1.jpg");
}


#mnu ul ul
{
float: left;
position: absolute;
width: 100%;
top: 0;
left: 100%;
list-style: none;
display: none;
margin: 0;
padding: 0;
background: rgb(255, 255, 255);
}



#mnu ul ul ul
{
float: left;
width: 100%;
top: 0;
left: 100%;
list-style: none;
margin: 0;
padding: 0;
display: none;
background: rgb(255, 255, 255);
}

#mnu ul li:hover ul
{display: block;}

#mnu ul li:hover ul li ul 
{display: none;}

#mnu ul li ul li:hover ul
{display: block;}


#txt
{
width: 74%;
float: left;
margin: 0;
padding-left: 2px;
text-align: justify;
color: rgb(0, 0, 80);
font:  10pt arial, helvetica, serif;
border-left: 1px solid rgb(128, 128, 128);
}

#txt div
{color: rgb(0, 0, 0);}

#ban
{
width: 100%;
float: left;
margin-top: 2px;
margin-bottom: 2px;
background: rgb(255, 255, 255);
}

#lft, #rt
{
float: left;
width: 80 px;
margiin: 0;
padding: 0;
z-index: 90;
}

#lft img, #rt img
{
z-index: 90;
}

#md
{
float: left;
width: 79%;
height: 76px;
margiin: 0;
padding: 0;
background: rgb(255, 255, 255);
border-top: 2px solid rgb(129, 129, 133);
border-bottom: 2px solid rgb(129, 129, 133);
}
#md div a, #md div a img
{
text-decoration: none;
border: none;
}


#d00, #d01, #d02, #d03, #d04, #d05, #d06, #d07
{
position: absolute;
left: 15px;
z-index: 1;
padding-top: 2px;
top: 155px;
}

#d00 img, #d007 img
{
z-index: 100;
}

#btm
{
width: 100%;
float: left;
margin-top: 5px;
border-top: 1px dotted rgb(128, 128, 128);
padding: 2px;
}


#cp
{
width: 100%;
float: left;
margin: 0;
border-top: 1px dotted rgb(128, 128, 128);
padding: 2px;
text-align: center;
font: 8pt arial;
color: rgb(140, 140, 140);
}

a
{
outline: none;
}