@CHARSET "UTF-8";

/************************************
  Horizontal Menu : Sample Style 3 
       StyleClass : hmenu3       
 ************************************/

/*
 * Required. Supply as the class of the <div> tag. 
 * Defines the base name of the set of CSS classes used to style the menu.
 * Styles the <div> tag that contains the top-level menu. 
 * Note that <base>_1_div styles the same <div> tag.
 */
.hmenu3 {
}

/**************************************************  
  Classes that apply to the menu bar of level 1
 **************************************************/
 
/*
 * Required. Each menu is contained in a <div> tag. Specifies the style of the <div> tag.
 * The following classes are given priority over this class.
 */
.hmenu3_1_div {
}

/*
 * Optional. Each menu is organized into rows/columns in a <div> tag using a <table> tag.
 * This style applies to the entire table used at this level.
 */
.hmenu3_1_table {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:0.1px;
}

/*
 * Optional. The first separator can be treated distinctly.
 */
.hmenu3_1_separator_first {
    
    
}

/*
 * Optional. The last separator can be treated distinctly.
 */
.hmenu3_1_separator_last {
	width:140px;
	padding:4px;
    
}

/*
 * Optional. 
 * If this level of menus uses separator menu items, this class styles the separator.
 * The separator is a table cell (i.e., this styles a <td> tag).
 */
.hmenu3_1_separator {
	padding-left:12px;
	padding-right:12px;
	border-width:0px;
	border-style:solid;
	border-color: window;	
	font-weight: bold;
	text-align:left;
	text-decoration: none;
	color: #ffffff; height:33px;
}

/*
 * Required. Each menu item is contained in a table cell.
 * This style applies to all cells at this level of the menu (unless one of the following applies).
 */
.hmenu3_1_cell_normal {
	padding-left:12px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:4px;
	border-width:0px;	
	text-align:left; 
	color:#FFFFFF;
	height:34px;
}

/*
 * Same as above, but used when the mouse is over the cell.
 * If not supplied, the selected class is used.
 * If neither provided, the normal class is used.
 */
.hmenu3_1_cell_moused {
	padding-left:12px;
	padding-right:12px;
	border-width:0px;
	background-image: url("../img/navibg_over.gif");
	text-align:left;
	height:34px;
}

/*
 * Same as above, but used when the menu item is selected.
 * Selected state happens only when "keepSelection=true".
 * If not supplied, the moused class is used.
 * If neither provided, the normal class is used.
 */
.hmenu3_1_cell_selected {
	padding-left:12px;
	padding-right:12px;
	border-width:0px;
	background-image: url("../img/navibg_over.gif");
	text-align:left;
	height:34px;
}

/*
 * Required. The class is applied to all menu items at this level.
 * If the item already has a class (or classes) assigned to it, the class is appended to the end of the list.
 */
.hmenu3_1_item_normal {
	color:#FFFFFF;
	text-decoration: none;
}

/*
 * As above, but moused state.
 */
.hmenu3_1_item_moused {
	color:#1e5fa9;
	text-decoration: none;
}

/*
 * As above, but selected state.
 */
.hmenu3_1_item_selected {
	color:#1e5fa9;
	text-decoration: none;
}

/**************************************************  
  Classes that apply to the menu bar of level 2
 **************************************************/
 
/*
 * Required. Each menu is contained in a <div> tag. Specifies the style of the <div> tag.
 * The following classes are given priority over this class.
 */
.hmenu3_2_div {
	background-image: url("../img/navibg_over.gif"); 
	border-right: #4975a7 1px solid;	
	border-left: #4975a7 1px solid;
	border-bottom: #4975a7 1px solid;
}

/*
 * Optional. Each menu is organized into rows/columns in a <div> tag using a <table> tag.
 * This style applies to the entire table used at this level.
 */
.hmenu3_2_table {
	border-width:0px;
    background-image: url("../img/navibg_over.gif");      
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	text-transform: capitalize;
	font-size:9pt;
	font-weight: normal;
	text-decoration: none;
}

/*
 * Optional. 
 * If this level of menus uses separator menu items, this class styles the separator.
 */
.hmenu3_2_separator {
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 6px;
    text-align: left;
    font-weight: bold;
    color:#999999;
}

/*
 * Required. Each menu item is contained in a table cell.
 * This style applies to all cells at this level of the menu (unless one of the following applies).
 */
.hmenu3_2_cell_normal {
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:13px;
	padding-right:10pt;
    background-image: url("../img/navibg_over.gif");
    font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	text-transform: capitalize;
	font-size:9pt;
}

/*
 * Same as above, but used when the mouse is over the cell.
 * If not supplied, the selected class is used.
 * If neither provided, the normal class is used.
 */
.hmenu3_2_cell_moused {
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:13px;
	padding-right:10pt;
	background-color: #1e5fa9;
	 color:#ffffff;
}

/*
 * Same as above, but used when the menu item is selected.
 * Selected state happens only when "keepSelection=true".
 * If not supplied, the moused class is used.
 * If neither provided, the normal class is used.
 */
.hmenu3_2_cell_selected {
	text-align: left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:13px;
	padding-right:10pt;
}

/*
 * Required. The class is applied to all menu items at this level.
 * If the item already has a class (or classes) assigned to it, the class is appended to the end of the list.
 */
.hmenu3_2_item_normal {
	color: #000000;
	text-decoration: none;
}

/*
 * As above, but moused state.
 */
.hmenu3_2_item_moused {
	color:#ffffff; 
	text-decoration: none;
}

/*
 * As above, but selected state.
 */
.hmenu3_2_item_selected {
	color:#ffffff; 
	text-decoration: none;
}

/*
 * Optional.
 * If a menu item opens a child submenu, an "arrow" is displayed at the right edge of the cell that contains the item.
 * This style is applied to the arrow. 
 * If the style does not specify a background image, it styles the text arrow ">" that is displayed by default. 
 * If the style includes a background image, the text arrow is not displayed and the background image is used as the arrow.
 */
.hmenu3_2_arrow_normal {
    right:3px;     
}

/*
 * As above, but moused state.
 * If not present, a ">>" character is used as the arrow.
 */
.hmenu3_2_arrow_moused {
    right:3px;     
}
/*
 * As above, but selected state.
 * If not present, a ">>" character is used as the arrow.
 */
.hmenu3_2_arrow_selected {
    right:3px;     
}