﻿/* 
Comments: Menu Heading Settings 
Created : 12/10/14-LC
Modified:
*/

#MainMenu {
	background-color:white; 
	height:60px; 
	border-bottom: 2px navy solid;
	min-width:780px;
}
#MainMenuLogo {
	float:left;
	padding: 5px 10px 0 10px;
}
#MainMenuSocialMedia {
	float:left; 
	margin: 20px;
	/*
	padding: 20px;
	*/
}
#MainMenuSearch {
	float:right; 
	width:250px;
	margin-top:-3px;
}
#MainMenuSocialMedia {
	margin-left:20px;
	float:right;
	margin-top:15px;
}
#MainMenuAddThis {
	float:right; 
	padding-top:20px;
	margin-right:5px;
}

/* Main menu bar
------------------------------------------*/
#MenuBarFMS,
#MenuBarFMS ul {
    list-style: none;
    padding-left:0;
    margin:0 0 0 0;
    font-size: 10pt;
    color: gray;
}
#MenuBarFMS ul {
	/* Adds gradient to dropdown menus */
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
}
#MenuBarFMS {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}
#MenuBarFMS > li {
    float: left;
    font-size: 9pt;
}
#MenuBarFMS > li > a {
    color: gray;
    font-weight: bold;
}
/* Top menu display */
#MenuBarFMS li a {
	display: block;
    padding: 0 10px 0;           /* Horizontal distance between menu items */
    line-height: 50px;
    text-decoration: none;
    margin:0;
    /*
    border-right: 1px silver dotted;
    height: 40px;			Height is not needed
    */
}
/* Behavior when cursor hovers over it */
#MenuBarFMS > li:hover,
#MenuBarFMS > li:hover > a {
   color: yellow;
   background-color: gray;
    /*
   font-style:italic;
    */
}
#MenuDivHome .MenuHome,
#MenuDivSV .MenuSV,
#MenuDivSolutions .MenuSolutions,
#MenuDivAbout .MenuAbout,
#MenuDivContact .MenuContact,
#MenuDivSupport .MenuSupport
{
background-color:#DFDFDF;  /* #CCCCCC; */
color:black;
}

/* Sub menu
------------------------------------------*/
#MenuBarFMS ul {
    position: absolute;
    display: none;
    margin-top:0;				/* Prevents the drop down menu from disappearing on a slow mouse move down */
	z-index: 999;
    padding-top:0;
    background-color:#FFFFF9;		/* Sets color for submenu; setting this at li level leaves transparancy between rows */
    border: 1px gray double;
   /* Makes no difference here
    background-color:silver;
    line-height:1em;
    padding-bottom:12pt;		/* Extra padding below last item in submenu */
    */
}
/*
	Does nothing:
#MenuBarFMS ul li {
    line-height:5px;		
    margin-top:0;
    padding-top:0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;

    Without specifying height, the submenu is very tall; when specified, padding is added above the submenu
    height:1em;
}
*/    
#MenuBarFMS ul li a {
    line-height: 22px;			/* Controls the height of the submenu items */
    color:black;
    border-collapse:collapse;
    font-size: 9pt;				/* A little smaller than horizontal menu */
    border-right: 0;
	width:auto;					/* Set widths of first dropdown */
}
#MenuBarFMS li:hover ul {
    display: block;
}
#MenuBarFMS ul > li:hover > a {
    color: yellow;
    background-color: gray; 
    /* Setting width in here narrows the highlight bar
	color:navy;
    */
}

/* Sub-sub menu
------------------------------------------*/
/*
One set color if different from what's specified above
#MenuBarFMS ul ul,
#MenuBarFMS ul ul ul
{
    background-color:#CCCCCC;	/* Sets color for submenu; setting this at li level leaves transparancy between rows 
}
*/

/*--- Hide Sub Sublists ---*/
#MenuBarFMS li:hover ul ul,
#MenuBarFMS ul li:hover ul ul
{display:none;}

/*--- Sublevel UL's display and position on hover ---*/
#MenuBarFMS li:hover ul {display:block;}

.no-touch #MenuBarFMS li:hover ul,
.no-touch #MenuBarFMS ul li:hover ul ul{
    z-index: 99;
    display: block;
}

#MenuBarFMS li li:hover ul,
#MenuBarFMS li li li:hover ul {
	display:block;
	margin-top:-25px; 
	width: 200px;	
}
#MenuBarFMS li li:hover ul {margin-left:130px;}
#MenuBarFMS li li li:hover ul {margin-left:160px;} 

/* Add line above item in submenu */
.MenuBorderTop {border-top: 1px gray solid;}