/* CSS Document */

body {
	margin:0;
	padding:0;
	}

#nav {
	width:100%; 
    display:block;
/*   background-color:#64abfb;
	border-bottom:5px solid #2980b9;*/
	}

#nav ul {
    list-style: outside none none;
    margin: 5px 5px;
    padding: 0;
    position: relative;    }
     
#nav ul:After {
	content: "";
	display:block;
	clear:both;
	}	 
	 
#nav ul li {
    display:list-item;
    list-style: none;
	float:left;
	border-right:#FFF 1px solid;
	border-left:#FFF 0px solid;
/*    background-color:#64abfb;*/
    }
  
 #nav ul li i {
	 font-size:25px;
	 width:30px;
	 } 
  
#nav ul li a {
    color: #fff;
    display: block;
    font-family: "Bree Serif","serif";
    font-size: 11px;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
}
  
#nav li a:hover { 
	background-color:#006;
	color:#FFF;
}

/* The Dropdown Styles */
/* =================== */
  
/* Hide Dropdowns by Default */
#nav ul ul {
    display: none;
    /*position: absolute; */
	top: -5px;
	left:-5px;
	background-color:#003;
}
     
/* Display Dropdowns on Hover */
#nav ul li:hover > ul {
    display:list-item;
}
     
/* Fisrt Tier Dropdown */
#nav ul ul li {
    width:110px;
    float:none;
    position: relative;
    border-bottom:none;
}

#nav ul ul li i {
	margin-right:10px;
	}

#nav ul ul li a {
    padding:3px 5px;
	text-align:left;  
	}
  
/* Second, Third and more Tiers */
nav ul ul ul li {
    position: absolute relative;
    top:-79px; 
    left:200px;
}
  
#nav li > a:after { content: ' »'; }
   
#nav > li > a:after {content: ' »'; }
 
#nav li > a:only-child:after {content: ''; }