/* 2005-03-05: rewrote JS and menu styles */
/* 2003-10-02: dropped @media handheld in favor of @media screen, projection */
/* One of my standard ways to hide CSS from deficient browsers is with @media rules.
   This also prevents mobile devices from attempting CSS they shouldn't */

@media screen, projection {
/* This next rule exploits a parsing bug in MacIE5 so @media rules will be applied on screen */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
/* WinIE5 hoses the selector following a box model hack, 
   so a dummy selector here will resync it */
.resyncWinIE5 {
}
html, body {
/*	margin: 0;
	//padding: 0;
	width: 100%;*/
}
body {
	padding-bottom: 2.5em;  /* space for horizontal navbar */
	font-size: 100%;     /* prevent weird scaling in WinIE */
}
.copyright,
.content {
	padding: .5em 1em;
}
#navbar {
	position: absolute;
/*	top: 3; ///khoang cach so voi top screen
	left: 0;*/
	width: 100%;
	font-size: 90%;
}
/* hide the heading off-screen and don't let it affect list position */
#navbar h2 {
	position: absolute;
	top: -10em;
	left: 0;
	margin: 0;
}
#navbar ul,
#navbar li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* default list styles are for the disappearing submenu lists */
#navbar ul {
	display: none;    /* hidden by default */
	border:  1px solid blue;
	border-top-width: 0;
	background-color: #fff;
	color: blue;
	position: relative;
	z-index: 1;
	width: 100%;      /* 100% of parent */
/* overflow should only clip very long words and prevents WinIE from erroneously widening the box */
	overflow: hidden;
}
/* override default for top-level items */
#navbar ul.mainmenu {
	display: block;
	border-width: 0;
	overflow: visible;
}

/* the default styles for submenu links */
#navbar li a {
	padding: .3em;
	color: #fff;
	background-color: blue;
	display: block;
	margin: 0;
	border-top: 1px solid silver;
	text-decoration: none;
	position: relative; /* prevent WinIE weirdness */
}
/* the colors here are the same as links embedded in the content area, but don't have to be */
#navbar li a:link {
	color:  #fff ;
	font-weight:bold;
    background-color: none;
}
#navbar li a:visited {
	color: #fff;
  	font-weight:bold;
  background-color: none;
}
#navbar li a:hover {
	  color: #fff;
 	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
  background-color: none;
}

/* The list items for the 5 main menu groups:
   each 20% of window width, positioned at 20% increments.
   Might set widths in ems instead. */
#mainmenu1 {
	position: absolute;
	width: 12.5%;
	top: 0;
	left: 0;
	z-index: 1;
}
#mainmenu2 {
	position: absolute;
	width: 12.5%;
	top: 0;
	left: 12.5%;
	z-index: 2;
}
#mainmenu3 {
	position: absolute;
	width: 12.5%;
	top: 0;
	left: 25%;
	z-index: 3;
}
#mainmenu4 {
	position: absolute;
	width: 12.5%;
	top: 0;
	left: 37.5%;
	z-index: 4;
}
#mainmenu5 {
	position: absolute;
	width: 12.5%;
	top: 0;
	left: 50%;
	z-index: 5;
}

#mainmenu6 {
	position: absolute;
	width: 12.5%;
	top: 0;
	left: 62.5%;
	z-index: 6;
}

#mainmenu7 {
	position: absolute;
	width: 12.5%;
	top: 0;
	left: 75%;
	z-index: 7;
}

#mainmenu8 {
	position: absolute;
	width: 12.5%;
	top: 0;
	left: 87.5%;
	z-index: 8;
}






/* the main menu link, styled as a 'CSS button' */
#navbar a.mainmenu {
	border:  thin groove  #ccc;  /* or outset */
	/*font-weight: bold;*/
    font-size: 11;
	padding: .3em;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0;
	visibility: visible;
	background: orange -20px 0 no-repeat; /*Mau nen cua Horizon menu mac dinh*/
	color:red ;
}
/* submenu indicator, hide from MacIE \*/
#navbar a.mainmenu.more {
	background-position: 100% .8em;
} /* end submenu indicator */

/* main menu links get different colors than submenus */
#navbar a.mainmenu:link {
	color: #fff;
}
#navbar a.mainmenu:visited {
	color: #fff;    /* Link visit of main menu */
}
#navbar a.mainmenu:hover {
	color: #fff; /* Link Hover of main menu */
	background-color: #99CC33    ; /*Mau nen cua Horizon menu khi dua mouse len*/
	border-style: inset  ;  /* or inset */
	
}

/* hack to prevent excessive spacing in WinIE */
* html #navbar ul.mainmenu li {
	display: inline;
} /* end hack */

} /* end screen rules */

/* print media rules */
@media print {
body {
/*	padding-top: 0;*/
}
div #navbar {
	display: run-in;
}

} /* end print media rules */