@charset "utf-8";
/* CSS Document */ 
/*======== framework ========*/
/* width must be in em or percentages to be scalable */
* {margin: 0; padding: 0;} /* eliminates spacing differences between browsers */   
 body {
   font: 0.8em/1.5em  arial, helvetica, verdana, trebuchet-ms, century-gothic, tahoma, sans-serif;} /* keeps layout from colapsing if the browser is sixed too small */
#wrapper {
   position: relative;
   width: 700px; 
   text-align: left;}
   
#top_logo {
display:none;
}

 /* apply "clearfix" class to ensure footer clearing both column(s) & footer

 
   #column1 {width: 150px;}   
   #content {width: 600px;}
   #mainContent {width: 440px;} /* in 3 column layout only 
   #column2 {width: 150px;}  in 3 column layout only */
   /* ===== layout style formatting ===== */
/*======== end framework ========*/

/*======== background images & color ========*/
/* add layout background colors & images here */
   #wrapper {background:#fff;}
  
  
   #column1 {background: #fff; display:none;}
   #content {background: transparent;}
   #mainContent {background: #FFF;}
   #column2 {background:#FFF;}     
   #subFooter {background-color: #0D4813;}
/*======== end background images & color ========*/  


/*======== common formatting ========*/ /* browsers differences are avoided w/ universal font sizes outside content divs */

   /*======== images ========*/
   img {margin: 0; border-style: none;}
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: 0.5em;}   
   div.left {float: left; margin-right: 2em;}
   div.right {float: right; margin-left: 2em;}
   /*======== end images ========*/

   /*======== headings ========
   h1 {font: bold 2.5em/1.8em arial; color: #0D4813;}
   h2 {font: bold 2.2em/1.6em arial; color: #0D4813;}
   h3 {font: bold 1.3em/1.4em arial; color: #0D4813;}
   h4 {font: bold 1.5em/1.4em arial; color: #0D4813;}
   h5 {font: bold 1.1em/1.6em arial; color: #0D4813;}
   h6 {font: normal 0.9em/1.3em arial;}
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#333;}
   h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#999;}
   /*======== end headings ========*/
   
    /*======== text elements ========*/
   p {margin: 1em 0;}   
   blockquote {margin-left: 2em;}
   dl {margin: 0 1em;}
   dd {margin-left: 1em;}
   p a, blockquote a, dl a, abbr a, acronym a {color:#333;}
   p a:hover, blockquote a:hover, dl a:hover, abbr a:hover, acronym a:hover {color:#999;}
   /*======== end text elements ========*/
   
   /*======== lists ========*/
   ul, ol {margin: 1em 3em;}
   ul li ul, ol li ol, ol li ul,  ul li ol {margin: 1em 2em;}
   ol {margin-left: 3.5em;}
   ul li, ol li {margin-bottom: 0.5em;}
   ul li a, ol li a {color:#333;}
   ul li a:hover, ol li a:hover {color:#999;}
   /*======== end lists ========*/
   
 
   
   /*======== forms ========
   form {margin: 0.5em 0;}
   form a {color:#333;}
   form a:hover {color:#999;}
   /*======== end forms ========*/
      
/*======== end common formatting ========*/
   
   /*======== images ========
   img {margin: 0; border-style: none;}
   div.image_wrap {margin: 0.5em 0; padding:0;}
   div.image_wrap p, div.image_wrap ul, div.image_wrap ol, div.image_wrap blockquote, div.image_wrap dl{margin-top: 0;}
   img a {border-style: none;}
   p.caption {   
      font-size: 0.8em;
      text-align: center;
      margin-top: 0.5em;}   
   div.left {float: left; margin-right: 1em;}
   div.right {float: right; margin-left: 1em;}
   /*======== end images ========*/
   
   /*======== lists ========*/
   
   /*======== tables =======*/
   table td {
      margin: 0 0.5em;}
   table td a {color: #333;}
   table td a:hover {color:#999;}
   /*======== end tables ========*/
   
   /*======== forms ========*/
   form {
      margin: 0.5em;
      margin: 0.5em 0;}
   /*======== end forms ========*/ 
   
/* remember the margins set in common formatting above are in effect until over ridden below */ 
/*======== end common formatting ========*/
/*======== header ========
    #header {
      position:relative;
      padding: 0em 0.5em;
      height: 132px;
  width:760px;}
  
    #header img {
 margin-left:-7px;
}

       
/*======== end header ========*/

/*======== innerWrap ========*/
#innerWrap {}
/*======== end innerWrap ========*/

/*======== column1 ========*/
#column1 {}/* side column in a 2 column left layout, left column in a 3 column layout */
#column1 div.block{padding:0 0 0 1em;  clear: both;}  /* all content must be included within div tags assigned this class */

   /*======== sideMenu styles ========*/ 
   /* remember the margins set above are in effect until over ridden by id calls */
   #sideMenu {
   font-size: 1.2em; 
  margin-top: 2.5em;
margin-bottom: 1em;
      margin-left: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.25em;} 
    #sideMenu ul {
      list-style-type: none; 
      margin: 0 0.5em 0 -20px;
      padding: 0;}
#sideMenu ul li {
  float:left;
  margin-left:5px;}     

   
      /*======== sideMenu sub_menu styles ========*/
      #sideMenu ul ul {
         /*background-color: #e0e0fd;
         font-size: 0.9em;margin: 0 0 0 -0.55em;*/
 margin:0; 
 padding:0;
         display: none;}
 #sideMenu ul ul li {
 margin:0;
margin-right:5px; 
 padding:0.2em 0.5em;
}

      /*======== end sideMenu sub_menu styles ========*/ 
   
   /*======== end sideMenu styles ========*/
   
/*======== end column1 ========*/

/*======== content (container) ========*/

#content {margin:0;float:left;margin-top:15px;} 
#content div.block {padding:0; margin-right:1em; margin-bottom:4em; width:565px;} 
body#body_products #content div.block, body#body_projects #content div.block {padding:0; clear: both; margin-right:1em; margin-bottom:4em; width:600px} 
* html body#body_products #content div.block, body#body_projects #content div.block {padding:0; clear: both; margin-right:1em; margin-bottom:4em; width:580px} 
#content div.block img {border: 3px solid #0D4813;padding:2px; margin-top:4px;}
#content div.block img.logo {border:none;}

#content div.block .image_box {
float:left;
padding-right:3px;
}
 /* all content must be included within div tags assigned this class */  
#body_index #content div.block{width:250px;}
   /*======== mainContent ========*/
   #mainContent {}  /* main center column in a 3 column display */
   #mainContent div.block{padding: 0;}  /* all content must be included within div tags assigned this class */
   /*======== end mainContent ========*/
   
/*======== end content (container) ========*/

/*======== footer ========*/
#footer {
   clear: both;
   margin:0;
   padding: 1em;
   text-align: center;}
#footer h5 {}
#footer h5.normal {font-weight: normal; font-size: 0.9em;}
#footer h5 a {padding-left: 2em;}
#footer span {font: 1.1em/1em arial; vertical-align: middle;}
#footer h5 a {
   color: #0D4813;
   padding-left: 2em ;}
#footer h5 a:hover {color: #236129;}
#footer h6 a.noborder {border-style: none;}/* removes either far left or far right border */
/*======== end footer ========*/

/*======== subFooter ========*/
#subFooter {
   color: #FFF;
   clear: both;
   padding: 1em;
   text-align: center;}
#subFooter h6 a {
   color: #FFF;
   border-left: solid 1px #FFF; 
   padding: 0 0.5em;}
#subFooter h6 a.noborder {color: #CCC; border-style: none;}/* removes either far left or far right border */
/*======== subFooter ========*/

/* ======== float clearing method ========*/
/*devised by Tony Aslett - www.csscreator.com */
/* add the clearfix class to any containter that must enclose floated elements */
/* details at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content: ".";              /* the period is placed on the page as the last thing before the div closes */
   display: block;          /* inline elements don't respond to the clear property */ 
   height: 0;                  /* ensure the period is not visible */
   clear: both;               /* make the container clear the period */
   visibility: hidden;}     /* further ensures the period is not visible */