﻿

/* *************** TAB MENU *****************/


#countrydivcontainer {
	border: 1px #5871ad solid;
	width: auto;
	margin-bottom: 1em;
	padding: 5px;
	height: auto;
	
}
	

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: auto;
border-top: 2px solid #333399; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 5px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: right;
display: block;
font-size:100%;
font-family: 'mv iyyu formal', 'mv eamaan xp', a_faruma, faruma, 'mv iyyu nala', 'mv elaaf normal', 'Traditional Arabic', 'Arial', Thoma, Arial, Tahoma;
color: white;
text-decoration: none;
margin: 0 0px 0 0px; /*Margin between each menu item*/
padding: 2px 8%;
background-color: #5871ad; /*Brown color theme*/ 
}

.modernbricksmenu2 a:hover{
background-color: transparent ; /*Brown color theme*/ 
color: #333399;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: transparent ; /*Brown color theme*/ 
color: black ;
border-color: #333399; /*Brown color theme*/ 
}

