/* CSS Document */
/* asbestos\includes\menuStyles.css */
#header {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

#sidebar, #sidebar ul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-weight: bold;
	border: 0px solid white;
	padding: 0;
	margin: 0;
	width: 113px;
	height:35px;
	list-style: none;
	line-height:30px;/* lowers text to fall in the middle of the buttons.*/
	/*background-image: url('http://insulators110.com/img/btnBlackBG.jpg'); */
}
#sidebar li {
	width: 113px;
	height:35px;
	float: left;
	/*float: right; /* changed this from left to right */
	position:relative;
	border: none;
	background-image: url('http://insulators110.com/includes/btnBlackBG.jpg');	

}
#sidebar a {
	display: block;
	text-align:center;
	color:#000066;
	font-family:arial,verdana,sans-serif;
  font-size:11px !important;
  font-weight:bold;
	text-decoration: none;
	line-height:35px;
	width: 113px;
	padding: 0px;
}
#sidebar a:link, #sidebar a:visited {
  color: #330033;
	/*background-color: #105129;*/
}

#sidebar li ul { /*hides stuff under id=sidebar ->li->ul.  
Basically, the 2nd level  
They get put to the right of the main menu when needed.*/
	position: absolute;
  /* position:relative; */
	right: -999px;
	/*left:10px;
	right:10px;*/
/*  background-image: url(http://insulators110.com/img/btn.jpg'); */
}

#sidebar li ul a { /* anchor within id=sidebar->li->ul ; this is the lower-level anchor*/
	padding: 3px;
	line-height:25px; /* lowers flyout menu's text*/
	background-color:#E7E7E7; 
	border:2;
	border-color:black;
}

#sidebar li ul li{
  border:1px;
  border-color:green;
  background-color:828282; 
  /* added float to try to get the flyout to the left side of the menu */
  float:left; 
  background-image:url('http://insulators110.com/img/spacer.gif');/* gets rid of flyout menu's background image.*/
}
#sidebar li ul{/* formats popout list when visible*/
  /*background-image:url('http://insulators110.com/img/spacer.gif'); */
  line-height:25px;
	/* border: 1px solid #FFFFFF;*/
}

#sidebar a:hover { /* refers to all of the buttons when hovering */
	/* color: #6666ff;*/
	text-decoration:underline;
	font-family:arial,verdana,sans-serif;
  font-size:11px !important;
  font-weight:bold;


	/*background-color: #ff00cc;*/
}

#sidebar li:hover ul, 
#sidebar li.sfhover ul {
	top: 0px;
	left: -100%;
	width: 100%
	/* get flyout to left*/
	/* end /* get flyout to left*/
	
}