/* http://www.menucool.com */

#sliderFrame, #sliderFrame div {
    box-sizing: content-box;
}
/*slider frame*/
#sliderFrame {position:relative;background-color:transparent;}  
#sliderFrame_2 {position:relative;background-color:transparent;}     

#slider, #slider div.sliderInner
{
    width: 1200px;
    height: 200px;
    position: absolute;
    top: 0px;
}
#slider_2, #slider_2 div.sliderInner_2
{
    width: 300px;
    height: 400px;
    position: absolute;
    top: 0px;
}
#slider li
{
	display: none; float: left; margin: 0 -100% 0 0; width: 1200px;
}
#slider li:first-child
{
	display: block;
}
#slider img
{
	max-width: 1200px; vertical-align: top;
}
#slider
{
    background: transparent no-repeat 50% 50%;
    position: relative;
    margin: 0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    top: 0px;
}

/* the link style (if slide image is wrapped in a link) */
#slider a.imgLink, #slider .video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}


/* Caption styles */
/* Not set as each slide has no caption in this demo. */


/* ------ built-in navigation bullets wrapper ------*/
#slider div.navBulletsWrapper  {
	display:none;
}


/* --------- Others ------- */
.body
{
    padding: 0px;
    margin: 0px;
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #00120F;
    text-align: justify;
    vertical-align: top;
    background-image: url('../Images/background.jpg');
}
.center
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #00120F;
    text-align: justify;
    vertical-align: top;
    background-image: url('../Images/bg.gif');
    
}
.center_2
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #00120F;
    text-align: justify;
    vertical-align: top;
    background-image: url('../Images/bg.gif');
    
}
.theloai
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #00120F;
    text-align: justify;
    vertical-align: top;
    background-image: url('../Images/bg.gif');
    padding-right: 10px;
    padding-left: 10px;
    width: 865px;
}
.News_
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #00120F;
    text-align: justify;
    vertical-align: top;
    background-image: url('../Images/bg.gif');
    padding-right: 10px;
    padding-left: 10px;
    width: 425px;
    margin-top: 0;
}
.News_2
{
    border-style: 4px;
    margin: 10;
    border-color: #3333FF;
    padding: 10px;
    font-family: 'Times New Roman' , Times, serif;
    font-size: 11pt;
    font-weight: normal;
    color: #00120F;
    text-align: justify;
    vertical-align: top;
    background-color: #FFFFFF;
}
.News_xemtiep
{
    margin-bottom: 0;
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: normal;
    font-style: italic;
}
.News_tieude
{
    margin-top: 0;
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: bold;
    color: #FF0000;
    text-align: left;
    vertical-align: top;
    background-image: url('../Images/menu-bg.gif');
    padding-right: 10px;
    padding-left: 20px;
    width: 425px;
    top: 0px;
    clip: rect(0px, auto, auto, auto);
    padding-top: 0px;
    position: static;
}
.tincungloai
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12px;
    text-decoration: none;
    color: #0000CC;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: normal;
}
.tuongniem
{
    padding: 0px;
    margin-top: 0;
    font-family: 'Times New Roman' , Times, serif;
    font-size: 14px;
    color: #000000;
    text-align: justify;
    vertical-align: top;
    background-image: url('../Images/bg.gif');
}
.tieudechinh
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 14pt;
    font-weight: bold;
    color: #CC0000;
    text-align: left;
    vertical-align: top;
    padding-left: 15px;
}
.trichdanchinh
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 10pt;
    font-weight: normal;
    color: #000099;
    text-align: justify;
    vertical-align: top;
    padding-left: 5px;
}
.trichdan
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #000000;
    text-align: justify;
    vertical-align: top;
    padding-left: 5px;
}
.tieudechitiet
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: bold;
    color: #FF0000;
    text-align: justify;
    vertical-align: top;
    padding-left: 5px;
}
.noidungchitiet
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #000000;
    text-align: justify;
    vertical-align: top;
    padding-left: 5px;
}
.menuamnhac
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 11pt;
    font-weight: normal;
    color: #FFFF00;
    text-align: center;
    vertical-align: top;
    padding-left: 5px;
    width: 100%;
    background-color: #006600;
    height: 40px;
}
.logoamnhac
{
    color: #FFFF00;
    text-align: center;
    vertical-align: top;
    width: 100%;
    height: 50px;
    background-image: url('../Images/amnhacphatgiao.jpg');
    padding-left: 30px;
}
.amnhac
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 11pt;
    font-weight: normal;
    color: #0000FF;
    text-align: left;
    vertical-align: top;
    padding-left: 5px;
    width: 290px;
}
.danhsachamnhac
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: top;
    padding-left: 5px;
}
.cochu
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 12pt;
    font-weight: normal;
    color: #0000FF;
    text-align: right;
    vertical-align: top;
    padding-right: 5px;
}
.bodyTitle1 {
    font-family: Olivia;
    font-size: 30pt;
    font-weight: bold;
    color: #00120F;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    margin-bottom: 10px;
}
.Tinnoibat
{
    border-width: 0px;
    border-color: #FFFFCC;
    font-family: 'Times New Roman' , Times, serif;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    height: 400px;
}
.Tinnoibat_1
{
    border-style: 0;
    border-width: 0px;
    border-color: #FF0000;
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #00120F;
    text-align: justify;
    vertical-align: top;
    width: 600px;
    height: 400px;
}
.Tinnoibat_2
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 10pt;
    font-weight: normal;
    color: #FF0000;
    text-align: left;
    vertical-align: top;
    width: 200px;
    height: 400px;
}
.khung
{
    color: #005CA2;
    margin-top: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: 11px;
    font-family: Verdana,Arial;
    text-align: left;
    text-decoration: none;
    background-image: url('../Images/left.png');
    width: 23px;
    height: 100%;
}
.khung_right
{
    color: #005CA2;
    margin-top: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: 11px;
    font-family: Verdana,Arial;
    text-align: left;
    text-decoration: none;
    background-image: url('../Images/right.png');
    width: 23px;
    height: 100%;
}
.ul
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 10pt;
    color: #FF0000;
    text-align: justify;
    vertical-align: top;
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px;
}
.li
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 9pt;
    font-weight: normal;
    color: #FF0000;
    text-align: justify;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    width: 200px;
}
.Tinnoibat_3 {
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #00120F;
    text-align: justify;
    vertical-align: top;
    width: 290px;
    height: 400px;
}
.khoancach
{
    vertical-align: top;
    width: 10px;
    background-image: url('../Images/trong.png');
}
.noidung
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #00120F;
    text-align: justify;
    vertical-align: top;
    width: 760px;
    height: 400px;
}
.tieude
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 13pt;
    font-weight: normal;
    color: #FF0000;
    text-align: left;
    vertical-align: top;
    width: 440px;
    background-image: url('../Images/menu-bg.gif');
}
.banner
{
    text-align: center;
    vertical-align: top;
    background-image: url('../Images/bamboo.jpg');
    width: 100%;
    height: 200px;
    top: 0px;
}
.bottom
{
    text-align: center;
    vertical-align: top;
    width: 100%;
    height: 40px;
    top: 0px;
    background-color: #006600;
    color: #FFCC00;
    font-size: 14px;
    font-family: Tahoma;
}
.menu_menu
{
    text-align: left;
    vertical-align: top;
    width: 100%;
    height: 40px;
    top: 0px;
    background-color: #006600;
    color: #FFFF00;
    font-size: 11px;
    font-family: 'Times New Roman' , Times, serif;
}
#primary_nav_wrap
{
    margin-top: 0px;
    padding-left: 0px;
    width: 1100px;
    background-color: #006600;
    color: #FFFF00;
    text-align: left;
}

#primary_nav_wrap ul
{
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}

#primary_nav_wrap ul a
{
    border-style: 0;
    display: block;
    color: #FFFF00;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
    padding: 0 10px 0 10px;
    font-family: 'Times New Roman' , Times, serif;
}

#primary_nav_wrap ul li
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}

#primary_nav_wrap ul li.current-menu-item
{
    background: #FF6600;
    height: 35px;
}
#primary_nav_wrap ul li.currentmenuitem
{
    background: #006600;
    height: 35px;
    color: #FFFF00;
}

#primary_nav_wrap ul li:hover
{
    background: #FF6600;
    height: 35px;
}

#primary_nav_wrap ul ul
{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #009933;
    padding: 0;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}
#slider div.loading 
{
    width:1200px; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}
#slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}



/*----------- navigation buttons on both sides of the slider -----------*/
.group1-Wrapper 
{
    position:absolute;
    z-index:20;
    top:120px;
    margin-left:50%;/* position it in the middle of #sliderFrame */
    width:1px;
}
a.group1-Prev, a.group1-Next
{
    width:50px;height:150px;
    /*background:transparent url(navbuttons2.gif);*/ 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
        
}
a.group1-Prev{background-position:0 0; left: -510px;color:transparent;}
a.group1-Next {background-position:0 -150px;left:460px;color:transparent;}

a.group1-Prev:hover{background-position:50px 0;color:transparent;}
a.group1-Next:hover {background-position:50px -150px;color:transparent;}


/* ----------- navigation buttons in the nav bar ---------- */
a.group2-Prev, a.group2-Next, a.group2-Play, a.group2-Pause 
{
    width:20px; height:20px; 
    /*background:transparent url(navbuttons.gif);*/ 
    display:inline-block; 
    *display:inline;zoom:1;/*IE hack*/
    margin-left:4px; margin-right:4px;
    cursor:pointer;
    color:transparent;
}
a.group2-Pause{background-position:0 0;color:transparent;}
a.group2-Play {background-position:0 -20px;color:transparent;}
a.group2-Next {background-position:0 -40px;color:transparent;}
a.group2-Prev {background-position:0 -60px;color:transparent;} 

a.group2-Pause:hover{background-position:20px 0;color:transparent;}
a.group2-Play:hover {background-position:20px -20px;color:transparent;}
a.group2-Next:hover {background-position:20px -40px;color:transparent;}
a.group2-Prev:hover {background-position:20px -60px;color:transparent;}