/* CSS Document */



.logo {
    margin: 0px;
    
    width:100%;
}


.navbar {
  overflow: hidden;
  background-color: #0000A0;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: blue;
  padding: 10px 20px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: georgian;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}



body {
background-color:RGB(255, 240, 255);
 /*#e8f0c9;*/
}

#wrapper{
top:0;

height:20%;
width:100%;
background-color:white;

}

#container {
width:100%;
height:100%;
background-color:RGB(255, 240, 255);
}





#header1 {
width:100%;
height: 100px;

}

#footer1{

clear:both;
width:100%;
height: 40px;
background-color:#0000A0;
text-align:center;
overflow: hidden;

}

#img2 {
    border-radius:80%;
}

#minister{
top: 260px;
left: 15px;
padding:10px;
width:25%;
height: 220px;
position:absolute;
border:0px groove;
border-bottom-color:black; /* Green */
border-top-color:green; /* Red */
border-left-color:yellow; /* Black */
border-right-color:red; /* Blue */
z-index:1;
}



.slide{
top:250px;
left:1%;
width:100%;
height:350px;
padding: 10px;
border:0px ridge;
position:absolute;
border-bottom-color:black; /* Green */
border-top-color:green; /* Red */
border-left-color:red; /* Black */
border-right-color:yellow; /* Blue */
z-index:2;
}
p {
    display: block;
    margin-left: 30px;
    margin-right:100px;
	margin-top: 2em;
    margin-bottom: 1em;
	text-align:justify;
}

.news{
top:1200px;
left:0%;
width:800px;
height:550px;
padding: 0px;
border:0px ridge;
position:absolute;
border-bottom-color:black; /* Green */
border-top-color:green; /* Red */
border-left-color:red; /* Black */
border-right-color:yellow; /* Blue */
z-index:3;
}

#logo{
top: 580px;
left: 20px;
padding:   10px;
width:15%;
height: 100px;
background-color:white;
position:absolute;
border:0px groove;
border-bottom-color:black; /* Green */
border-top-color:green; /* Red */
border-left-color:yellow; /* Black */
border-right-color:red; /* Blue */
}

#minister1{
top: 800px;
left: 15px;
padding:10px;
width:15%;
height: 220px;
position:absolute;
border:0px groove;
border-bottom-color:black; /* Green */
border-top-color:green; /* Red */
border-left-color:yellow; /* Black */
border-right-color:red; /* Blue */
}

#minister2{
top: 1120px;
left: 15px;
padding:10px;
width:15%;
height: 220px;
position:absolute;
border:0px groove;
border-bottom-color:black; /* Green */
border-top-color:green; /* Red */
border-left-color:yellow; /* Black */
border-right-color:red; /* Blue */
}


#roi{
top: 900px;
left: 45%;
width:225px;
height: 350px;
border:10px inset;
position:absolute;
border-bottom-color:green; /* Green */
border-top-color:white; /* Red */
border-left-color:yellow; /* Black */
border-right-color:pink; /* Blue */

}
#admin{
top: 700px;
left: 70%;
width:350px;
height: 200px;
border:0px groove;
position:absolute;
border-bottom-color:#AF9A58; /* Green */
border-top-color:white; /* Red */
border-left-color:#5BADFF; /* Black */
border-right-color:white; /* Blue */
}   
#bod{
top: 700px;
left:20%;
width:900px;
height: 200px;
border:0px groove;
position:absolute;
border-bottom-color:#AF9A58; /* Green */
border-top-color:white; /* Red */
border-left-color:#5BADFF; /* Black */
border-right-color:white; /* Blue */

}      
a{
text-decoration:none;
color: green;
font-size:15px;
font-weight:bold;
}
a:hover
{
color:RED;
font-size:15px;
}


#limages{
top: 1220px;
left: 7%;
width:25%;
height: 200px;
align:center;
position:absolute;
}

#cimages{
top: 1080px;
left: 35%;
width:30%;
height: 200px;
align:center;
position:absolute;
}

#rimages{
top: 1220px;
left: 65%;
width:30%;
height: 200px;
align:center;
position:absolute;
}