/* No margin or padding at the top.  The browser usually
   adds a margin automatically. */
html, body, .nav2, .nav2 li
{
  margin:          0px;
  padding:         0px;
}

/* Color and nice font.  This is the green area around the
   center content.  Everything is center-aligned inside of it. */
body
{
  color:           black;
  /*font-family:     Verdana,Arial,sans-serif;
  font-size:       12px;
  font:            85%/1.3 Verdana,Arial,sans-serif;*/
  font:            Georgia, Georgia, serif;
  font-size:       15px;
  text-align:      center;
  padding-bottom:  20px;
}

/* The greenish color around the center content. */
body, .horiBarLight, .top, .break, .main2
{
  background:      #D7D5C2;
}

/* 800px wide center content area. */
.top, .main, .main2, .navMenu
{
  width:           800px;
}

/* Top logo/phone number area.  The -3px margin on the bottom
   removes the small strip from the bottom of the div.  Different
   font on the address. */
.top
{
  margin:          0px 0px -3px 0px;
  padding:         0px 0px 10px 0px;
  display:         inline-block;
  font-family:     Arial,sans-serif;
}

/* Pad the logo 30px at the top, 10px at the bottom. */
.top img
{
  float:           left;
  padding:         10px 0px 0px 0px;
  color:           white;
}

/* Phone number area, aligned right. */
.top span
{
  float:          right;
  padding:        20px 0px 0px 100px;
  font-weight:    bold;
  text-align:     right;
}

/* The main white area. inline-block prevents this area from floating left. */
.main, .main2
{
  margin:          0px 0px 10px 0px;
  padding:         0px;
  display:         inline-block
}
.main /*, .stdTable, .stdTable tr*/
{
  background:      #EFE8CE;
}

/* The dark horizontal bars and the nav menu are dark green. 
   Different font on the drop down menu. */
.horiBarDark, .navMenu, .nav2
{
  background:      #08192D;
  font:            11pt Verdana,Arial,sans-serif;
}

/* Dark horizantal bars, 20px tall. */
.horiBarDark
{
  padding:         10px 0px 10px 0px;
  color:           white;
}

/* Light horizantal bars, 20px tall.  Same color as the background. */
.horiBarLight
{
  padding:         5px 0px 5px 0px;
}

/* Black text in the light horizantal bars.  No underlines on links. 
   Different font for Contact/About Us. */
.horBarLight, .horiBarLight a
{
  color:           black;
  text-decoration: none;
  font-family:     Arial,sans-serif;
}

/* White color when the links are hovered. */
.horiBarLight a:hover
{
  color:           white;
}

/* The 2px break under the nav bar and horiDarkBars. */
.break
{
  height:          2px;
}

/* Flash matrix logo on home page. */
.matrix
{
  background:      #282800;
  overflow:        hidden;
  vertical-align:  middle;
  padding-top:     0px;
}

/* Main content area.  10px padding around all the text. */
.content, .content2
{
  padding:         30px 10px 20px 10px;
  text-align:      left;
}

/* Small blackish border around the home page content. */
.content
{
  border:          1px solid #282800;
}

/* Left bar in the other pages. -3px margin on the top 
   removes the div strip. */
.content2
{
  border-left:     160px solid #6C7D8E;
  margin-top:      -4px;
}

/* Dark bluish color on content links, lighter blue on hover. */
.content a, .content2 a, .aSmall
{
  color:           #000033;
}
.content a:hover, .content2 a:hover, .aSmall
{
  color:           #0000FF;
}
.aSmall
{
  font-size:       75%;
  font-family:     Arial,sans-serif;
}
a.aName:hover
{
  color:           #000033;
}

/* Float the images to the correct side, and pad the opposite side. */
.leftImg
{
  float:           left;
  padding:         0px 10px 10px 0px;
}
.rightImg
{
  float:           right;
  padding:         0px 0px 10px 10px;
}

/* Headers above content sections, bold green text. */
.hdr
{
  color:           #333300;
  font-weight:     bold;
}

/* Larger black headers. */
.largerHdr
{
  color:           #000033;
  font-weight:     bold;
  font-size:       130%;
}

/*****************************************************************************
*                        Horizontal navigation bar.                          *
*****************************************************************************/
/* Main darker div, same color as the horiBarDark with the same bottom border.
   The absolute positioning is needed so that the drop down doesn't move the
   surrounding divs. -1px margin removes the div line break.  */
.navMenu
{
  height: 35px;
  position: absolute;
  margin-top: -1px;
}

/* Remove the dots from the list. */
.nav2, .nav2 li
{
  list-style-type: none;
}

/* White text, and a little darker on hover. */
.nav2, .nav2 a
{
  color:           white;
}

/* The whole bar floats left in the main div, and the text is in the left
   of the nav bar.  The padding at the top vertical aligns the text.  Hide 
   the overflow so that the link still rolls up when the mouse is to the 
   left. */
.nav2
{
  float:           left;
  text-align:      left;
  padding-top:     7px;
  overflow:        hidden;
}

/* Without the default cursor the cursor will change to the text 
   selection cursor.  20px padding on all the text. */
.nav2 li
{
  cursor:          default;
  padding-left:    20px;
}

/* Each of the links is 200px wide. */
.nav2 li, .nav2 a
{
  width:           200px;
}

/* The inner lists are all padded 10px on the top and bottom. */
.nav2 ul
{
  margin:          0px;
  padding:         10px 0px 10px 0px;
}

/* The inner list items have an additional 5px padding. */
.nav2 ul li
{
  padding-bottom:  5px;
}

/* This is the "header" list item's (Energy, Software) inner list.  Remove
   the left margin that lists normally have, and put a 10px padding from the
   edge.  Hide the list until hover. */
.nav2 li>ul
{
  display:         none;
  margin-left:     -50px;
  padding-left:    10px;
}

/* Display the inner list when hovered. */
.nav2 li:hover>ul
{
  display:         block;
}

/* No underlines on the links.  The padding lets the mouse-over work around
   the link, not just on the text, block is also needed for this.  Text is 
   left-justified.  Darker color on hover. */
.nav2 a
{
  text-decoration: none;
  padding:         2px 0px 5px 20px;
  text-align:      left;
  display:         block;
}
.nav2 a:hover
{
  color:           #BBBBBB;
}

/*****************************************************************************
*                               Tables.                                      *
*****************************************************************************/
/* Same color as .main, black border. */
.stdTable
{
  /*border:          1px solid black;*/
}

/* Table headers have a bit of bottom padding. */
.tblHdr
{
  text-align:      center;
  padding-bottom:  10px;
}

/* Contacts table, each cell padded on the left. */
.contactsTd, .contactsTdLast
{
 width:            200px;
 padding-right:     35px;
}

/* Extra padding on the last td. */
.contactsTdLast
{
 /*padding-bottom:   0px;*/
}