/* Normalizes margin, padding */
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:url(../images/bg.gif);
            font-family: verdana, arial, helvetica, sans-serif;
            color:#666666;
          }

body { font-size: 62.5% } /*set to this to make em calculations based on 10-pixel em square*/

div#container { position:relative; /* needed for footer positioning*/
                margin:0 auto; /* center, not in IE5 */
                width:776px;
                background: #fff;
                /*height:auto !important;*/ /* real browsers */
                /*height:100%; *//* IE6: treated as min-height*/
                /*min-height:100%;*/ /* real browsers */
              }

#topborder { background: #fff;
             width: 776px;
             height: 52px;
             margin: 0;
             padding: 0;
           }

#headerleft { background: #fff;
              width: 776px;
              float: left;
              margin-top: -10px;
              padding-top: 0;
              padding-bottom: 15px;
            }

#headermain { width: 776px;}

#grayline { background: #cccccc;
            width: 776px;
            margin-top: 0px;
            margin-left: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            padding: 0;
          }

div#content { float: right;
              width: 500px;
              padding-top: 10px;
              padding-bottom: 10px;
              margin-left: 5px;
              margin-right: 10px;
              font-size: 1.15em; 
            }

div#contentsidebar { position: relative;
                     margin-right: 1px;
                     margin-top: 5px;
                     z-index: 10;
                     background:#fff; 
                     float: right;
                   }

div#contentleftcol { float: left;
                     width: 250px;
                     padding-bottom: 10px;
                   }

div#contentrightcol { float: right;
                     width: 250px;
                     padding-bottom: 10px;
                    }

/************ text and heading coding ************************/

p.toplinks { position: absolute;
             margin-top: 10px;
             margin-left: 550px;
             text-align: right;
             font-size: 1.1em;
           }

a.toplinks, a:visited.toplinks { color: #666666; }

a:hover.toplinks { color: #3399cc; }

h1 { font-size: 2.0em;
     font-weight: bold;
     color: #3399cc;
     background: #fff;
     padding-top: 4px;
     padding-bottom: 0px;
   }

h2 { font-size: 1.05em;
     font-weight: bold;
     color: #990000;
     background: #fff;
     padding-top: 5px;
     padding-bottom: 8px;
   }

h2.nobottompad { font-size: 1.05em;
                 font-weight: bold;
                 color: #990000;
                 background: #fff;
                 padding-top: 5px;
                 padding-bottom: 0px;
               }

h2.banner { font-size: 1.05em;
         color:#990000;
         width: 500px;
         height: auto;
         padding-top: 5px;
         padding-bottom: 5px;
         background: #e7e7e7;
         text-indent: 5px;
         border-bottom: solid #fff;
         border-bottom-width: 1px;
       }

h3 { font-size: 1.0em;
     color: #ff9900;
     padding-bottom: 8px;
   }

h3.blue { font-size: 1.1em;
          color: #333366;
        }

div#content p {	text-align:justify;
                padding-bottom: 10px;
              }

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: none;
              padding-left: 0;
              margin-left: 0;
            } 

#content li { background: url(../images/arrow.gif) left center no-repeat;
              padding-left: 15px;
              margin-bottom: 10px;
            }

#content ul.banner { list-style-type: none;
                     padding-left: 0;
                     margin-left: 0;
                     padding-top: 0px;
                     padding-bottom: 0px;
                   }

#content li.banner { background: #F7F7F7 url(../images/arrow-banner.gif) left center no-repeat;
                     padding-left: 30px; 
                     margin:0; 
                     padding-top: 0;
                     padding-bottom: 0;
                     padding-right: 0;
                     line-height: 1.9em;
                     border-bottom: solid #fff;
                     border-bottom-width: 1px;
                   }

a { color:#3399cc;
    text-decoration: none;
  }

a:hover { color:#990000;
    text-decoration: none;
  }

a.boldlink { color:#3399cc; font-weight: bold; text-decoration: none; }

a:hover.boldlink { color:#990000; font-weight: bold; text-decoration: none; }

a.red { color: #990000;
           font-weight: bold;
         }

a:hover.red { color: #3399cc;
              font-weight: bold;
            }

a.textanchor { color: #990000;
           font-weight: bold;
         }

/*********** photo coding **********/

img { border: none; }

.photo { float: right;
         margin-right: 15px;
         margin-top: 10px;
         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 { float: right;
                margin-right: 15px;
                margin-top: 10px;
                margin-bottom: 10px;
                padding-right: 10px;
                padding-left: 10px;
                border: 0px;
              }


/************** hr coding ******************/

hr { width: 500px;
     border:solid #CCCCCC;
     border-width: 1px;
   }

hr.clear { width: 505px;
            padding-left: 5px;
            padding-right: 5px;
            margin-top: 2px;
            border:solid #CCCCCC; 
            border-width: 1px;
            clear: right;
          }

/**************** menu coding *****************/

div#leftcolsidebar { position: relative;
                     margin-left: 1px;
                     margin-top: 5px;
                     z-index: 10;
                     background:#fff; 
                     float: left;
                   }

div#rightcolsidebar { position: relative;
                     margin-right: 0px;
                     margin-top: 5px;
                     z-index: 10;
                     background:#fff; 
                     float: right;
                   }

#column { width: 215px;
        height: auto; /* this has to be here for safari - worked without in all other browsers */
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
      }

#formula { width: 215px;
           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;
         }

#formula ul { list-style-type: none;
              padding: 0;
              margin-left: 4px;
              margin-right: 4px;
              margin-top: 12px;
              width: 168px;
              float: left;
            } 

#formula li.bold { font: bold 1.2em verdana, arial, helvetica, sans-serif;
                   line-height: 2.0em;
                   margin-bottom: 0px;
                 }

#formula a.bold { display: block;
                  background: #EFEFEF url(../images/red_arrow.gif) left center no-repeat;
                  color: #000;
                  text-decoration: none;
                  margin: 0;
                  padding: 2px 3px;
                  text-align: left;
                  text-indent: 17px;
                 }

#formula a:hover.bold { color: #990000; }

#formula li { background: #fff url(../images/arrow.gif) left center no-repeat;
              font-size: 1.2em;
              line-height: 2.0em;
              margin-bottom: 0px;
            }

#formula a { display: block;
             color: #000;
             text-decoration: none;
             border-bottom-width: 1px;
             border-bottom-style: solid;
             border-bottom-color: #EFEFEF;
             margin: 0;
             padding: 2px 3px;
             text-align: left;
             text-indent: 17px;
            }

#formula a:hover { color: #990000;
                   border-bottom-width: 1px;
                   border-bottom-style: solid;
                   border-bottom-color: #cccccc;
                 }

#contact { width: 215px;
           height: auto; /* this has to be here for safari - worked without in all other browsers */
           margin-left: 0;
           margin-right: 0;
           background: #EFEFEF;
           color: #000;
           padding-top: 10px;
           padding-bottom: 10px;
           text-align: left;
           float: left;
         }

#contact ul { margin: 0;
              padding: 0;
             list-style-type: none;
             font-size: 1.1em;
             line-height: 1.8em;
             padding-left: 5px;
            }

/******** footer and bottom border coding ****************/

div#footer { clear: both;
             background: white;
             padding-top: 5px;
           }

div#footer p { font-size: .95em;
               text-align: right;
               padding-right: 10px;
               padding-top: 5px;
               padding-bottom: 3px;
               margin-bottom: 0;
             }

div#bottomborder { margin:0 auto; /* center, not in IE5 */
                   width:776px; 
                 }