body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

html,body { margin:0;
            padding:0;
            height:100%; /* needed for container min-height */
            background-image: none;
            font-family: verdana, arial, helvetica, sans-serif;
            color:#000;
          }

body { font-size: 10pt; } 

div#container { position:relative;
                margin:0 auto; 
                width:100%;
                background-image: none;
                height:auto !important; 
                height:100%; 
                min-height:100%; 
              }

#topborder, #menu, #headermain, #grayline, div#contentsidebar, p.toplinks { display: none; }

#headerleft { background: #fff;
              width: 750px;
              float: none !important;
              margin-top: 0px;
              padding-top: 0;
              padding-bottom: 10pt;
            }

div#content { float: none !important;
              width: auto;
              padding-top: 10pt;
              padding-bottom: 10pt;
              margin-left: 5px;
              margin-right: 10px;
              font-size: 10pt; 
            }

div#contentleftcol { float: left;
                     width: 40%;
                     padding-bottom: 10pt;
                   }

div#contentrightcol { float: right;
                     width: 40%;
                     padding-bottom: 10pt;
                    }

a.toplinks, a:visited.toplinks { color: #666666; }

a:hover.toplinks { color: #3399cc; }

h1 { font-size: 15pt;
     font-weight: bold;
     color: #3399cc;
     background: #fff;
     padding-top: 4pt;
     padding-bottom: 0pt;
   }

h2 { font-size: 12pt;
     font-weight: bold;
     color: #990000;
     background: #fff;
     padding-top: 5pt;
     padding-bottom: 8pt;
   }

h2.nobottompad { font-size: 12pt;
                 font-weight: bold;
                 color: #990000;
                 background: #fff;
                 padding-top: 5pt;
                 padding-bottom: 0pt;
               }

h2.banner { font-size: 12pt;
            color:#990000;
            padding-top: 5pt;
            padding-bottom: 5ptx;
            background: #fff;
            text-indent: 0;
                }

h3 { font-size: 11pt;
     color: #ff9900;
     padding-bottom: 8pt;
   }

h3.blue { font-size: 11pt;
          color: #333366;
        }

div#content p {	text-align:justify;
                padding-bottom: 10pt;
              }

p.bold { font-weight: bold; }

b { font-weight: bold;
    color: #990000;
  }

p.trademark { color:#6ea6cb;
              background-color: white;
              font-weight: bold;
            }

#content ul { list-style-type: square !important;
              padding-left: 0;
              margin-left: 0;
            } 

#content li { background-image: none !important;
              list-style-type: square !important;
              list-style-position: inside;
              padding-left: 15px;
              margin-bottom: 10pt;
            }

#content ul.banner { list-style-type: none;
                     padding-left: 0;
                     margin-left: 0;
                     padding-top: 0pt;
                     padding-bottom: 0px;
                   }

#content li.banner { padding-left: 30px; 
                     margin:0; 
                     padding-top: 0;
                     padding-bottom: 0;
                     padding-right: 0;
                     line-height: 1.9em;
                     background: #fff;
                   }

a { color:#3399cc;
    text-decoration: none;
  }

a.red { color: #990000;
           font-weight: bold;
         }

a:hover { color: #999999; }

img { border: none; }

.photo { float: right;
         margin-right: 35px;
         margin-top: 10pt;
         padding-left: 10px;
         border: 0px;
       }

.widephoto { float: right; /*only added because for ie had to create extra class to fix box model bug*/
         margin-right: 15px;
         margin-top: 10px;
         padding-left: 10px;
         border: 0px;
       }

.projectphoto { display: none; }


hr { width: 95%;
     border:solid #CCCCCC;
     border-width: 1px;
     text-align: left;
     margin: 0 auto 0 0;
   }

hr.clear { width: 95%;
            margin-top: 2px;
            border:solid #CCCCCC; 
            border-width: 1px;
            text-align: left;
            margin: 0 auto 0 0;
            clear: right;
          }


div#leftcolsidebar, div#rightcolsidebar { display: none; }

#column { width: 350px;
        height: auto; /* this has to be here for safari - worked without in all other browsers */
        float: none !important;
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
      }

#formula { display: none; }

#contact { width: 350px;
           height: auto; /* this has to be here for safari - worked without in all other browsers */
           margin-left: 0;
           margin-right: 0;
           background: #fff;
           color: #000;
           padding-top: 10pt;
           padding-bottom: 10pt;
           text-align: left;
           float: none !important;
         }

#contact ul { margin: 0;
              padding: 0;
             list-style-type: none;
             font-size: 10pt;
             line-height: 1.8em;
             padding-left: 5px;
            }

div#footer, div#bottomborder { display: none; }
