.navigation-container
{
    float: left;
    position: relative;
    width: 830px;
     text-align:center;
     margin:0 auto;
     z-index:99999;
}
.navigation
{
      width:830px;
}
.mainnav
{
    list-style:none;
     display:inline;
     padding:0;
   
    }
 .mainnav li
{
    padding: 0;
} 
/*
.mainnav li.p1, .mainnav li a.pos1 {background:url(../images/center/menudrama.gif); background-repeat:no-repeat;width:74px; height:36px;  display:block;      } 
.mainnav li.p2, .mainnav li a.pos2 {background:url(../images/center/menuprogram.gif); background-repeat:no-repeat;  width:94px; height:36px;  display:block;      } 
.mainnav li.p3, .mainnav li a.pos3 {background:url(../images/center/menudara.gif); background-repeat:no-repeat; width:79px; height:36px;   display:block;     } 
.mainnav li.p4, .mainnav li a.pos4 {background:url(../images/center/menusport.gif); background-repeat:no-repeat; width:69px; height:36px;  display:block;  } 
.mainnav li.p5, .mainnav li a.pos5 {background:url(../images/center/menunew.gif); background-repeat:no-repeat; width:69px; height:36px;  display:block;  } 
.mainnav li.p6, .mainnav li a.pos6 {background:url(../images/center/menumobile.gif); background-repeat:no-repeat;    width:90px; height:36px; display:block;     } 
.mainnav li.p7, .mainnav li a.pos7 {background:url(../images/center/menuact.gif); background-repeat:no-repeat;   width:90px; height:36px;    display:block;     } 
.mainnav li.p8, .mainnav li a.pos8 {background:url(../images/center/menuvdo.gif); background-repeat:no-repeat;  width:90px; height:36px;  display:block;       } 
.mainnav li.p9, .mainnav li a.pos9 {background:url(../images/center/menulivetv.gif); background-repeat:no-repeat;  width:67px; height:36px; display:block;     } 
.mainnav li.p10, .mainnav li a.pos10 {background:url(../images/center/menuwebtv.gif); background-repeat:no-repeat; width:62px; height:36px;  display:block;      } 

.mainnav li:hover.p1, .mainnav li a.pos1:hover   {background:url(../images/center/menudramas.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p2, .mainnav li a.pos2:hover   {background:url(../images/center/menuprograms.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p3, .mainnav li a.pos3:hover   {background:url(../images/center/menudaras.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p4, .mainnav li a.pos4:hover   {background:url(../images/center/menusports.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p5, .mainnav li a.pos5:hover   {background:url(../images/center/menunews.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p6, .mainnav li a.pos6:hover   {background:url(../images/center/menumobiles.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p7, .mainnav li a.pos7:hover   {background:url(../images/center/menuacts.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p8, .mainnav li a.pos8:hover   {background:url(../images/center/menuvdos.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p9, .mainnav li a.pos9:hover   {background:url(../images/center/menulivetvs.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p10, .mainnav li a.pos10:hover {background:url(../images/center/menuwebtvs.gif); background-repeat:no-repeat;} 
 
 
*/
.mainnav li.p1, .mainnav li a.pos1 {background:url(../images/center/menudrama.gif); background-repeat:no-repeat;width:87px; height:36px;  display:block;      } 
.mainnav li.p2, .mainnav li a.pos2 {background:url(../images/center/menuprogram.gif); background-repeat:no-repeat;  width:100px; height:36px;  display:block;      } 
.mainnav li.p3, .mainnav li a.pos3 {background:url(../images/center/menudara.gif); background-repeat:no-repeat; width:79px; height:36px;   display:block;     } 
.mainnav li.p4, .mainnav li a.pos4 {background:url(../images/center/menusport.gif); background-repeat:no-repeat; width:85px; height:36px;  display:block;  } 
.mainnav li.p5, .mainnav li a.pos5 {background:url(../images/center/menunew.gif); background-repeat:no-repeat; width:74px; height:36px;  display:block;  } 
.mainnav li.p6, .mainnav li a.pos6 {background:url(../images/center/menumobile.gif); background-repeat:no-repeat;    width:89px; height:36px; display:block;     } 
.mainnav li.p7, .mainnav li a.pos7 {background:url(../images/center/menuact.gif); background-repeat:no-repeat;   width:93px; height:36px;    display:block;     } 
.mainnav li.p8, .mainnav li a.pos8 {background:url(../images/center/menuhd.gif); background-repeat:no-repeat;  width:116px; height:36px;  display:block;       } 
.mainnav li.p9, .mainnav li a.pos9 {background:url(../images/center/menutvonline.gif); background-repeat:no-repeat;  width:107px; height:36px; display:block;     } 
 

.mainnav li:hover.p1, .mainnav li a.pos1:hover   {background:url(../images/center/menudramas.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p2, .mainnav li a.pos2:hover   {background:url(../images/center/menuprograms.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p3, .mainnav li a.pos3:hover   {background:url(../images/center/menudaras.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p4, .mainnav li a.pos4:hover   {background:url(../images/center/menusports.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p5, .mainnav li a.pos5:hover   {background:url(../images/center/menunews.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p6, .mainnav li a.pos6:hover   {background:url(../images/center/menumobiles.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p7, .mainnav li a.pos7:hover   {background:url(../images/center/menuacts.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p8, .mainnav li a.pos8:hover   {background:url(../images/center/menuhds.gif); background-repeat:no-repeat;} 
.mainnav li:hover.p9, .mainnav li a.pos9:hover   {background:url(../images/center/menutvonlines.gif); background-repeat:no-repeat;} 


 
.mainnav a:hover, .mainnav li:hover
{
    visibility: visible;
    z-index: 99999;
}

/* keep the 'next' level invisible by placing it off screen. */
.mainnav div.sub-nav
{
    position: absolute;
    left: -9999em;
    top: -9999em;
     width:830px;
      background: #202020;
      padding:5px 0px;
     
}
.mainnav :hover div.sub-nav
{
    left: 0;
    top: 36px;
   
    z-index: 99999;
}


/* submenu bar */
.submenu
{
   /* background-image: url(../images/news/news-menu-bgslide.gif);
    border: 1px solid #CCCCCC;*/
    padding: 1px 0;
    height: 24px;
    width: 830px;
}
.submenu ul
{
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
}
.submenu li
{
    
    display: inline;
    padding: 0px 2px 6px 2px;
    text-align: left;
   
}
/* .submenu li.selected
{
   
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
*/
/* hover menu */
/* dara */
.menu-dara-male
{
    margin: 0;
    padding: 0;
    width: 260px;
    height: 380px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}

.menu-dara-male div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}

.menu-dara-female
{
    margin: 0;
    padding: 0;
    width: 260px;
    height: 380px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}

.menu-dara-female div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-reporter-male
{
    margin: 0;
    padding: 0;
    width: 130px;
    height: 380px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}

.menu-reporter-male div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}

.menu-reporter-female
{
    margin: 0;
    padding: 0;
    width: 130px;
    height: 380px;
    float: left;
    padding-left: 5px;
}

.menu-reporter-female div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}


/* drama */

.menu-drama
{
    margin: 0;
    padding: 0;
    width: 230px;
    height: 480px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}

.menu-drama div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 20px;
    width: 220px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.menu-drama-pass
{
    margin: 0;
    padding: 0;
    width: 520px;
    height: 480px;
    float: left;
    padding-left: 5px;
}

.menu-drama-pass div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}

/* news */

.menu-news-royal
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-news-speech
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}

.menu-news-proverb
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-news-thailand
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 266px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}

.menu-news-thailand div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}


.menu-news-international
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
}
.menu-news-sports
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 266px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-news-sports div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-news-weekly
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-news-previous
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-news-scoop7see
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 266px;
    float: left;
    padding-left: 5px;
     border-right: 1px solid #CCCCCC;
}
.menu-news-scoop7see div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}

.menu-news-mobile
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-news-entertain
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-news-reporter-male
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
   
}
.menu-news-reporter-female
{
    margin: 0;
    padding: 0;
    width: 199px;
    height: 34px;
    float: left;
    padding-left: 5px;
  
}

/* program */
.menu-program-cinema
{
    margin: 0;
    padding: 0;
    width: 175px;
    height: 350px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-program-cinema div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 150px;
    color: #fff;
}
.menu-program-cinema div
{
    display: block;
}
.menu-program-cinema div a.normalblock, .menu-program-cinema div a.normalblock
{
    float: left;
    margin: 1px;
    display: inline-block;
    overflow: hidden;
    height: 34px;
    line-height: 17px;
    width: 150px;
    color: #fff;
}

.menu-program-varity
{
    margin: 0;
    padding: 0;
    width: 260px;
    height: 350px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-program-varity div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-program-children
{
    margin: 0;
    padding: 0;
    width: 150px;
    height: 350px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-program-children div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-program-news
{
    margin: 0;
    padding: 0;
    width: 200px;
    height: 34px;
    float: left;
    padding-left: 5px;
}
.menu-program-sport
{
    margin: 0;
    padding: 0;
    width: 200px;
    height: 34px;
    float: left;
    padding-left: 5px;
}
.menu-program-song
{
    margin: 0;
    padding: 0;
    width: 200px;
    height: 34px;
    float: left;
    padding-left: 5px;
}
.menu-program-documentary
{
    margin: 0;
    padding: 0;
    width: 200px;
    height: 34px;
    float: left;
    padding-left: 5px;
}
.menu-program-series
{
    margin: 0;
    padding: 0;
    width: 200px;
    height: 34px;
    float: left;
    padding-left: 5px;
}
.menu-program-onair
{
    margin: 0;
    padding: 0;
    width: 200px;
    height: 34px;
    float: left;
    padding-left: 5px;
}

/* activities */

.menu-activites-7see
{
    margin: 0;
    padding: 0;
    width: 150px;
    height: 235px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-activites-7see div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-activites-download
{
    margin: 0;
    padding: 0;
    width: 150px;
    height: 235px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-activites-download div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-activites-cinema
{
    margin: 0;
    padding: 0;
    width: 150px;
    height: 235px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-activites-cinema div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-activites-award
{
    margin: 0;
    padding: 0;
    width: 150px;
    height: 135px;
    float: left;
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
}
.menu-activites-award div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-activites-general
{
    margin: 0;
    padding: 0;
    width: 150px;
    height: 135px;
    float: left;
    padding-left: 5px;
  
}
.menu-activites-general div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-activites-gameonline
{
    margin: 0;
    padding: 0;
    width: 150px;
    height: 100px;
    float: left;
    padding-left: 5px;
}
.menu-activites-gameonline div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}
.menu-activites-chatzad
{
    margin: 0;
    padding: 0;
    width: 150px;
    height: 100px;
    float: left;
    padding-left: 5px;
     border-right: 1px solid #CCCCCC;
}
.menu-activites-chatzad div a
{
    float: left;
    margin: 1px;
    display: block;
    overflow: hidden;
    height: 17px;
    width: 125px;
    color: #fff;
}



/** menu item **/
 
.sub-nav   a.menu-title  ,
.sub-nav   a.menu-title  :link ,
.sub-nav   a.menu-title  :visited
{
    color:#A9D3D7;
    font-family:"Microsoft Sans Serif","Tahoma","Thonburi";
    font-size:16px;
    font-weight:bold;
    width:98%;
    display:block;
     padding-left:2px;
} 

.sub-nav   a.menu-title :hover
{
    color:#000000;
    background:#aad3d7;
 
} 

 
.sub-nav a.menu-program  ,
.sub-nav a.menu-program  :link ,
.sub-nav a.menu-program  :visited  
{
    color:#FFFFFF;
    font-family:"Microsoft Sans Serif","Tahoma","Thonburi";
    font-size:13px;
    font-weight:bold;
       padding-left:2px;
}
.sub-nav a.menu-program  :hover
{
    color:#000000;
    background:#aad3d7;
}
/** fix background menu item **/
 
 
.sub-nav  div  a:hover
{
    background:#aad3d7;
    color:#000000;
    text-decoration:none;
}
 
.sub-nav  div div a:hover
{
    background:#aad3d7;
    color:#000000;
    text-decoration:none;
}