/* set the background colour */
.dropdown,
.dropdown ul{
  z-index:1000;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, "Lato", sans-serif;
  font-weight:500;
  /*  background: #242a71;  */
  background:white; 
  border:1px solid black; 
}

/* pad items, set their text colour, and fade their background colour */
.dropdown a,
.dropdown span.dropdown{
  /*  color      : white; */ 
  color:black;
  /*transition : background 0.2s;*/
  text-align : left;
  /*  text-shadow: 1px 1px 1px #4C4141  */
}

ul.dropdown ul .dropdown a,
ul.dropdown ul .dropdown span.dropdown{
  padding    : 0.25em 0.5em;
}

/* set the background colour of active items */
.dropdown li:hover,
.dropdown li.dropdownOpen{
  /*  background : #666cb2; */
  background:black;
  color:white;
}
.dropdown li:hover > a,
.dropdown li.dropdownOpen > a {
  color:white;
}

/* di nav wrapper and container */
div#nav-wrapper-container{
  background-color:white;
}
div#nav-wrapper{
  width: 870px;
  margin: 0 auto;
}

/* di nav location specific settings */
div#nav > ul.dropdown {
  width: 870px;
  margin: 0 auto;
}
div#nav {
  background-color:white;
  border:1px solid black;
}

/* arrow hover styling */
ul.dropdown > li > a:first-child:nth-last-child(2):before {
  color:orange !important;
  border-top-color: #aaa; 
}
ul.dropdown > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: orange; 
  color:orange !important;
  margin-top:-5px
}
ul.dropdown li.dropdownOpen li > a:first-child:nth-last-child(2):before {   
  content: "";
  color:orange !important;
  margin-top: 5px;
  float:left;
  border:5px solid transparent;
  border-left-color:orange;
  margin-right:2px;
}
ul.dropdown li.dropdownOpen li.dropdownOpen > a:first-child:nth-last-child(2):before {
  content "";
  border: 5px solid transparent; 
  border-right-color: orange;
transition : background 0.2s ease;
  float:right;
  color:orange !important;   
}
ul.dropdown li.dropdownOpen li.dropdownOpen > a:first-child:nth-last-child(2){
  margin-left:12px;
}

/* menu padding */
ul.dropdown li li {
  padding: 0 0.75em;
}
ul.dropdown ul {
  padding-top:0.75em;
  padding-bottom:0.75em; 
}
ul.dropdown ul ul {
  margin-top:-0.75em; 
}
ul.dropdown > li {
  font-size: 15px;
  /*padding: 0px 0.2em;*/
}
ul.dropdown > li > a {
  padding: 0.75em 0.2em;
}
ul.dropdown > li:first-child {
  padding-left:0;
}   

/* First letter boldening for the top-level menu */
ul.dropdown > li > a::first-letter {
  /*  font-weight:bold; */
}

/* table-like display for those browsers that can handle it */

div#nav {
  display:table;
  width:100%
}
ul.dropdown {
  display:table-row;
  font-size:14px;
}

ul.dropdown > li {
  display:table-cell;
} 


/* target firefox only with the following rules */
@-moz-document url-prefix() {
  div#nav{
    display:block;
  }
  ul.dropdown{
    display:block;
  }
  ul.dropdown > li{
    display:inline-block;
  }
}                                                                          

/* arrow styles */
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid black;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f00;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	
	border-left: 3px solid green;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid blue; 
}                        

/* hmm about them - now font awesome targetted styling */
.dropdown .nav-submenu-icon{
  float:right;
  /*  color:white;  */
  color:black;
}
div#nav .menu-with-submenu {
  color:white;
}
div#nav li.menu-with-submenu > i {
  margin-top:2px;
}  
div#nav li.menu-with-submenu.has-omg > i {
  margin-top:5px;
}  
div#nav i.nav-submenu-icon.fa-caret-left {
  display:none;
}

               
.dropdown li:hover > i.nav-submenu-icon,
.dropdown li.dropdownOpen > i.nav-submenu-icon{
  color:white;
}

.menu-with-submenu > ul {
  /*  border-left:1px solid white;  */
  /*  border-left:1px solid black;  */
}
            
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);