@charset "utf-8";

div.navigation {
   display: table;
   width: 100%;
   text-transform: uppercase;
}

div.navigation > div {
   display: table-row;
}

div.navigation > div > a {
   width: 50%;
   display: table-cell;
   text-align: left;
   padding: 15px;
}

div.navigation a.right {
   text-align: right;
}

ul.navigation {
   display: inline;
   padding: 0;
   margin: 0;
}

ul.navigation li {
   display: inline;
   text-transform: lowercase;
   list-style-type: none;
   padding-left: 10px;
}

ul.navigation li a {
   color: #505050;
}

ul.navigation li a:hover {
   color: #f15033;
   text-decoration: none;
}

ul.navigation li a.current-page {
   color: #f15033;
}
/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
   margin: 0;
   padding: 0;
   list-style: none;
   color: #6D6E71;
   padding: 0 0 6px 0;
}

.sf-menu {
	position: absolute;
	display: inline;
	line-height: 1.0;
	right: 0;
}

.sf-menu ul {
   display: none;
   position: absolute;
   top: -999em;
   width: 12em; /* left offset of submenus need to match (see below) */ 
}

.sf-menu ul li {
   width: 100%;
   text-align: left;
   background-color: #888888;
   float: none;
   display: block;
   padding: 0;
   border-top: 1px solid white;
}

.sf-menu ul li .current-page {
   background-color: #f15033;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
   visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float: left;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

.sf-menu a {
   display: block;
   position: relative;
   text-decoration: none;
	 text-transform:lowercase;
}

.sf-menu a.current-page {
	font-style:normal;
  background-color: #fff;
  color: #f15033;
}

.sf-menu a:hover, 
.sf-menu a:hover em,
.sf-menu a.sfHover,
.sf-menu a.sfHover em {
   color: #f15033;
}

.sf-menu ul li a,
.sf-menu ul li a.current-page {
   color: #fff;
   font-weight: normal;
   padding: 5px 10px;
   font-size: 12px;
}

.sf-menu ul a:hover,
.sf-menu ul a.sfHover {
   color: #fff;
   background-color: #656565;
}

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