/*    Layout
-------------------------------------*/

* {margin: 0px; padding: 0px;} 

#wrapper {position: relative; width: 770px; margin: 0px auto; text-align: left; background: url(images/wrapper_background.gif);}

   #banner {width: 770px; height: 157px; background: url(images/banner_background.gif);}

      #bannerPhoto1 {position: absolute; left: 224px; top: 36px; width: 82px; height: 82px;}
      #bannerPhoto2 {position: absolute; left: 357px; top: 64px; width: 82px; height: 82px;}
      #bannerPhoto3 {position: absolute; left: 464px; top: 24px; width: 82px; height: 82px;}
      #bannerPhoto4 {position: absolute; left: 668px; top: 49px; width: 82px; height: 82px;}

   #linkbar {width: 770px; background: url(images/link_bar_background.gif) no-repeat;}

   #message {float: left; padding: 15px; padding-top: 32px;}
  
      #messageInside {width: 152px;}

   #content {float: right; padding: 30px;}
  
      #contentInside {width: 522px;}
      
         #breadcrumb {position: relative; float: left; margin-top: -20px;}      
         #contentInsideText {width: 325px; float: left;}
         .contentSidebar {float: right; width: 195px;}
         .contentInsideSidebar {padding-left: 35px; padding-bottom: 20px;}
         .imgRight {float: right; border: 0px; margin: 0 0 20px 30px; padding: 0;}
         .imgLeft {float: left; border: 0px; margin: 0 30px 20px 0; padding: 0;}
         .clearFloats {clear: both;}

   #footer {width: 770px; height: 45px; clear: both;}
  
      #footerContent {position: absolute; left: 182px; width: 572px; text-align: center;}



/*    Typography
-------------------------------------*/

body {min-width: 770px; text-align: center; background-color: #666666; font: 13px "Arial", "Helvetica", "sans-serif"; color: black;}

p, h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;}
p.message {color: #663300;}

   .breadcrumb {font-size: 11px; margin-bottom: 0px; color: #000000;}
   .phrase {font: italic 16px "Times New Roman", "serif"; color: #000099;}
   .footerText {font: 10px "Arial", "Helvetica", "sans-serif"; margin-bottom: 0px;}
   .newsletter {font-size: 11px; margin-bottom: 10px; color: #000000;}
   .photoCaption {font-size: 10px; margin-bottom: 0;}

h1 {font: 18px "Arial", "Helvetica", "sans-serif"; color: #000099; width: 100%; border-style: solid; border-width: 0 0 1px 0; border-color: #cccccc; padding-bottom: 5px; padding-top: 6px; margin-bottom: 25px;}
h1.message {font: 22px "Times New Roman", "serif"; color: #000099; background: url(images/Square%20trio.gif) no-repeat left top; padding-left: 50px; padding-top: 3px; padding-bottom: 10px; margin-bottom: 20px; border-style: none;}

h2 {font: 16px "Arial", "Helvetica", "sans-serif"; color: #000099; margin-top: 30px;}
h2.first {margin-top: 0px;}
h2.news {margin: 0px;}
h2.message {background: none; font: bold 13px "Arial", "Helvetica", "sans-serif"; color: #000099; margin-top: 0px; padding-left: 0;}

h3 {font: 14px "Arial", "Helvetica", "sans-serif"; color: #000099;}

h4 {font: 13px "Arial", "Helvetica", "sans-serif"; color: #000099;}

ul {margin: 0; padding: 10px; margin-bottom: 10px; list-style-type: none;}
ul.square {margin: 0; padding: 10px; list-style-type: none;}
ul.news {background: #ddddbf url(home_page_files/news_list_bottom.gif) no-repeat left bottom; width: 160px; padding: 0; list-style-type: none;}

li {background: url('images/bullet.gif') no-repeat 0px 5px; padding-left: 15px; padding-bottom: 4px}
li.square {background: url('images/square_bullet.gif') no-repeat left top; padding-left: 25px; padding-bottom: 10px}
li.news {background: none; font-size: 11px; padding: 10px 15px 10px 15px; border-style: solid; border-width: 1px 0 0 0; border-color: white;}
li.newsTop {background: url(home_page_files/news_list_top.gif) no-repeat left top; font-size: 11px; padding: 15px 15px 10px 15px;}

img {border: 0px; margin: 0px; padding: 0px;}
img.sidebar {margin-bottom: 25px;}

a.top {float: right; margin-top: 30px; margin-bottom: 20px;}

.back {text-align: center; margin-top: 20px; margin-bottom: 20px;}

a.button {
          display: block;
          width: 90px;
          height: 32px;
          line-height: 32px;
          background: url('contact/clients_button.gif') no-repeat left top;
          text-align: center;
          text-decoration: none;
          font: bold 13px "Arial", "Helvetica", "sans-serif";
          color: white;
          padding: 7px 0 0 0;
          margin-top: 20px;
         }
         
a.button:hover {
                background: url('contact/clients_button.gif') no-repeat right top;
               }         
         
   .buttonBackground {
                      
                     }
                     
fieldset {margin-bottom: 20px; border: 0px;}
label {clear: both; float: left; width: 120px; text-align: right;}
input {}