#menubar
{
	position: static;
	margin:0px;
	padding:0px;
	background-image: url("../images/menubar/menubar.jpg"); 
	background-repeat: repeat-x;
	width:10%;
	height:auto;
	text-align:left;
	text-align:center;
	float:left;
	background-color:#373942;
	height:100vh;
	overflow: auto;
}

#menubar_container
{
	position:relative;
	margin:0 auto;
	width:95%;
	text-align:left;
	
}

.menu_item
{
	margin-bottom:10px;
	height:100%;
	text-align:center;
		
}


#menubar a:link, #menubar a:visited, #menubar a
{
	color:#f2f2f2;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	
	
}

#menubar a:hover
{
	color:#65B050;
	text-decoration:none;	
}

.menu_item
{
	font-size:9pt;
}

#menubar_company_info
{
	left:0px;
	top:17px;
	width:100%;
	padding-top:5px;
	text-align:left;
}

#company_title
{
	font-size:20pt;
	font-weight:bold;
	color:#ffffff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menubar_navigation
{
	margin-top:20px;
	width:85%;
	left:200px;
	top:10px;
	height:50%;
}

#menubar_footer
{
	top:60px;
	left:0px;
	height:17%;
	padding:5px;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	margin-bottom:5px;
	border-top:1px;
	border-color:#CCC;
}

#menubar_date
{
	top:65px;
	right:0px;
	height:17%;
	padding-top:22px;
	font-size:8pt;
	font-weight:bold;
}




/* width */
::-webkit-scrollbar {
  width: 1px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #F4F4F4; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
html {
  scroll-behavior: smooth;
}