/* Top Navigation Menu */

#menu {
 width: 175px;
 float: left;
 font: 11px/12px verdana,trebuchet,sans-serif;
 padding-right: 10px;
 text-align: right;
 color: #333;
 padding-bottom: 30px;
 border-right: 1px dotted #999;
}

.menuitems {
 padding-top : 15px;
 padding-bottom : 15px;
 border-bottom : 1px dotted #999;
}


/*  Navigational links in the header  */
.navheader, a.navheader:link, a.navheader:active, a.navheader:visited
{ 
 color: #CC0000;
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;
} 

a.navlinks:link, a.navlinks:active, a.navlinks:visited
{ 
 color: #8b7355; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;
 text-decoration: none;   
} 

a.navlinks:hover   
{ 
 color:  #FFCC33; 
 font-family: Verdana, Arial, Helvetica;
 font-size:   11px; 
 font-weight: bold;  
 text-decoration: none;
}

/* This section is for the top menu bar */


div.menuBar, div.menuBar td.menuButton, div.menuBar a.menuButton, div.menu, div.menu a.menuItem 
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  color:#eed8ae;
}

div.menuBar {
  background-color: #660000;
  border: 2px outset #660000;
  padding: 2px 2px 2px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: #8b0000;
  border: 1px outset #990000;
  color: #FFCC00;
  cursor: hand;
  left: 0px;
  padding: 3px 14px 3px 14px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: #A52A2A;
  border: 1px outset #990000;
  color: #FFE7BA;
  padding: 4px 14px 4px 14px;
  left: 1px;
  top: 1px;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover,
div.menuBar a.menuButtonCurrent,
div.menuBar a.menuButtonCurrent:hover{
  background-color: #A52A2A;
  border: 1px outset #990000;
  color: #FFE7BA;
  left: 1px;
  top: 1px;
   
  cursor: hand;
  padding: 4px 14px 4px 14px;
  position: relative;
  text-decoration: none;
  z-index: 100;

}

div.menu {
  background-color: #EE9572;
  border: 2px outset #FF8247;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FFFFFF;
  cursor: hand;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #cd7054;
  color: #FFFFFF;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #eecbad;
  margin: 2px 2px;
}
/* end of section for the top menu bar */


/* End of Top Navigation Menu */

.spacer{display:block; clear:both; height:0; line-height:0; font-size:0; overflow:hidden; }
   #wgnav
   {
      padding:0px 0px 0px 0px; 
      clear:both;      
      float:left;
      text-align:left;
   }
   
   #wgnav ul
   {
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 4px;
      list-style:none;
      height:20px;
      
   }

   #wgnav ul li
   {
      display:block;
      float:left;
      background:url(http://localhost/websitegear/images/nav/tab-left-off.gif) top left no-repeat;
      padding:0px 0px 0px 3px;
      margin:0px 2px 0px 0px;
      
   }

   #wgnav ul li a
   {
      display:block;
      float:left;
      font:11px Verdana;
      font-weight:bold;
      color:#FFFFFF;
      white-space:nowrap;
      background:url(http://localhost/websitegear/images/nav/tab-right-off-wide.gif) top right;
      padding:4px 10px 4px 10px;
      margin:0px 0px 0px 0px;
      text-decoration:none;
   
   }

   #wgnav ul li.reference
   {
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      float:left;
      background:url();
   }
   
   #wgnav ul li.portfolio
   {
      display:block;
      float:left;
      background:url(http://localhost/websitegear/images/nav/tab-left-off-wide.gif) top left ;
      padding:0px 0px 0px 3px;
      
   }
   
   
   #wgnav ul li a.portfolio
   {
      background:url(http://localhost/websitegear/images/nav/tab-myport-right.gif) right top no-repeat; 
      padding:4px 15px 4px 6px;  
   }


   #wgnav ul li.portfolio_selected
   {
      display:block;
      float:left;
      background:url(http://localhost/websitegear/images/nav/tab-left-on-wide.gif) top left ;
      padding:0px 0px 0px 3px;
   }

   
   #wgnav ul li a.portfolio_selected
   {
      background:url(http://localhost/websitegear/images/nav/tab-right-on-myport.gif) right top no-repeat; 
      padding:4px 17px 4px 9px;
      color:#FFFFFF; 
   }
         
   #wgnav ul li.selected
   {
      background:url(http://localhost/websitegear/images/nav/tab-left-on.gif) top left no-repeat;      
      padding-left: 3px;
   }

   #wgnav ul li.selected a
   {
      color:#FFCC00;
      text-decoration:none;
      background:url(http://localhost/websitegear/images/nav/tab-right-on-wide.gif) top right;
      background-repeat:repeat-x;
      
   }
   
   #wgnav a:hover
   {
      text-decoration:underline;
   } 
/* SUB NAV SECTION */   
   #wgsubnav
   {
      padding:0px 0px 0px 0px;
      clear:both;
      float:left;
      width:100%;
      margin:0px 0px 0px 0px;
   }

   #wgsubnav ul
   {
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      float:left;
      list-style:none;
      background:url(http://localhost/websitegear/images/nav/tab-subnav-background.gif);
      width:100%;
   }

   #wgsubnav ul li 
   {
      float:left;
      display:block;
      font:11px Verdana;
      font-weight:bold;
      height:22px;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      background:url(http://localhost/websitegear/images/nav/tab-subnav-separator.gif) right no-repeat;      
   }


   #wgsubnav ul li  a
   {
      float:left;
      color:#FFCC00;
      font:11px Verdana;
      font-weight:bold;
      white-space:nowrap;
      text-decoration:none;
      margin:5px 0px 0px 0px; 
      padding:0px 9px 0px 9px;
   }

   #wgsubnav ul li.selected
   {
      background:url(http://localhost/websitegear/images/nav/tab-subnav-on.gif) repeat-x;
      color:#FFFFFF;
      font:11px Verdana;
      font-weight:bold;   
   }

   #wgsubnav a:hover
   {
      text-decoration:none;
   } 


/* navigation
--------------------- */
div#netnav {
  
    //float:left;
    //padding:2em 0 0 2em;
}

.netnav * {
    font-size:1em;
}

.netnav ul, .netnav li {
    //margin:0;
    //padding:0;
    list-style:none;
    display:block;
    line-height:30px;
    padding:0 1em;
    text-decoration:none;
    font-size:12px;
    color:#fff;
    float:left;
    border-right:1px solid #000;
    margin:2px 0;
      
}

.netnav li {
    display:inline;
}

#netnav ul li a:hover {
    background-color:#F6F6F6;
}

#netnav a.selected {
   background-color:#ececec;
}