/*
 
nav.css

Navigation for SG pages

Three types:
#nav is for all screens
#navhome for home page only
#nav2 for 2nd level and beyond

*/

#nav {
  z-index: 400;
  position: relative; 
}

#navhome {
  margin-left: 2px;
  margin-top: 66px;
  float: left;
}  

#nav2 {
  margin-top: 15px;
  margin-bottom: 15px;
}  

#nav2f {
  margin-top: -45px;
  margin-bottom: 15px;
}  

/* Suppress display of lower level menus */
#nav ul ul {
	display: none;
}

/* Show next level menu when hovering */
#nav ul li:hover > ul {
	display: block;
}

/* main button container */
#nav ul {
	background: #6d1f1f; 
	padding: 0;
	margin: 0;
	border: 0px;  
	list-style: none;
	position: relative;
	display: inline-table;
}

#nav ul:after {
/*
	content: ""; 
	clear: both; 
	display: block;
*/
}

/* each of the main buttons - home only */
#navhome ul li {
	float: left;
	border-right: 3px solid black;    /* space between the buttons */
}

/* each of the main buttons - all but home */
#nav2 ul li {
	float: left;
	margin: -2px;   /* without this there's a gap between menu items that makes the menu disappear when you cursor on it */
} 

#nav2f ul li {
  border-right: 0px;
}   

/* top level hover */
#nav ul li:hover {
	background: #7F7F7F;
}

/* top level button text */	
#nav ul li a {
	display: block; 
	padding: 5px 30px 6px;    /* controls height and width of buttons*/
	color: white; 
  font-size: 125%;
  font-weight: 400;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	text-decoration: none;
}

/* top level buttons text on 2nd level pages */
#nav2 ul li a {
	padding: 6px 23px 6px;    /* controls height and width of buttons*/
	color: white; 
  font-size: 100%;
}

/* all text in selected menu */
#nav ul li:hover a {
	color: white;
}
	
/* button in dropdown without hover */
#nav ul ul {
	background: #6d1f1f; 
	padding: 0px;
	position: absolute; 
	top: 100%;
}

#nav2 ul ul {
	padding: 2px;
}	

/* dropdown menu items */
#nav ul ul li {
	float: none; 
	border-top: 0px solid black;   /* to make lines between the dropdown items */
	position: relative;
}

/* dropdown buttons - height, width, text size & color */
#nav ul ul li a {
	padding: 7px 10px;      	
	color: #ffffff;
	font-size: 100%;
}

#nav2 ul ul li a {
  font-size: 85%;
}  
	
/* dropdown buttons when hovering */	
#nav ul ul li a:hover {
	background: #7F7F7F;
}

/* for 3rd level menu */
#nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}