/* OVERRIDES 
   This stylesheet should be used to make skin customizations, 
   which are based on CSS overrides.
*/

  /* html background color
     this is the background color of the body (main content area) of the page.
     if you change this color, also change the color of local navigation sidebar below.
  html {
    background: #fff;
  }
  */
  
  /* header background  
  #hd {
      background: #eee;
  }
  */

/* WRAPPER CUSTOMIZATIONS */

  /* site banner background (site name area)
  #site-banner {
    background-color: #036;
    background-image: url(../images/custom/header-bg.png);
    background-position: top left;
    background-repeat: repeat-x;
    text-align: left;
  }
  */

  /* site banner text color  
  #site-banner a {
    color: #333; 
  }
  */
  
  /* section banner background (project name area)
  #sect-banner {
    background-color: #036;
  }
  #sect-banner #search span.first-child button {
    background-color: #036;
  } 
  */
   
  /* section banner heading color  
  #sect-banner h2, 
  #sect-banner a {  
    color: #333; 
  }  
  */

  /* section nav (primary tabs) background color. 
     Uses alpha transparent image for Moz, Safari, IE7. 
     IE 6 falls back to gray bg image.    
  #sect-nav ul#primary-tabs {
    background-color: #fff;
  }
  */

  /* primary tabs, tab edge (replace image with border) 
  ul#primary-tabs li {
    background: none;
    border-right: 1px solid #ddd;
  }
  ul#primary-tabs li.current {
    border-right: none;
  }
  */

  /* primary tabs link color 
  ul#primary-tabs li a {
    color: #333;
  }
  */
  
  /* secondary navigation background color
  #sect-nav #secondary-bar {
    background: #f5f5f5;
  }
 */
  
  /* link drop down menus and tools
  a.drop-menu:hover {
    background-color: #369;
  }   
  */

  /* base link
  a {
    color: #369;	
  }
 */
   
  /*  
  a:hover, ul li a:hover {
    color: #f39; 
  }    
  */