@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;
   text-align: center; 
   min-width: 760px;} /* keeps layout from colapsing if the browser is sixed too small */
#wrapper {
   position: relative;
   width: 760px; 
   margin: 2em auto; 
   margin-bottom:0em;
   text-align: left;}
   
#innerWrap {
   position:relative;
width: 760px;
margin-top:-5px;
padding-top: 2em;
padding-bottom:3.5em;
}

#print_logo {
display:none;
}

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

   /* ===== layout style formatting ===== */
   /* these width can change depending on layout & desired result */
   /* widths must be in em or percentages to be scalable - size to layout*/  
   #column1 {width: 150px;}   
   #content {width: 600px; float:right;}
   #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 */
   body {background: #0D4813;}
   #wrapper {background:#fff;}
   
  * html #wrapper {background:transparent;}
   #body_index #innerWrap {background: url(../images/pages/stairs.jpg) 310px bottom no-repeat; }  
   
   * html  #body_index #innerWrap{background:#fff url(../images/pages/stairs.jpg) 310px bottom no-repeat; }
   
 * html #innerWrap {background: #fff; width: 759px;}  
 
  
   #column1 {background: #fff;}
   #content {background: transparent;}
   #mainContent {background: #FFF;}
   #column2 {background:#FFF;}     
   #footer {background: url(../images/pages/footer_bar.gif) left top;}
   #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:#014408;}
   p a:hover, blockquote a:hover, dl a:hover, abbr a:hover, acronym a:hover {color:#0d4813;}
   /*======== 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 ========*/
   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 ========*/
   
   /*======== 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;
  border-left: 3px solid #0D4813;} 
    #sideMenu ul {
      list-style-type: none; 
      margin: 0 0.5em 0 -20px;
      padding: 0;}
#sideMenu ul li {
      display: block;
      margin: 0 0 1em 0;
      padding: 0 0 0 2em;
  border: 3px solid transparent;}     
   #sideMenu ul li:hover {border: 3px solid #0D4813;}
   #sideMenu ul li a {     
      text-decoration: none;
  font-weight: bold;
      width: 100%;
      line-height: 1.75em;
  display:block;   }
   #sideMenu ul li a:hover {color: #0D4813;} /* to pass validation can't be same color as sub menu li:hover BGcolor */
   
      /*======== 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;
 border: 1px solid #FFF;
 border-bottom:1px solid #cccccc;
}
#sideMenu ul ul li:hover {border: 1px solid #FFF;
    background: #0D4813; color:#fff;}
#sideMenu ul ul li a {
   font-size: 0.8em;
 line-height: 1.1em; 
     font-weight: normal;}
 #sideMenu ul ul li a:hover { color:#fff;}
 
 
* html #sideMenu {
   position:static;
   font-size: 1.2em; 
   margin-top: 2em;
   margin-left: 2em;
   padding-top: 0.5em;
   padding-bottom: 0.25em;
   border-left: 3px solid #0D4813;}     
* html #sideMenu ul {position:static;
    list-style-type: none; 
    margin: 0 0 0 -20px;
    padding: 0;}
* html #sideMenu ul li {
   position: relative;
   left:-15px;
   margin: 0 0 5px 15px;
   padding: 0.15em 0 0.15em 1.5em;
   border:none;}
   * html #sideMenu ul li:first-child:hover  {border: 3px solid #0D4813;margin: 0 0 5px 15px;}   
* html #sideMenu ul li:hover {border: 3px solid #0D4813; margin: -3px 0 2px 12px;}
* html #sideMenu ul li a { 
   color: #0D4813;    
   text-decoration: none;
   font-weight: bold;      
   line-height: 1em; 
padding:0.5em 0;}
* html #sideMenu ul li {border: 3px solid #0D4813; margin: -3px 0 17px 12px;}
* html #sideMenu ul ul {margin:0;margin-right:-1em;  padding:0;}
* html #sideMenu ul ul li {margin: 0 0 0 2em; padding: 0 0.5em 0 0.25em; width:65px;border:none;}
* html #sideMenu ul ul li:hover {margin: 3px 0 0 2em; padding: 0 0.5em 0 0.25em;width:65px; border:none;}  

* + html #sideMenu {width: 120px;}
* + html #sideMenu ul ul li {margin-left: 1em;} 
 
 
      /*======== end sideMenu sub_menu styles ========*/ 
   
   /*======== end sideMenu styles ========*/
   
/*======== end column1 ========*/

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

#content {margin:0;} 
#content div.block {padding:0; clear: both; margin-right:1em; margin-bottom:4em; width:565px;} 
* 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; clear: both;}  /* 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 */
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
/* ======== end float clearing method ======*/