* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body { 
  padding: 0; 
  background: #CDE0DC url('../contact/img/bg.jpg') repeat-x; 
  font: 0.8em/1.5 "arial",sans-serif; 
  color: #012B36; 
  text-align: center; 
}

      /* This changes the hyperlink color & text color on the footer */
a {color:#308EA7;}
a:hover {color:#F3FF00; text-decoration: none;}

      /* This changes the distance between top & lower footer in between for text input feilds and center   */
h1, h2, h3, h4, h5, h6 { margin:15px 0 7px 0; }

      /* This changes the text input feilds and center to either left or right side, note keep on left   */
#layout { 
  width:820px; 
  margin:0 auto; 
  text-align:left; 
}

      /* This changes the top header color CENTER   */
  	#header { position:relative; background: #012B36; margin-bottom: 20px; }
  
      #logo {
        font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
        position: relative; 
        overflow: hidden; 
        width: 550px; height: 108px;
        font-size:230%;
        margin: 0;
        line-height: 108px;
        text-align: center;
      }

      /* start Changes logo color - Example: Classified Edition   */

      #logo a{
        text-decoration: none;
        color: #CDE0DC;
        font-weight: normal;         
        padding: 0px 10px 7px 10px;  
      }
      
      /* End Changes logo color - Example: Classified Edition   */

      #navigation{
        position: absolute;
        left: 270px;
        line-height: 83px;
        display: block;
        height: 108px;
        width: 530px;
        top: 0;
        text-align: right;
        font-size: 95%;
      }
      
      #navigation ul li{
        display: inline;
      }
      
      /* Changes header link colors */

      #navigation li a {
        color: #308EA7;
        padding: 50px 10px;
        text-decoration: none;
      }
      
      /* Changes hyper link color when mouse is over the link top fotter */

      #navigation a:hover {
        color: #F3FF00;
      }
      
      /* END Changes header link colors Example-home-contact-links-help   */

      /* This line changes the input feilds to be centered in the middle  */

      #main {
      padding: 0 37px
      }
      
      /* This line changes the footer text color & background color  */

      #footer {
      background: #012b36;
      color: #126A81;
      }
      
      #footer-inside {
      width:746px; 
      margin:0 auto; 
      text-align:left; 
      padding: 26px 0;
      }
      
      #footer-inside p {
      margin-top: 0;
      margin-bottom: 0;
      }
      
      #copyright {
      float: left; 
      width: 400px;
      }
      
      /* Do Not remove this because this is a free template, if you do happen to remove it the only thing that will happen is the authors 
         name on the footer right side will center out and needs to be removed from the main send mail template   */

      #dont-delete-this{
      margin: 0 0 0 323px;
      text-align: right;
      }

      /* This line changes the words in between contact-us & your name, deleting this line will cause then to be 
         bunched up This line also changes the small words in size   */

p { margin:15px 0; line-height: 24px; font-size: 95%}

      /* This line changes the distance between the top of the header to the words home - contact us - links - help   */
ul, ol { display:block; margin:15px 0 15px 40px; }

      /* Do Not remove this line or it'll make a thin short bar under the header color of Classified Edition   */
.noscreen { display:none; }