@font-face{font-family: interstatelight;src:url(http://eythormani.com/CISV/fonts/Interstate-Light.ttf);}	
.dropdown li a{
	display: block;
	color: white; 
}
.dropdown li:hover{
	position: relative; 
}
.dropdown ul {
	width: 270px; 
	display: none;	
	position: absolute; 
	top: 100%; 
	left: 0;
	background-color: rgba(0,118,190,0.1);  
	background-color: rgba(0,118,190,0.8);  
}
.dropdown ul li {
	font-family: interstatelight;
	color: white;
	text-align: left; 
	padding:5%;
}
/*Setur sterkari bakgrunnslit á dropdown item við hover*/
.dropdown ul li:hover{
	background-color: rgba(0,118,190,1); 
}
.dropdown ul li a{
	width: 100%; /*Gefur breiðari click möguleika á li*/)
	display: inline-block; 
}
.dropdown ul li a:hover{
	/*Fjarlægir undirlínu á linkum í dropdown*/
	text-decoration: none;
}
/*Stillir position og liti á þriðja stigs dropdownum*/
.dropdown ul ul { 
	left: 100%; 
	top: 0;
	/*þessi rgba value eru stök til þess að herma eftir 
	litnum á hover borderinu á efstu list itemunum
	veit að það er líklega hægt að setja þau saman
	eitthvernvegin en ég held að það ætti ekki að skipta máli*/
	background-color: rgba(0,118,190,0.1);  
	background-color: rgba(0,118,190,0.8);  
}
.dropdown li:hover > ul {
	/*Gerir dropdown visible á hover yfir viðeigandi li*/
	display: initial;
}
/*mediaquiery sem minnkar breidd dropdowna þegar font inni í því minnkar*/
@media only screen and (max-width:106.5em) and (min-width:83.125em) { 
	.dropdown ul{
		width:250px;
	}
}