/* div {  overflow: hidden } */
/* p {  overflow: hidden } */

body {background: #606060; color: #cccccc; border: 0; padding: 0; margin: 0; }
a:link { color: rgb(0,0,196) }
a:visited { color: rgb(196,0,0) }
a:hover { color: rgb(0,196,0) }
a:active { color: rgb(0,128,256) }

.center { text-align: center }
.smallfont { font-size: 75%; }
.smallcenter { text-align: center; font-size: 75%; }
.clear { clear: both; }
.evenmargins { margin-left: auto; margin-right: auto; }

img { border: 0; padding: 0px; margin: 0px }

.floatright { border: 0; padding: 0px; margin: 0px; float: right }
.floatleft  { border: 0; padding: 0px; margin: 0px; float: left }

.floatleftpad { float: left; border: 0; padding: 1ex; margin: 0; }
.floatrightpad { float: right; border: 0; padding: 1ex; margin: 0; }


div.pagebody { position: relative;  width: 100%; 
               margin: 0px; border: 0; padding: 0px;
               z-index: 0;
               background-image: url(omarbg.png);
               background-repeat: repeat-y;
             }

.tlabs { position: absolute; top: 10px; left: 10px;
         margin: 0; padding: 0; border: 0; z-index: 2; }

div.toptitle { position: relative; border: 0; margin: 0;
               padding-left: 0; padding-right: 0;
               padding-top: 1px; padding-bottom: 1px;
               width: 100%; background-color: #606060; color: white; }

div.toptitle a:link { color: #99aaff; }
div.toptitle a:visited { color: #99aaff; }

div.topmenu { position: relative; border: 0; margin: 0;
              padding-left: 0px; padding-right: 0;
              padding-top: 0px; padding-bottom: 0px;
              width: 100%; background-color: #606060; color: white; }

table.topmenu { width: 100%; padding-left: 180px; padding-right: 30px; }
tr.topmenu { width: 100%; }


div.sidebar { float: left; width: 160px;
              padding: 10px; margin: 0; border: 0;
              background: transparent; color: #cccccc;
              z-index: 2;
            }

div.morethingssidebar { padding-top: 120px; padding-left: 10px; 
                        padding-right: 10px; padding-bottom: 10px;
                      }

div.sidebar p.zeroem { }
div.sidebar p.oneem { margin-left: 1em }
div.sidebar p.twoem { margin-left: 2em }
div.sidebar p.threeem { margin-left: 3em }
div.sidebar p.fourem { margin-left: 4em }

div.sidebar li {color: white; list-style-type: disc}
div.sidebar a {color: white; text-decoration: none}
div.sidebar a:link {color: white; text-decoration: none}
div.sidebar a:visited {color: white; text-decoration: none}
div.sidebar a:hover {color: #66ffff}

#currentpage {color: #99ccff}

div.maintext { position: relative; width: auto;
                      margin-left: 180px; margin-right: 0;
                      margin-top: 0; margin-bottom: 0;
                      padding-left: 0; padding-right: 0;
                      padding-top: 0; padding-bottom: 0;
                      border: 1px solid #606060;
                      background-color: #606060; z-index: 0;
                    }

div.actualmaintext { position: relative;
               margin-left: 0; margin-right: 20px;
               margin-top: 0px; margin-bottom: 0px;
               border: 1px solid #cccccc;
               padding-left: 10px; padding-right: 10px;
               padding-top: 0px; padding-bottom: 0px;
               color: black; background-color: #cccccc;
               z-index: 1;
             }

div.topcurvewrapper { position: relative; left: 0; top: 0;
                      height: 30px; width: auto;
                      margin-left: 0; margin-right: 20px; 
                      margin-top: 0; margin-bottom: 0px;
                      border: 0; padding: 0;
                      background-color: #cccccc; z-index: 1;
                    }

div.tlcurve { position: absolute;
              top: 0px; left: 0px; padding: 0; border: 0;
              background-image: url(omar_tlcurve.png); 
              width: 29px; height: 30px; 
              z-index: 2; }

div.trcurve { position: absolute;
              top: 0px; right: 0px; padding: 0; border: 0;
              background-image: url(omar_trcurve.png); 
              width: 29px; height: 30px; 
              z-index: 2; }

div.bottomcurvewrapper { position: relative; left: 0; top: 0;
                         height: 30px; width: auto;
                         margin-left: 0; margin-right: 20px; 
                         margin-top: 0; margin-bottom: 10px;
                         border: 0; padding: 0;
                         background-color: #cccccc; z-index: 1;
                       }

div.blcurve { position: absolute;
              top: 0; left: 0px; padding: 0; border: 0;
              background-image: url(omar_blcurve.png);
              width: 29px; height: 30px; 
              z-index: 2; }

div.brcurve { position: absolute;
              top: 0; right: 0px; padding: 0; border: 0;
              background-image: url(omar_brcurve.png);
              width: 29px; height: 30px;
              z-index: 2; }

div.optiontable {
                  width: 90%; margin-left: 5%;
                  border-top: 4px solid #009900;
                  border-bottom: 4px solid #009900;
                }
td.optiontablecell { width: 50%; vertical-align: top; }

.indentquote { width: 60%; margin-left: 20%; }
p.alignright { text-align: right; }                

div.footer { color: #cccccc; font-style: italic; font-size: 75%; 
             padding-left: 1em; padding-right: 1em; }