/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 15 May 2008 @ 14:39 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
body {
   margin: 0;
   padding: 0;
   background: #DBDCD6;
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: Helvetica, Arial, sans-serif;
}
   a {
      color: #660000;
      font-weight: bold;
      text-decoration: underline;
   }
   a:hover { text-decoration: none; }
   a:visited { color: #666; }
    
h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
}
   h2, h3, h4, h5, h6 {
      margin-bottom: 0.5em;
      font-size: 1.25em;
      color: #2B683C;
   }
      h2 { font-size: 2.0em; }
      h3 { font-size: 1.7em; }
      h4 { 
         font-size: 1.4em;
         color: #FFF;
         background: #2B683C url('images/bg-h4.jpg') top left repeat-x;
         padding: 6px 10px;
      }
      h5 { font-size: 1.3em; }
      h6 { font-size: 1.1em; }

p { margin: 0; padding: 8px 0; }

ol li { margin-bottom: 0.8em; line-height: 1.2em; }

div.hr {
   height: 1px;
   margin: 1.6em 0 1.6em 0;
   padding: 0;
   background: #8A8278 no-repeat scroll center;
}
   div.hr hr { display: none; }

#wrapper, #footer {
   position: relative;
   width: 908px;
   margin: 0 auto;
}
   #wrapper {
      border: 5px solid #FFF;
      border-right: 0;
      border-top: 0;
      border-left: 2px solid #FFF;
      background: #DBDCD6 url("images/bg-wrapper.jpg") top left repeat-y;
   }


* html #header #banner a { behavior: url("/globals/iepngfix_v1/iepngfix.php"); }

/** Header
-------------------------- **/
/* @group header */
#header {
   width: 839px;
   height: 227px;
   padding: 10px 51px 10px 18px;
   position: relative;
}
   #header h2 { 
       font-size: 1.6em;
       color: #FFF;
       font-weight: bold;
   }
#header #banner a, 
#header #banner a:visited
{
   position: absolute;
   display: block;
   background: url("images/logo.png") 0 0 no-repeat;
   text-indent: -10000px;
   width: 197px;
   height: 199px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 39px;
   left: 115px;
}
#header #photo {
   position: absolute;
   left: 214px;
   top: 39px;
   border: 2px solid #006D2C;
   border-left: 0;
   border-right: 0;
   height: 195px;
   font-size: 1px;
}
#header #searchProduct {
   position: absolute;
   right: 60px;
   top: 9px;
   font-size: 1.2em;
}
   #header #searchProduct input {
      border: 1px solid #006D2C;
      padding: 3px;
      width: 165px;
      margin-right: 2px;
   }
   #header #searchProduct button, #formContent input.submit {
      border-width: 1px;
      border-style: solid;
      color: #FFF;
      background-color: #006D2C;
      border-top-color: #006D2C;
      border-left-color: #006D2C;
      border-right-color: #95B39D;
      border-bottom-color: #95B39D;
      cursor: pointer;
      cursor: hand;
      padding: 2px 3px;
      *padding: 1px 3px; /* IE7 */
      *font-weight: bold; /* IE7 */
   }
      * html #header #searchProduct button { padding: 1px 3px; font-weight: bold; }
      #header #searchProduct button:hover {
         background-color: #95B39D;
         border-right-color: #006D2C;
         border-bottom-color: #006D2C;
         border-left-color: #95B39D;
         border-top-color: #95B39D;
      }
/* @end header */


/** ContentWrapper
-------------------------- **/
/* @group ContentWrapper */
#contentWrapper { padding: 0 51px 0 16px; }

div.leftCol {
   width: 197px;
   float: left;
}
/* @group topNavigation */

div.leftCol #topNavigation {
   width: 177px;
   line-height: 1.35em;
   padding-bottom: 40px;
}

div.rightCol {
   width: 642px;
   float: left;
}
   div.content {
      padding: 20px;
      font-size: 1.3em;
      line-height: 1.5em;
   }
   div.content td { 
      vertical-align: top;
      padding: 0;
      padding-bottom: 13px;
   }
      div.content td.image { width: 82px; }
/* @end ContentWrapper */

/** Footer
-------------------------- **/
/* @group footer */
#footer {
   padding-bottom: 15px;
   padding-top: 5px;
}
   #footer a { text-decoration: none; }
   #footer a:hover { text-decoration: underline; }

#copyrightDesign {
   padding-left: 10px;
   color: #999;
   font-size: 1.1em;
   line-height: 1.35em;
}
   #copyrightDesign, #copyrightDesign a { color: #999; font-weight: normal; }
   #copyrightDesign a:hover { color: #333; }
/* @end footer */


/** @group formContent */
#formContent td.content { padding: 2px 0 8px 0; }

#formContent td.content label { 
   padding: 0 5px;
   position: relative;
   top: 3px;
}

#formContent input.input, #formContent textarea.textarea, #formContent select { 
   border: 1px solid #005D19;
   padding: 3px;
   margin: 2px 0;
   vertical-align: middle;
}
   #formContent select { padding: 0; }
/* @end formContent **/


/** Class Styles
-------------------------- **/
*.paleGreen { color: #95B39D; }
*.darkGreen, div.content td strong { color: #2B683C; }

.hidden { display: none; }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}