#navi {
  height:40px;
  position:fixed;
  top:0; 
  left:0; 
  z-index:1001; 
  width:100%;
  background: #3c3555;
  border-bottom: 2px solid #55467e;
}

#navi_spacel {
	height: 40px;
	width: 151px;
	float: right;
}

#navi_spacer {
	height: 40px;
	width: 151px;
	float: left;
}


#navi_buttonl {
	height: 40px;
	width: 125px;
	float: right;
	text-align:center;
}

#navi_buttonl2 {
	height: 40px;
	width: 135px;
	float: right;
	text-align:center;
}

#navi_buttonr {
	height: 40px;
	width: 125px;
	float: left;
	text-align:center;
}

#navi_buttonr2 {
	height: 40px;
	width: 65px;
	float: left;
	text-align:center;
}

#navil {
  	width:50%;
	height:40px;
	float:left;
}

#navir {
  	width:50%;
	height:40px;
	float:left;
	text-align:left;
}

#navic {
  	position:fixed;
 	top:0;
	left:50%;
	margin-left: -150px;
  	z-index:1002;
}

a.navi:link {
	color: #eeddf8;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
}
a.navi:visited {
	color: #eeddf8;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
}
a.navi:hover {
	color: #eeddf8;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
}
a.navi:active {
	color: #eeddf8;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
}