/* style.css       Iqra Academy CSS, maintained by  d a n i a l r e <AT> x m i s s i o n <DOT> c o m */
#navbutton li a:hover, #navbutton li ul, #fb { -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -transition:all 0.2s ease-in-out; }
body { background:#349; margin:0; font-family: Arial, Helvetica, sans-serif; }
#nav { min-width:59em; position:relative; background:#77A; margin:0; padding:0.3em; padding-bottom:0.1em; height:4em; box-shadow:0 1px 2px #000; }
#nav h1 { color:#004; margin:0; }
#motto { font-style:italic; position:absolute; right:6px; top:2px; }
#logo { float:left; position:relative; top:-5px; left:-2px; margin:0; padding-right:0; }
#navbutton { margin:0.3em; list-style:none; }
#navbutton li { display:inline; }
#navbutton li a { padding:0.2em 0.4em 0.3em; color:#FFF; text-decoration:none; z-index:-50; }
#navbutton li a:hover { color:#EEE; text-shadow:none; background:#99C; padding-bottom:0.3em; }
#navbutton > li { float:left; display:block; position:relative; margin:1px;  margin-right:8px; }
#navbutton > li:hover ul { height:auto; opacity:0.9; }
#navbutton > li:hover ul li span a { padding-bottom:4px; }
#navbutton li ul { margin:0; padding:0; height:0; position:absolute; top:22px; z-index:20; opacity:0; overflow:hidden; }
#navbutton li ul li { list-style-type:none; }
#navbutton li ul li a { display:block; border-top:0; text-decoration:none; background:#44A; border:1px solid #44A; }
#search { position:absolute; bottom:3px; right:0; }
#fb { background: url("../img/fb-test2.png") no-repeat; position:absolute;bottom:16px;right:0; z-index:20; width:32px; height:35px; }
#navbutton a.current, #navbutton a.current:hover { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#000; background:#FFF; padding-bottom:0.7em; text-shadow:none; }
#fb:hover { width:315px; }
#navbutton li ul li span a.current, #navbutton li ul li span a.current:hover { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; background:#EEF; }
hr { color:#229; }
#addiv { margin:0.1em auto; width:728px; height:90px; background:#FFF; border:1px solid #DDD; color:#BBB; font-size:2.5em; vertical-align:50%; text-align:center; overflow:hidden; }
a.pdflink { background: url("../img/pdficon_small.gif") no-repeat; padding-left:1.5em; }
#main, #footer { min-width:57em; background:#FFF; margin:1em; margin-top:-10px; padding:0.8em; margin-bottom:12px; box-shadow:0 0 8px #000; }
#footer { position:relative; margin-bottom:1em; padding-top:0.2em; padding-bottom:4px; overflow:hidden; box-shadow:0 2px 5px #000; z-index:5; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
#sitemap { font-size:0.9em; text-decoration:none; }
#sitemap a { text-decoration:none; color:#444; }
#address { position:absolute; right:10px; top:0; font-size:0.8em; }
#copyright { display:block; text-align:center; color:#888; font-size:0.9em; padding-top:2px; }
#corners { min-width:58.6em; margin:1em; margin-top:0; }
#b1f, #b2f, #b3f, #b4f { height:1px; font-size:1px; overflow:hidden; display:block; min-width:58.8em; background:#FFF; }
#b1f { margin:0px 5px; }  #b2f { margin:0px 3px; }  #b3f { margin:0px 2px; }  #b4f { height:2px; margin:0px 1px; }