.sf-menu {
  background-color: #333333;
  width: 100%;
  position: absolute;
  top: 85px;
  min-width: 900px;
}

.sf-menu>li {
  font-family: verdana, arial;
  font-size: 11px;

}

.sf-menu>li>ul>li {
  font-family: verdana, arial;
  font-size: 10px;

}

.sf-menu a {
	border-left:	1px solid #d8d8d8;
	border-right:	1px solid #d8d8d8;
	border-top:		1px solid #b6b9cc;
}

.sf-menu a, .sf-menu a:visited {
  padding: 0.5em 12px;
  color: #476076;
  background-color: #d1d1d1;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.9em; /* match top ul list item height */
	z-index:		99;
}

.sf-menu a:hover {
  background-color: #999999;
  color: white;
}

.sf-menu>li {
  width: 170px;
}

.sf-menu ul {
  width: 170px;
}


.sf-menu ul li:last-child {
  border-bottom: solid 3px #b6b9cc;
}

ul.sf-menu li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			0;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			0;
}

.sf-sub-indicator {
	background:		url('../images/arrows-ffffff.png') -10px -100px no-repeat ; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	background-position: 0 -102px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -102px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px -1px; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 -1px; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -8px -1px; /* arrow hovers for modern browsers*/
}

.sf-menu ul {
  -moz-box-shadow: 3px 3px 5px rgba(51, 51, 51, 0.75);
  -webkit-box-shadow: 3px 3px 5px rgba(51, 51, 51, 0.75);
  box-shadow: 3px 3px 5px rgba(51, 51, 51, 0.75);
}

body {
/*  background-image: url(../Winter_Landscape_1600.jpg);  /* from http://www.socksoff.co.uk/walls06.html */
}

.sf-menu>li {
  border-right: solid 1px white;
}

#nav-system {
  border-left: solid 7px #333333;
}

#nav-applications {
  border-left: solid 7px #990000;
}

#nav-library {
  border-left: solid 7px #0033cc;
}

#nav-reports {
  border-left: solid 7px #006600;
}

#nav-account {
  border-left: solid 7px #7f7f2a;
}

.sf-menu>li>a {
  background-color: #333333 !important;
  color: white !important;
  border-left: solid 1px #999999;
  border-top: none;
}