* { font-family: inherit }
html, body { background-color: #C09060; height: 100%; font-family:Helvetica, Arial; }
body { behavior: url("csshover3.htc"); }

#body, #footer { border-left: 200px solid #789555; background-color: white; width: 800px; }
#body { position: relative; min-height: 100%; margin-bottom: -40px; }

#header ol { list-style: none; display: block; width: 800px; padding-left: 100px; float: left; margin: 0; }
#header ol li { float:left; position: relative; list-style: none; }
#header ol li.left { margin-right: 100px; }
#header ol li.right { margin-left: 100px; }
#header ol ol { position: absolute; display: none; width: auto; background-color: #C09060; padding-left: 0px; top: 1em; left: -4px; border: 1px solid black; margin-top: 3px; }
#header ol li.right ol { background-color: #789555; }
#header ol ol li { display: block; border: 1px solid black; float:none; white-space:nowrap; padding:3px 20px 3px 5px; }
#header ol li:hover ol { display: block; }
#header ol a, #header ol a.visited, #header ol a.active { font-weight: bold; color: #FFF; text-decoration: none; }
#header ol a:hover { text-decoration: underline; }
#header { padding-bottom: 45px; background: url(../images/happ_bar.png) no-repeat center bottom #FFF; }
#header #logo { height: 50px; width: 800px; text-align: center; font-size: 28pt; padding-top:10px; padding-bottom: 10px; }

#content { margin: 5px 20px 5px 20px; padding-bottom: 10px; }

#footer { position: absolute; bottom: 0px; height: 1.5em; width: 800px; }
#footer ol { list-style: none; display: block; }
#footer ol li { display:inline; margin-left: 10px; }

th, td { border: 0; padding: 0.25em; }

.basmalah { text-align: center; padding-top: 97px; margin-top: 0; background: url(../images/basmalah.jpg) center no-repeat; }