/*
 *  Custom CSS for superfish menu styling
 */


/* Overall Menu Styling */

#block-superfish-1 .content {
/* gradient background */
  background: #E0E0FF;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E9E9FF), to(#B0B0F3));
  background: -webkit-linear-gradient(#E9E9FF, #B0B0F3);
  background: -moz-linear-gradient(#E9E9FF, #B0B0F3);
  background: -ms-linear-gradient(#E9E9FF, #B0B0F3);
  background: -o-linear-gradient(#E9E9FF, #B0B0F3);
  background: linear-gradient(#E9E9FF, #B0B0F3);
  -pie-background: linear-gradient(#E9E9FF, #B0B0F3);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
/* shadow under the menu */
  box-shadow: 0 2px 2px 1px #9F9F9F;
  -moz-box-shadow: 0 2px 2px 1px #9F9F9F;
  -webkit-box-shadow:0 2px 2px 1px #9F9F9F;
  float: left;
  left: 0%;
  behavior: url(PIE.htc);
}

#superfish-1 { /* zero out spacing */
  padding: 0;
  margin: 0;
}

/* Links Styling */

.sf-menu a {
  color: #0F0F6F;
}

.sf-menu a:hover, .sf-menu a:active, .sf-menu a.sfHover, .sf-menu a:focus {
  text-decoration: none;
  color: #aF5F00;
}

.sf-menu *:focus { /* remove focused link borders */
  outline: none;
} 

.sf-menu a {
  text-decoration: none; /* remove underline from links */
  font-size: 1.1em;
  font-family: georgia;
  font-weight: 700;
  padding: 0.8em; /* set size of links buttons */
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  color: #0F0F6F;
  background: #D0D0F3;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C0C0F3), to(#D0D0F3));
  background: -webkit-linear-gradient(#C0C0F3, #D0D0F3);
  background: -moz-linear-gradient(#C0C0F3, #D0D0F3);
  background: -ms-linear-gradient(#C0C0F3, #D0D0F3);
  background: -o-linear-gradient(#C0C0F3, #D0D0F3);
  background: linear-gradient(#C0C0F3, #D0D0F3);
  -pie-background: linear-gradient(#C0C0F3, #D0D0F3);
  behavior: url(/PIE.htc);
}

.sf-menu li a.active, .sf-menu li.active, .sf-menu li a:focus {
  color: #aF5F00;
}

/* sub-menu links styling */

.sf-menu li.sf-depth-2 a {
  background: #D0D0F3;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  behavior: url(PIE.htc);
}

.sf-menu li.sf-depth-2 a:hover, .sf-menu li.sf-depth-2.sfHover, .sf-menu .sf-depth-2 a:focus, .sf-menu sf-depth-2 a:hover, .sf-menu sf-depth-2 a:active {
  color: #0F0F6F;
  background: #DFDFF3;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  behavior: url(PIE.htc);
}

/* Put borders around each main link */

#superfish-1 li.sf-depth-1 { /* left border on each one */
  border-left: 1px solid #9494d4;
}

#superfish-1 li.sf-depth-1.first { /* except for first link */
  border-left: none; 
}

/* Put radius on first and last main links */

#superfish-1 .sf-depth-1.first a:hover, #superfish-1 .sf-depth-1.first li {
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  behavior: url(PIE.htc);
}

#superfish-1 li.sf-depth-1.last a, #superfish-1 li.sf-depth-1.last a:hover, #superfish-1 li.sf-depth-1.last a:visited, #superfish-1 li.sf-depth-1.last a:active, #superfish-1 li.sf-depth-1.last {
  border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  behavior: url(PIE.htc);
}

#superfish-1 li.sf-depth-1.first a, #superfish-1 li.sf-depth-1.first a:hover, #superfish-1 li.sf-depth-1.first a:visited, #superfish-1 li.sf-depth-1.first a:active, #superfish-1 li.sf-depth-1.first {
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  behavior: url(PIE.htc);
}


/* sub-menus */

.sf-shadow ul { /* Shadow */
  background: none;
  border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  behavior: url(PIE.htc);
}

.sf-menu li.menuparent ul {
  background-color: #D0D0F3;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 2px 1px #9F9F9F;
  -moz-box-shadow: 0 2px 2px 1px #9F9F9F;
  -webkit-box-shadow:0 2px 2px 1px #9F9F9F;
  border-radius: 0 2px 2px 2px;
  -moz-border-radius: 0 2px 2px 2px;
  -webkit-border-radius: 0 2px 2px 2px;
  behavior: url(PIE.htc);
}

.sf-menu li.menuparent ul li a {
  border-radius: 0 2px 2px 2px;
  -moz-border-radius: 0 2px 2px 2px;
  -webkit-border-radius: 0 2px 2px 2px;
  behavior: url(PIE.htc);
}

/* sub-indicator */

#superfish-1 .sf-depth-1 .menuparent { /* Leave room for sub-indicator */
  padding-right: 1.3em;
}

a > .sf-sub-indicator {
  top: 1em;
  right: 0.3em;
}
 

/* Menu centering */

#block-superfish-1 {
  float: left;
  left: 50%;
  position: relative;
}

#block-superfish-1 .content {
  float: left;
  left: -50%;
  position: relative;
}