/* 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;
            background:url(images/bg.gif);
            font-family: arial, helvetica, verdana, 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:750px;
                background: #fff url(images/menus/faux-column.gif) repeat-y left;
              }

#topborder { position: relative;
             background: #fff;
             width: 750px;
             height: 52px;
             margin: 0;
             padding: 0;
           }

#headerleft { background: #fff;
              width: 750px;
              float: left;
              margin: 0;
              padding: 0;
            }

#headerright { width: 545px;
               float: right;
	     }

#grayline { background: url(images/headers/grayline.gif);
            width: 200px;
            margin-top: 0px;
            margin-left: 5px;
            margin-right: 0px;
            margin-bottom: 0px;
            padding: 0;
          }

div#content { float: right;
              width: 520px;
              padding-top: 10px;
              padding-bottom: 10px;
              margin-left: 10px;
              margin-right: 10px;
              font-size: 1.2em;
              background: #fff;
            }

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

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

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

p.toplinks { position: absolute;
             margin-top: 10px;
             margin-left: 610px;
             text-align: right;
           }

h1 { font-size: 1.1em;
     font-weight: bold;
     color: #333366;
     background: #fff;
     text-indent: 0px;
     padding-top: 7px;
     padding-bottom: 7px;
   }

h1.banner { font-size: 1.1em;
            color:#333366;
            width: 510px;
            height: auto;
            margin-top: 10px;
            margin-bottom: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
            background:#DDF4FF;
            text-indent: 5px;
          }


h2 { font-size: 1.0em;
     color: #e58009;
     padding-top: 5px;
     padding-bottom: 10px;
   }

h2.blue { font-size: 1.0em;
          color: #333366;
        }

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

p.bold { font-weight: bold; }

p.trademark { color:#6ea6cb;
              background-color: #fff;
              font-weight: bold;
            }

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

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

a { color:#333399;
    text-decoration: none;
  }

a.orange { color: #e58009;
           font-weight: bold;
         }

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

img { border: none; }

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


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

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

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

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

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

#menu { position: relative;
        padding: 0;
      }

#menu ul { list-style-type: none;
           margin: 0;
           padding: 0;
           width: 200px;
           float: left;
         }

#menu li { background: #003366 url(images/menus/blue-bullet.gif) left center no-repeat;
           font: bold 1.1em arial, helvetica, verdana, sans-serif;
           line-height: 1.67em;
           margin-bottom: 0px;
         }

#menu a { display: block;
          color: #fff;
          text-decoration: none;
          border-width: 1px;
          border-style: solid;
          border-color: #ccc #888 #555 #bbb;
          margin: 0;
          padding: 2px 3px;
          text-align: left;
          text-indent: 17px;
        }

#menu a:hover { background: #ffcc00 url(images/menus/yellow-bullet.gif) left center no-repeat;
                color: #003366;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #fff;
              }

#formula {position: relative;
          padding: 0;
         }

#formula ul { list-style-type: none;
              padding: 0;
              margin: 0;
              width: 200px;
              float: left;
            } 

#formula li { background: #6ea6cb url(images/menus/formula-bullet.gif) left center no-repeat;
              font: bold 1.1em arial, helvetica, verdana, sans-serif;
              line-height: 1.67em;
              margin-bottom: 0px;
            }

#formula a { display: block;
             color: #fff;
             text-decoration: none;
             border-width: 1px;
             border-style: solid;
             border-color: #ccc #888 #555 #bbb;
             margin: 0;
             padding: 2px 3px;
             text-align: left;
             text-indent: 17px;
            }

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

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

div#footer { clear: both;
             background: #fff;
           }

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

div#bottomborder { margin:0 auto; /* center, not in IE5 */
                   width:750px; background: #3e3e3e; 
                 }