@import url("reset.css");


/* -------- Logica  ---------- **/
/* ----------------- by Salah Elsadek ---------------- */

 
* { font-family: Verdana, Helvetica, sans-serif; font-size:100%; color:#040404; }
html, body { background: #efefef;  }

#container { background-color:#fff;  }
#main { position: relative; width: 890px; overflow: hidden; height:1%; margin-left: auto; margin-right: auto;  }

.left { float:left !important; }
.right { float:right !important; }



/* ----------------- top ---------------- */

#top { background: url(../img/topheader.gif) left top no-repeat; height:63px;  margin-top:15px; margin-bottom:25px;  }


/* ----------------- Header & Top Navigation---------------- */

#topnav {   }
#topnav ul { list-style:none; height:40px; text-decoration:none; overflow: hidden; color:#323232; border-bottom:10px solid #ffcb01; padding-bottom:35px ;   }
#topnav ul li { float:left; overflow: hidden; text-align:center; font-size:80%; font-weight:normal; margin-right:4px;   }
#topnav ul li.active a { background-color:#efefef; }
#topnav ul li a { color:#323232;  text-decoration: none; display: block; padding:15px 20px 15px 20px; float:left;     }
#topnav ul li:hover { background-color:#efefef; }
#topnav ul li a:hover { background-color:#efefef;  }


/* ----------------- content---------------- */

 #content {   min-height:500px; background-position:right top; background-repeat:no-repeat; }

#content.home { background: url(../img/p1.jpg ) left bottom no-repeat #fff; min-height:300px;   } 


/*
div.about { background: url(../img/p2.jpg ) right bottom no-repeat #fff; min-height:350px;  }
div.prog{ background: url(../img/p3.jpg ) right bottom no-repeat #fff; min-height:350px;  }
div.who { background: url(../img/p4.jpg ) right bottom no-repeat #fff; min-height:350px;  }
div.apply{ background: url(../img/p5.jpg ) right bottom no-repeat #fff; min-height:350px;  }
div.faq { background: url(../img/p6.jpg ) right bottom no-repeat #fff; min-height:350px;  }
div.win { background: url(../img/p7.jpg ) right bottom no-repeat #fff; min-height:350px;  }*/

div.home p { width:330px !important; margin-left:545px;  } 
div.home h1 { margin-left:520px ; margin-top:0px; margin-bottom:0px; }
#content h1 { padding:15px 30px 15px 30px; font-size:120%; line-height:25px; font-weight:normal; width:310px; background: url(../img/h1quotation.gif ) left top no-repeat ; margin-top:40px; margin-bottom:20px; min-height:84px;    }
#content h3 { font-size:110%; margin-bottom:10px; line-height:35px; font-weight:normal; width:540px;  }
#content p { width:500px; margin-bottom:30px; line-height:20px; text-align:left; font-size:80%;   }
#content p label.info { width:400px; float:left; padding-bottom:15px; font-weight:bold;  }

/* ----------------- footer---------------- */


#footer { position:relative;  clear: both;  font-size: 90%;  background-color:#efefef; width:auto; color:#323232;  height:1%;  }
 
#footer p { text-indent:190px; margin-top:40px; padding-bottom:40px;}
 
#footer p a { text-decoration:none;  color:#323232; }
#footer p a:hover { text-decoration:underline; }