@font-face
{
font-family:"Arial";
src:url("fonts/arial.ttf");
}
body
{
background:url("images/yellow-wall.jpg");
}

*
{
margin: 0px; padding: 0px;
}

#wrapper
{
width: 100%;

margin: auto;
}

#header
{
height: 190px;
border-radius: 20px 20px 0px 0px;
padding-top: 20px
}
#logo
{
border-radius: 20px 20px 0px 0px;
width: 100%;
height: 190px;
background: green;
padding-top: 30px
}
#logo h1
{
text-align:center;
color:red;
font-family: Arial;
font-size:450%;
}



#nav a
{
text-align:center;
margin-top:1%;	
text-decoration:none;
color:#fff;
font-size:20px;
background:green;
border:#fff 2px solid;
border-radius: 15px 15px 0px 15px;
padding:4%;
padding-left:15%;
display:block;
z-index:999;
}

#nav a:hover
{
background:gold;
color:green;
}
#nav a.activ
{
background:gold;
color:green;
padding-top:25px;
}
#content
{
width:100%;
padding:4%;
border:green 5px solid;
background:Cornsilk;
}
#content div
{
clear:both;
}


#content img
{
width:40%;	
margin:1%;
border-radius:15px;
border:red 5px solid;
float:left;
}
#content h2
{
padding-top:20px;
text-align:left;
color:black;
font-family: Arial;
font-size:150%;
font-weight:bold;
padding-bottom:10px;
}
#content p
{
text-align:left;
color:black;
font-family: Arial;
font-size:100%;
font-weight:bold;
padding-bottom:20px;
}

#contentg
{
text-align:center;
}

#contentg img
{
width:15%;
margin:10px;
border-radius:10px;
border:red 5px solid;
float:none; 
}
#contentg iframe
{
width:100%;
height:400px;
margin:0px;
border-radius:20px;
border:red 5px solid;
text-align:center;
}
#contentg h2
{
text-align:center;
padding-top:10px;
color:black;
font-family: Minion Pro;
font-size:50px;
font-weight:bold;
padding-bottom:10px;
}
#contentg p
{
text-align:left;
color:black;
font-family: Minion Pro;
font-size:18px;
font-weight:bold;
padding-bottom:20px;
}
#contentg div
{
clear:both;
}
#futer
{
width:100%;

background:green;
border-radius:0px 0px 20px 20px;

}
#futer img
{
margin:1%;
padding-left:5%;
width:15%;
}