/* Download font for web site */

    #KhmerscanTitle  {
        font-family: Khmer, Limon S1;
        font-style: normal;
        font-weight: normal;
        font-size: 22pt;
        color: #005263;
        }
    #KhmerscanBody  {
        font-family: Khmer, Limon S1;
        font-style: normal;
        font-weight: normal;
        font-size: 20pt;
        color: Black;
        text-decoration: none;
        }
    #KhmerscanBody1  {
        font-family: Khmer, Limon S1;
        font-style: normal;
        font-weight: normal;
        font-size: 20pt;
        color: Black;
        text-decoration: none;
        }

<!-- /* $WEFT -- Created by: Cheam kunthy (c_kunthy2004@yahoo.com) on 2/9/2010 -- */
  @font-face {
    font-family: Khmer;
    font-style:  normal;
    font-weight: normal;
    src: url(http://www.khmerscan.com/KHA0.eot);
  }
-->

/* WYSIWYG EDITOR */

/* Toolbar */
.toolbar1   { border: 1px solid #666666; height: 26px; background-image: url(InputForm/icons/background_silver.jpg); }
.toolbar2   { border: 1px solid #666666; height: 24px; background-image: url(/InputForm/icons/background_silver.jpg); border-bottom: 0px; border-top: 0px; }

/* Command Buttons */
.button     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }


/* Font Type and Size Drop Down */
.dropdown          { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px; }
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}




/* CREATE TABLE POPUP */

/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.selectColorTable  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }
.selectColorBox    { border: 1px solid #FFFFFF; font-size: 1px; height: 13px; width: 13px; }


input, select {
  color : #000000;
  font-size : 12px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
}
div {
  margin-top : 0px;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
}
.px {
  padding-top : 0px;
  padding-bottom : 0px;
  padding-left : 0px;
  padding-right : 0px;
  margin-top : 2px;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
}
.px5 {
  padding-top : 5px;
  padding-bottom : 0px;
  padding-left : 0px;
  padding-right : 0px;
  margin-top : 5px;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
}

.head {
  color : #000000;

  margin-left : 10px;
  margin-right : 10px;
  font-size : 12px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
  text-decoration: none;
}
.head a {
  color : #000000;
  text-decoration: none;
}
.head a:hover {
  color : #ce007b; 
}

.menu1 {
  color : #FFFFFF;
  margin-top : 9px;
  padding-bottom : 9px;
  margin-left : 10px;
  margin-right : 10px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;

}
.menu1 a {
  color : #FFFFFF;
  text-decoration: none;
}
.menu1 a:hover {
  color : #ffff10;
}

.menu {
  color : #FFFFFF;
  margin-top : 9px;
  padding-bottom : 9px;
  margin-left : 10px;
  margin-right : 10px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;

}
.menu a {
  color : #FFFFFF;
  text-decoration: none;
}
.menu a:hover {
  color : #F2F2F2;
}
.title01 {
  color : #FFFFFF;
  margin-top : 5px;
  padding-bottom : 5px;
  margin-left : 10px;
  margin-right : 10px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
}
.title02 {
  color : #000000;
  margin-top : 0px;
  padding-bottom : 0px;
  margin-left : 5px;
  margin-right : 5px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
}
.title02 a {
  color : #000000;
  text-decoration: none;
}
.right {
  color : #003C5E;
  margin-top : 5px;
  padding-bottom : 10px;
  margin-bottom : 0px;
  margin-left : 10px;
  margin-right : 10px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
}
.right b {
  color : #EF6D00;
}
.right a {
  color : #003C5E;
}
.right a:hover {
  color : #000000;
}
.left {
  color : #FFFFFF;
  margin-top : 10px;
  padding-bottom : 10px;
  margin-bottom : 10px;
  margin-left : 10px;
  margin-right : 10px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
}
.left a {
  color : #FFFFFF;
}
.left a:hover {
  color : #000000;
}
li {
  color : #000000;
  margin-top : -1px;
  padding-bottom : -1px;
  margin-bottom : -1px;
  margin-right : 1px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
}
ul, ol {
  color : #000000;
  margin-top : 0px;
  padding-bottom : 0px;
  margin-bottom : 0px;
  margin-right : 0px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
}
p1 {
  color : #ce007b;
  margin-top : 5px;
  padding-bottom : 5px;
  margin-bottom : 0px;
  margin-left : 10px;
  margin-right : 10px;
  font-size : 14px;
  font-family : Tahoma,Verdana,Arial;
}
p {
  color : #000000;
  margin-top : 5px;
  padding-bottom : 5px;
  margin-bottom : 0px;
  margin-left : 10px;
  margin-right : 10px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
}
p a {
  color : #294A7B;
}
p a:hover {
  color : #000000;
}
.bot {
  color : #000000;
  margin-top : 20px;
  padding-bottom : 10px;
  margin-bottom : 0px;
  margin-left : 200px;
  margin-right : 10px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
}
.bot a {
  color : #000000;
  text-decoration: none;
}
.bot a:hover {
  color : #294A7B;
}
.Normal {
  color : #000000;
  margin-top : 2px;
  padding-bottom : 2px;
  margin-bottom : 0px;
  margin-left : 15px;
  margin-right : 10px;
  font-size : 12px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: normal;
}
.Normal a {
  color : #083194;
  font-weight: normal;
  text-decoration: none;
}
.Normal a:hover {
  color : #FF0000;
}

.invisible {
  color : #000000;
  margin-top : 10px;
  padding-bottom : 0px;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
  font-size : 0px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: normal;
}
.invisible a {
  color : #ffffff;
  font-weight: normal;
  text-decoration: none;
}
.invisible a:hover {
  color : #ffffff;
}

.Normal1 {
  color : #000000;
  margin-top : 0px;
  padding-bottom : 3px;
  margin-bottom : 0px;
  margin-left : 10px;
  margin-right : 5px;
  font-size : 12px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
  text-decoration: none;
}
.Normal1 a {
  color : #083194;
  font-weight: normal;
  text-decoration: none;
}
.Normal1 a:hover {
  color : #FF0000;
}

.Normal2 {
  color : #000000;
  margin-top : 10px;
  padding-bottom : 2px;
  margin-bottom : 0px;
  margin-left : 15px;
  margin-right : 10px;
  font-size : 14px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
}
.Normal2 a {
  font-size : 12px;
  color : #ffffff;
  text-decoration: none;
}
.Normal2 a:hover {
  color : #ffff9c;
}


.Normal3 {
  color : #000000;
  margin-top : 5px;
  padding-bottom : 5px;
  margin-bottom : 5px;
  margin-left : 0px;
  margin-right : 10px;
  font-size : 12px;
  font-family : Verdana,Tahoma,Arial;
  font-weight: normal;
}
.Normal3 a {
  font-size : 14px;
  color : #083194;
  text-decoration: none;
}
.Normal3 a:hover {
  color : #FF0000
}

.Back_link {
  color : #bfbfbf;
  margin-top : 2px;
  padding-bottom : 2px;
  margin-bottom : 0px;
  margin-left : 5px;
  margin-right : 5px;
  font-size : 12px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
  text-decoration: none;
}
.Back_link a {
  color : #29006b;
  font-weight: normal;
  font-weight: bold;
  text-decoration: none;

}
.Back_link a:hover {
  color : #ff0000;
}

.HidenText {
  color : #ffffff;
  margin-top : 0px;
  padding-bottom : 0px;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
  font-size : 0px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: normal;
}
.HidenText a {
  color : #ffffff;
  font-weight: normal;
  text-decoration: none;
}
.HidenText a:hover {
  color : #ffffff;
}


.Visited {
  color : #FFFFFF;
  margin-top : 9px;
  padding-bottom : 9px;
  margin-left : 10px;
  margin-right : 10px;
  font-size : 16px;
  font-family : Tahoma,Verdana,Arial;

}

.Small {
  color : #616161;
  margin-top : 2px;
  padding-bottom : 2px;
  margin-bottom : 0px;
  margin-left : 20px;
  margin-right : 10px;
  font-size : 10px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: normal;
}
.Small a {
  color : #083194;
  font-weight: normal;
  text-decoration: none;
}
.Small a:hover {
  color : #FF0000;
}


.Nav_Header {
  color : #082984 ;
  margin-top : 2px;
  padding-bottom : 2px;
  margin-bottom : 0px;
  margin-left : 15px;
  margin-right : 10px;
  font-size : 12px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: normal;
}
.Nav_Header a {
  color : #083194;
  font-weight: normal;
  text-decoration: none;
}
.Nav_Header a:hover {
  color : #FF0000;
}

.Nav_Title {
  color : #08296a ;
  margin-top : 2px;
  padding-bottom : 2px;
  margin-bottom : 0px;
  margin-left : 15px;
  margin-right : 10px;
  font-size : 14px;
  font-family : Arial,Verdana,Tahoma;
  font-weight: Bold;
}
.Nav_Title a {
  color : #083194;
  font-weight: Bold;
  text-decoration: none;
}
.Nav_Title a:hover {
  color : #FF0000;
}

.Category {
  color : #000000;
  margin-top : 10px;
  padding-bottom : 5px;
  padding-top : 5px;
  margin-bottom : 5px;
  margin-left : 10px;
  margin-right : 5px;
  font-size : 14px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
  text-decoration: none;

}
.Category a {
  color : #082984;
  font-weight: normal;
  text-decoration: none;
}
.Category a:hover {
  color : #FF0000;
}


.Song {
  color : #000000;
  margin-top : 0px;
  padding-bottom : 0px;
  margin-bottom : 0px;
  margin-left : 15px;
  margin-right : 10px;
  font-size : 24px;
  font-family : khmer, limon s1;
  font-weight: normal;
}
.Song a {
  color : #083194;
  font-weight: normal;
  text-decoration: none;
}
.Song a:hover {
  color : #FF0000;
}

<style type="text/css">

.arrowlistmenu{
width: 165px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(Menu/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(Menu/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #083194;
background: url(Menu/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 10px;
font-family : verdana, arial, sans-serif;
}

.arrowlistmenu ul li a:visited{
color: #083194;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ce007b;
background-color: #F3F3F3;
}

</style>