/* --------------------- NAPA CSS ------------------------- */
/* ----- Designed by www.bluepearl-design.com ------------- */

/* ------------------------------------------------- */
/* ------------ Body - HTML  - Misc ---------------- */
/* ------------------------------------------------- */


html,body {
   margin:0;
   padding:0;
   height:100%; /* frame minimal height */
   background: #172b74;
   background-image: url('images/back2.jpg');
   background-repeat: repeat-y;
   background-position: center;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size: 12px;
}


A:link, A:visited, A:active {
   color: #152a75;
   text-decoration: none;
   font-weight: bold;
}

A:hover {
   color: #000000;
   text-decoration: underline;
   font-weight: bold;
}

A.nav:link, A.nav:visited, A.nav:active {
   color: #172b74;
   text-decoration: none;
   font-weight: bold;
}

A.nav:hover {
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

h1 {
   font-size:14px;
   color: #152a75;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   padding: 0;
   margin: 0;
   text-align: left;
   }

h2, h3, h4, h5, h6, h7, h8 ,h9{
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   font-size: 13px;
   margin: 20px 0 5px 0;
}

hr {
   color: #9fa7be;

}

#col1 ul {
   display: block;
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

#col1 ul li {
   background: url('images/menu-back.gif');
   width: 122px;
   height: 19px;
   display: block;
   font-size: 10px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   text-align: left;
   vertical-align: bottom;
   padding: 0 0 0 20px;
   margin-left: 0px;
   margin-bottom: 3px;
   line-height: 13pt;
   border: 1px solid #ffffff;
   }

.employee {
   color: #000000;
   background: #f2f2f3;
   }


.employee2 {
   color: #152a75;
   }

/* ------------------------------------------------- */
/* -------------------- Header  -------------------- */
/* ------------------------------------------------- */

div#header {
   width: 749px;
   height: 141px;
   background: #FFFFFF url('images/header.jpg') no-repeat;
   padding: 0;
}

   div#headcol1 {
      float: left;
      width: 164px;
      height: 141px;
      padding: 0;
      margin: 0;
   }

   div#headcol2 {
      float: right;
      width: 580px;
      height: 141px;
      padding: 0;
      margin: 0;
   }

div#flash {
   width: 478px;
   height: 125px;
   padding: 0;
   margin: 0 0 0 25px;
   }

/* ------------------------------------------------- */
/* ---------------- Main Content  ------------------ */
/* ------------------------------------------------- */

div#frame {
   position:relative; /* Has to be relative for the footer to work*/
   margin:0 auto;
   width:749px;
   background: #FFFFFF url('images/back3.jpg');
   background-repeat: repeat-y;
   background-position: center;
   height:auto !important;
   height:100%; /* For IE6 Minimal height*/
   min-height:100%;
}

div#content {
   padding: 5px 5px 70px 5px; /* Needed for bottom padding for footer */
}


div#col1 {
   width: 140px;
   float: left;
   padding: 0 0 0 15px;
   margin: 0;
}

div#col2 {
   width: 500px;
   float: right;
   padding: 0 55px 0 0;
   margin: 0;
}

/* ------------------------------------------------- */
/* ------------------- Address  -------------------- */
/* ------------------------------------------------- */

   div#add1 {
      width: 255px;
      float: left;
      padding: 0;
      margin: 0;
   }

   div#add2 {
      width: 225px;
      height: 180px;
      float: right;
      padding: 0;
      margin: 0;
   }

div#address {
   color: #152a75;
   font-size: 14px;
   line-height: 11pt;
   padding: 0 0 0 20px;
   margin: 0;
}

div#contact {
   width: 248px;
   height: 45px;
   margin: 0;
   padding: 4px;
   color: #000000;
   font-size: 12px;
   line-height:11pt;
   background-color: #f2f2f3;
}

      div#concol1 {
         float: left;
         width: 50px;
      }

      div#concol2 {
         float: right;
         width: 198px;
         text-align: right;
      }

div#times {
   color: #c40632;
   font-size: 14px;
   line-height: 14pt;
   text-align: center;
   padding: 0;
   margin: 0;
}

/* ------------------------------------------------- */
/* ------------------- Specials  ------------------- */
/* ------------------------------------------------- */

div#specials {
   width: 500px;
   padding: 0;
   margin: 0;
   }

   div#specol1 {
      width: 290px;
      float: left;
      padding: 0;
      margin: 0;
      }

   div#specol2 {
      width: 204px;
      float: right;
      padding: 0;
      margin: 0;
      }

/* ------------------------------------------------- */
/* -------------------- Footer  -------------------- */
/* ------------------------------------------------- */

div#footer {
   position:absolute;
   width: 749px;
   height: 61px;
   background: #FFFFFF url('images/footer.jpg') no-repeat;
   bottom:0; /* Stays at bottom */
}

   div#footcol1 {
      width: 88px;
      float: left;
      margin: 0;
      padding: 28px 0 0 65px;
   }

   div#footcol2 {
      width: 560px;
      float: right;
      margin: 0;
      padding: 0;
   }

div#copyright {
   width: 496px;
   background-color: #FFFFFF;
   border:1px solid #9fa7be;
   padding: 2px;
   margin: 35px 90px 0 0;
   text-align: center;
   font-size: 11px;
}

div#footer-links {
   width: 500px;
   text-align:center;
   font-size: 12px;
}