@charset "utf-8";
/* CSS Document */
#main {
    width:900px;
    height:2350px;
    padding:6px 0;
	background-color:white;
    border:1px solid Brown;
    margin-left: auto ;
    margin-right: auto ;
    margin-top:50px;
 }
#Bahrain_flag{
background-color:white;
float:left;
border:1px solid red;
margin-left:15px;
width:870px;
 height:2250px;	
}

#bahrain_menu{
float:left;
width:200px;
height:810px;
margin-top:20px;
margin-left:10px;
text-align:left;
}
#vital{
float:right;
width: 251px; 
height: 810px; 
margin-right:5px;
margin-left:5px;
z-index: 1;
border:1px solid red;
}
#extra{
float:left;
width: 650px; 
height: 230px; 
margin-right:5px;
margin-left:100px;
margin-top:30px;
margin-bottom:30px;
z-index: 1;
border:1px solid red;
}

#lower{
float:left;
width:900px; 
height:20px; 
text-align:center;
margin-top:5px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px;
	border-bottom: 1px solid #ccc;
	}

ul li {
	position: relative;
	}
li ul {
	position: absolute;
	background-color:white;
	left: 189px;
	top: 0;
	display: none;
	}
 ul li a {
	display: block;
	text-decoration: none;
	color: red;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
ul li a:hover {
background-color:yellow;	
}



/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
li:hover ul, li.over ul { 
	display: block; 
}
#main h1{
margin-top:2px; 
margin-bottom:4px;
color:red;
 font-size:1.5em;
text-align:center;
font-family:sans-serif;	
}
#Bahrain_flag h1{
font-family:sans-serif;
 color:navy;
 font-size:1.3em;
 margin-top:2px;
 margin-bottom:2px;
 margin-left:6px;
 margin-right:10px;
 text-align:left;
}


#lower a{
	font-family:sans-serif;
 color:red;
 font-size:0.9em;
 text-decoration:none;
}
#lower A:hover {
text-decoration: underline;
color:navy;
}

#Bahrain_flag p{
 font-family:sans-serif;
 color:navy;
 font-size:1.0em;
 text-align:left;
 margin-top:2px;
 margin-bottom:2px;
 margin-left:10px;
 margin-right:25px;
}


#main h2{
 font-family:sans-serif;
 color:red;
 font-size:1.1em;
 text-align:left;
 margin-top:6px;
 margin-bottom:6px;
 margin-left:10px;
 margin-right:6px;
}

 body {
	background-color: #92C0C9;
	text-align:center;
}
