/* display */
body, .page, .content, .content1, .content2, .banner, .sponsors { display: block; }
.divider, .divider2, .divider3, .p, .p2, .p3, .line, .line1, .line2, .line3 { display: block; }
.bigtitle, .subtitle, .subsubtitle { display: block; }
.navigation, .navigation2 { display: absolute; }
.table { display: table; }
.left, .right { display: table-cell; }

/* position */
.navigation, .navigation2 { bottom: 0; }

/* size */
body { width: 1000px; }
.page, .navigation, .navigation2 { width: 800px; }
.banner, .table { width: 100%; }

/* alignment */
.foot { vertical-align: middle; }

/* margin */
input, select, textarea { margin: 0px; }
body { margin-left: auto; margin-right: auto }
.page { margin-left: auto; margin-right: auto }
.content { margin-left: 30pt; margin-right: 30pt; margin-top: 10pt; margin-bottom: 10pt; }
.content1 { margin-left: 10pt; margin-right: 10pt; margin-top: 10pt; margin-bottom: 10pt; }
.content2 { margin-left: 30pt; margin-right: 30pt; margin-top: 1pt; margin-bottom: 1pt; }
.sponsors { margin-left: 30pt; margin-right: 30pt; margin-top: 0pt; margin-bottom: 10pt; }
.divider { margin-left: 10pt; margin-right: 10pt; margin-top: 7pt; margin-bottom: 7pt; }
.divider2 { margin-left: 10pt; margin-right: 100pt; margin-top: 7pt; margin-bottom: 7pt; }
.divider3 { margin-left: 10pt; margin-right: 100pt; margin-top: 1pt; margin-bottom: 1pt; }
.p, .p2, .pr { margin-top: 1em; margin-bottom: 1em; }
.line2, .line3 { margin-left: 20pt; }
.navigation { margin-left: 100px; margin-right: auto }
.navigation a:link { margin: 12px; }
.navigation a:visited { margin: 12px;  }
.navigation a:hover { margin: 12px; }
.navigation b { margin: 10px; }
table.ramka { margin: 1em; }

/* alignment */
.page, .navigation { align: center; }

/* background */
body { background-color: #a2b1ad; background-image: url("graphics/egypt_web.gif"); background-repeat: no-repeat; background-position: top center; background-attachment: scroll; }
input, select, textarea { background: #babaaa; }
.banner, .navigation, input.submit:hover { background: #babaaa; }
input.email { background-color: transparent; }

/* border */
img { border: 1; }
.divider, hr, input, select, textarea { border: 1px solid #111111; }
.divider2 { border: 1px solid #111111; }
.content, .content1, .banner, .navigation { border: 1px solid #111111; }
.sponsors { border: 0px solid; }
table.ramka { border-collapse: collapse; }
td.bc, td.br, td.bb, td.bbr, td.bhr1, td.bhr2, td.bhb1, td.bhb2 { border: 1px solid #111111; }
td.bhc, td.bhb1, td.bhb2 { border-left: 0px solid; }
td.br, td.bbr, td.bhr2, td.bhb1, td.bhb2 { border-right: 0px solid; }
td.bhc, td.bhr1, td.bhr2 { border-top: 0px solid; }
td.bb, td.bbr, td.bhr1, td.bhr2, td.bhb2 { border-bottom: 0px solid; }
input.email { border: 0px; }
.divider3 { border: 1px dotted #444488; }

/* padding */
.content, .content1 { padding: 10pt; }
.sponsors { padding: 5pt; }
.content2 { padding: 1pt; }

/* text color */
.page { color: black; }
a:link, a:visited, input.email { color: #333366; }
.navigation a:link, .navigation a:visited { color: #333366; }
.inactive { color: #313131; }
a:hover, .navigation a:hover { color: #ffff88; }

/* font */
body, select, textarea, submit, email { font-family: georgia, helvetica, sans-serif; }
.small { font-size: 10pt; }
.caption { font-size: 10pt; }
.input, select, textarea, submit, .email { font-size: 12pt; }
.navigation { font-size: 11pt; }
.subsubtitle { font-size: 12pt; }
.subtitle { font-size: 14pt; }
.bigtitle { font-size: 18pt; }
.navigation { font-weight: normal; }
.line1, .bigtitle, .subtitle, .subsubtitle { font-weight: bold; }
.line3 { font-style: italic; }
.content a:link, .content a:visited, .content a:hover { text-decoration: none; }
.navigation a:link, .navigation a:visited, .navigation a:hover { text-decoration: none; }
.banner a:link, .banner a:visited, .banner a:hover { text-decoration: none; }

/* text alignment */
.banner, .sponsors, .navigation, .p2 { text-align: center; }
td.bc, td.br, td.bb, td.bbr, td.bhc, td.bhr1, td.bhr2, td.bhb1, td.bhb2 { text-align: center; }
.left { text-align: left; }
.right, .pr { text-align: right; }
.p { text-align: justify; }

/* line height */
.navigation { line-height: 2.2em; }
.bigtitle { line-height: 2em; }
.subtitle, .subsubtitle { line-height: 1.5em; }
.line2 { line-height: 1.4em; }

@media screen {
  .navigation, .navigation2 { position: fixed; }
  * html { overflow-y: hidden; }
  * html body { overflow-y: auto; height: 95%; padding: 0em 0em 0em 0em; font-size: 100%; }
  * html .navigation, .navigation2 { position: absolute; }
}
