/* CSS Tabs */
#button {
   background-image: url(leftMenu_150x10.gif);
   background-repeat: repeat-y;
   color: #333;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 1em;
   padding: 0 0 1em 0;
   width: 12em;
}
	
#button ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
}
		
#button li {
   border-bottom: 1px solid #90bade;
   margin: 0;
   list-style: none;
   list-style-image: none;
}
	
#button li a {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 8px solid #4CA0E0;
   border-right: 8px solid #508fc4;
   background-color: #3E93D4;
   color: #fff;
   text-decoration: none;
   width: 100%;
}

html>body #button li a {
   width: auto;
}

#button li a:hover {
   border-left: 8px solid #2586e7;
   border-right: 8px solid #2586e7;
   background-color: #2586d7;
   color: #fff;
}

#button li #active {
   border-left: 10px solid #1c64d1;
   border-right: 10px solid #5ba3e0;
   background-color: #2586d7;
   color: #fff;
}

.menuHeader{
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-left: 8px solid #4CA0E0;
   border-right: 8px solid #508fc4;
   background-color: #3E93D4;
   color: #fff;
   text-decoration: none;
   width: 100%;
}