/* this layout will not work in IE Strict Mode */

html, body {margin: 0;
            padding: 0;
            margin-top: 0;
            margin-left: 0px;
            margin-top: 0;
            margin-bottom: 0;
            height: 100%;
            font-family: verdana,geneva,helvetica,sans-serif;
            font-size: 100%;
            text-align: center;}

#wrapper {position: relative;
          width: 95%;
          margin: 0 auto;
          border: 1px none;
          background: #eeffff;
          min-height: 100%;
          text-align: left;
          min-width: 600px;}

/* ie hack  - layout REQUIRES a height here to work */
/* (1% will do) if no min-height is required*/
/* this it where it fails in Strict Mode */
* html #wrapper {height: 80%;}

#header, #footer {position: relative;
                  width: 95%;
                  margin: 0 auto;
                  background: #eeffff;
                  border: 1px none;
                  min-width: 600px; /* to match wrapper div */}

#leftmargin, #rightmargin
               {position: absolute;
                top: 0;
                bottom: 0; /* Opera needs this!*/
                border-width: 0px; /* widths below */
                border-style: none;
                border-color: #666666;
                /* height: 100%; */ /* hacked in for IE below */}

* html #leftmargin, * html #rightmargin
{height: 100%; /* required by IE to inherit from wrapper (IE Hack) above*/}

#leftmargin {left: 0;
        width: 190px;
        background: #99ccff;
        padding-left: 5px;
        padding-right: 1px;
        border-right-width: 2px;}

#rightmargin {right: 0;
        width: 190px;
        background: #eeffff;
        text-align: left;
        border-left-width: 2px;}

#leftmargin p {background: #99ccff;
               height: 0%;}/* height to show inheritance */

#rightmargin p {background: #eeffff;
                margin: 2px;}

/* bringing the center content into position (clear the sides)
is best using a wrapper div to avoid more IE Box Model issues */

#contentwrap {position: relative;
              padding: 0 190px 0 190px;}

#content {position: relative;  /* to enable further positioned divs inside content area */
          z-index: 100; /* to make sure if long words overflow they show above the right column */
          border-left: 0px none #000000;
          border-right: 0px none #000000;
          background: #eeffff;
          padding-left: 10px;
          padding-right: 5px;
          padding-bottom: 15px;
          margin: 0;}

/* IE/Win Hack for peekaboo bug */
/* hide from IE/Mac \*/
* html #content {height: 1%;}
/* end hide */

/***** General formatting ****/

body {background: #eeffff;
      margin-top: 0px;
      color: #000080;
      font-size: 10pt;}

p   {margin: 0;
     padding: 2px;}

#header p {text-align: left}

#footer p {text-align: center;
                     font-size: 9pt;
                     font-weight: bold;}

a {font-weight: bold;}

a:visited {color: #6699FF;}

a:hover {text-decoration: none;
         color: #000080;
         background: #eeffff;}

h1, h2, h3, h4 {margin: 0;
                padding: 10px;}

h1,h2 {font-size: 20pt;
       font-style: italic;
       font-weight: bold;}

h3 {font-size: 13pt;
    font-weight: bold;}

h4 {padding-bottom: 0;
    padding-right: 15px;
    font-size: 10pt;
    font-weight: normal; }

h5 {font-size: 13pt; }

h6 {font-size: 9pt;
    font-weight: normal; }

ul {font-size: 10pt;
    margin: 0 20px 0 30px;
    padding: 0;}

.toplinks   {background-color: #99ccff;
             text-align: center;}

.courier    {font-family: courier, monospace;
             font-size: 10pt; }