/* Authored by Huu-Chi Tran, web site designer */
/* GENERAL LAYOUT */


body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color : #000000;			/* color: #545454; */
        margin: 0px;
        background-color:#f3ebc8;
        background-image:url('images/background_JamTseChoLing.gif');
        background-repeat:repeat
        }

h1 {
	font-family: Tahoma, Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #454545;					/* color: #E6851C; */
    margin-bottom:4px;  
}
h1-big {
	font-family: Tahoma, Helvetica;
	font-size: 19.5px;
	font-weight: bold;
	color: #454545;					/* color: #E6851C; */
}

h1m {
	font-family: Tahoma, Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #454545;				
}

h2m {
	font-family: Tahoma, Helvetica;
	font-size: 16px;
	color: #454545;					 
}
h3m {
	font-family: Tahoma, Helvetica;
	font-size: 15px;
	color: #454545;					 
}

h1-vn { font-family: Verdana, Tahoma; font-size: 14.5px; color: #008000; }

/***************************************************************************************************/
/***** Begin table frames **************************************************************************/
/***************************************************************************************************/

table.four-4frames { border-collapse:collapse; table-layout:fixed; width:970px; }
table.four-4frames td { border:solid 0px ; padding:0px 21px 0px 21px; width:200px; word-wrap:break-word; text-align: center; }

table.frame3k { border-collapse:collapse; table-layout:fixed; width:910px; }
table.frame3k tr.picture img{ border:solid 0px; width:220px; height:155px; }
table.frame3k tr.picture td.space { border:solid 0px; width:125px; }
table.frame3k tr.text { border:solid 0px; width:260px; word-wrap:break-word; text-align: center;}
table.frame3k tr.text td.space { border:solid 0px; width:65px; }
table.frame3k td { border:solid 0px; word-wrap:break-word; }
		
table.frame3k tr.bar-horizon { border:solid 0px; width:260px; }
table.frame3k tr.bar-horizon img { width: 210px;  height: 1px;}

table.popup-audio { border-collapse:collapse; table-layout:fixed; width:560px; }
table.popup-audio td.text { width:355px; padding-left: 25px; border:solid 0px; word-wrap:break-word; text-align: center; }
		/** table.popup-audio td.picture img { width:180px; height:192px; border:solid 0px;} **/
table.popup-audio td.picture p.image1 img { width:180px; height:127px; border:solid 0px;}
table.popup-audio td.picture p.image img { width:180px; height:192px; border:solid 0px;}
	
/***************************************************************************************************/
/****** End table frames ***************************************************************************/
/***************************************************************************************************/
	    
td, p, select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;				/* color: #545454; */
	line-height: 19px;
}

a {
	color: #E6851C;
	text-decoration: none;
}

a:hover {
	color: #E6851C;
	text-decoration: none;
}

a:link {
	color:#E6851C;
	text-decoration:none; 
}

.left {background-image:url('images/bg-left_NR.gif');}
.right {background-image:url('images/bg-right_NR.gif');}


* {
	border:none; 
	margin:0; 
	padding:0;
}

/* TOGGLE DIVISION  */

div.toggle a{padding:10px;display:block;text-decoration:none;font-weight:bold;}
div.toggle a:hover{text-decoration:underline;}
div.panel{padding:10px;border:dashed 1px grey;display:none;margin:10px 20px;}

/* NAVIGATION TOP BAR  */
#MenuLinkTop { background:url('images/bg_nav_top_on.jpg'); height:31px }
#MenuLinkTop ul { display:inline; list-style-type:none; }
#MenuLinkTop li { display:inline; padding:0px; }
#MenuLinkTop li a { font-size: 12.3px;; border-right:#663300 1px solid; padding:7px 10px 7px 12.3px; float:left; color: #FFFFFF; line-height:16px; text-decoration:none; }
#MenuLinkTop li a:hover { background:url('images/bg_nav_top_off.jpg'); }
#MenuLinkTop li a.navigation_top_on { background:url('images/bg_nav_top_off.jpg'); }


/* FLEX DROP DOWN MENU */
.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/

font: normal 12px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #e5febc;
border: 1px solid gray;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


.flexdropdownmenu li{
position: relative;
background: #f6eed5;
z-index:3;
}

.flexdropdownmenu li a{
display: block;
width: 275px; /*width of menu (not including side paddings)*/  /* width: 170px; */
color: black;
border-bottom: 1px solid gray;
text-decoration: none;
padding: 4px 5px;
}

.flexdropdownmenu li ul ul a{
 background: #f6eed5;
 z-index:100;
 }
 
 .flexdropdownmenu li ul ul ul a{
font-size:x-small;
 background: #f6eed5;
 z-index:3;
 }


* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #fae7a9;
}


.rightarrowclass{
position: absolute;
top: 6px;
right: 1px;
}

/* CAROUSSEL */
.jcarousel-skin-ie7 .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #eeedcc;
    border: 1px solid #f4ec06;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 620px;
    padding: 20px 40px;
}

.jcarousel-skin-ie7 .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  460px;
    height: 90px;
}


.jcarousel-skin-ie7 .jcarousel-item {
    width: 100px;
    height: 80px;
    border: 1px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover,
.jcarousel-skin-ie7 .jcarousel-item:focus {
    border-color: #cccccc;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 0;
}


.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(photo/thumbs/next.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(photo/thumbs/back.gif);
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-horizontal:focus {
    background-position: 0px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(photo/thumbs/back.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(photo/thumbs/next.gif);
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:focus {
    background-position: 0px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0;
}

#myBtn {  display: none; /* Hidden by default */  position: fixed; /* Fixed/sticky position */  bottom: 20px; /* Place the button at the bottom of the page */  right: 30px; /* Place the button 30px from the right */  z-index: 99; /* Make sure it does not overlap */  border: none; /* Remove borders */  outline: none; /* Remove outline */  background-color: red; /* Set a background color */  color: white; /* Text color */  cursor: pointer; /* Add a mouse pointer on hover */  padding: 15px; /* Some padding */  border-radius: 10px; /* Rounded corners */  font-size: 18px; /* Increase font size */}#myBtn:hover {  background-color: #aa9210; /* Add a dark-yellow background on hover */}