/*
*************************************************
** File Name: colors_services.css
** Author: Steve Davies
** Create Date: 2005-01-06
**
*************************************************
** Change Log:
**  2006-04-04  Davies: removed styles for generic form elements
**                       and moved them to global.css.
**
**  2007- 11-30 S. Davies: Restyled the menuButton link class to appear
**                      and behave more like a traditional link.
**
** 2008-05-12  J. Bouchard: added styling for footer_header div
**
** 2008-09-10  S. Davies: provide default colors for psuedo-classes for
**                      left-side Nav - Type I.  For inner left-side containers,
**                      need to  increase specificity for link pseudo-classes
**                      by using their container DIV's ID, to override the new
**                     #leftOuter  defaults.
**                         
** 2009-02-23 S. Davies: "Mid" sidebar re-org -qualified the 'div.sbMenu' class
**                    declaration with containing div name and ID as an 'ID selector', 
**                    to avoid any defaults taking precedence unintentionally.  
**                    Assign a specific background ("white") to "rightHeader" div.
**    
** 2009-05-15 S. Davies: removed all color rules for all links in mainContent (Type I) 
**                     and mainContentRight (Type II) DIVs, if any (i.e. psuedo-classes).
**                     Note that links in these regions are generally considered to be 'non-nav.',
**                     meaning 'not part of a menu system or navigational widget or control'.
**
** 2010-02-01 S. Davies: added a white border to "div.menu" class for more contrast.
**                            
** 2010-06-04 S. Davies: changed the background (color) to a lighter shade on "div.menu"
**                        class, for more contrast.
**
**  YYYY-MM-DD X. XXXXX: xxxxxxxxxxxxxxxxxxxxxxxxx
**
**
*************************************************
**  begin style sheet file for "colors"
*/


/* ------------------ begin:  Type II ("horizontal layout") pages  -----------------------  */

div#topOuter {
    color: #147;
    background: #FFF;
}


div#topOuter div#sbLeftUpperNav {
    color: #FFFFFF;
    background: #066;
}

div#topOuter div#sbLeftUpperNavInner {
    color: #FFFFFF;
    background: #066;
}


div#topOuter div#sbLeftUpperNav a:hover {
     text-decoration: underline;
}


div#mainOuter {
    background: white;
}


div#footer {
    color: #036;
    background: #FFF;
}


/* ------------------ end: Type II pages  ---------------------------  */


/*  -------------------------------------------------------------------------------------------- */
/*  ----------------- Left Side  (for Type I ("vertical layout") pages----------------- */
/*  -------------------------------------------------------------------------------------------- */


div#leftOuter {
    color: #FFFFFF;
    background: #066;
}


/*
div#sbLeftUpperNav {
    color: #FFFFFF;
    background-color: #066;
}
*/

/*  ----------------------------------------------- */
  div#sbLeftContent
, div#sbLeftContentFooter {
    color: #066;
    background-color: #CFC;
}

div#sbLeftContent p {
    color: inherit;
    background-color: inherit;
}

/*  ----------------------------------------------- */
div#sbLeftMidNav {
    color: #FFFFFF;
    background-color: #066;
}

/*  ----------------------------------------------- */
div#sbLeftLower {
    color: #FFFFFF;
    background-color: #066;
}

div#sbLeftNavLowerImg {
    background-color: inherit;
    border-color: #F00;
}

/*    *********  psuedo-classes for Nav left **********   */


/* ----  provide default colors for psuedo-classes for left-side Nav - Type I  -----  */
/* ----  2008-09-10  S. Davies   ---  */

  div#leftOuter a:link
, div#leftOuter a:visited {
    color: white; 
    -moz-outline: none;  /*  Mozilla-specific attribute disabled */
    outline-style: none;  /*  IE-specific attribute disabled */
    -moz-user-focus: none;  /*  Mozilla-specific attribute disabled */
}


div#leftOuter a:hover {
     color: #0F0;
     text-decoration: underline;
}


/* ----  END:  2008-09-10  S. Davies   ---  */


/* ----   potential overrides here   ---  */
  div#sbLeftUpperNav a:link
, div#sbLeftUpperNav a:visited {
    color: #FFF;
}

div#sbLeftUpperNav a:hover {
   color: #0F0;
}


/* 
9/10/2008 - do not set any styles for the 'focus' and 'active' states -ignore them 
- they don't lend any value to links (like 'menu items'  that nav away to other 'pages'.
*/

/* 2008-09-10 S, Davies - commented out

  div#sbLeftUpperNav a:focus
, div#sbLeftUpperNav a:active {
   color: #AAA;
}
*/

/* ----------- colors for the Left  Middle Sidebar (sb) dyn Menu classes  ----------- */

div#sbLeftMidNav a {
    background: transparent;
}


div#sbLeftMidNav div.sbMenu {
    /* 
    2009-02-22 S. Davies: added a specific 'color' property, which is needed to establish a color of its own
	                   (independent of its links) to factor into the parent DIV's computed styles for DHTML menus. .
    */
    color: #036; 
    background: #CFC;
}



/*   ------- colors for the the Left Middle Sidebar (sb) "Menu Button" psuedo classes  ------- */

  div#sbLeftMidNav a.sbMenuButton:link
, div#sbLeftMidNav a.sbMenuButton:visited {
    color: #FFF;
}


div#sbLeftMidNav a.sbMenuButton:hover {
    color: #036;   /* maintain it as the same as its sub-menu, unhovered */  
    background: #CFC;  /* maintain this as the same as its sub-menu, unhovered  */
    border: 1px solid silver;	
    text-decoration: underline;
}


/* 
2008-09-11 : Do not set any styles for the 'focus' and 'active' states -ignore them 
- they don't lend any value to links (like 'menu items') that nav away to other 'pages'.
*/

/*   ------ color for the Left Middle Sidebar (sb) dyn "Menu Item" psuedo classes  -------  */

/* 2008-09-10  S. Davies:  increased specificity, 
                         using the container DIV's ID, 
                         to override new #leftOuter pseudo-class defaults */
                         
   div#sbLeftMidNav a.sbMenuItem:link
,  div#sbLeftMidNav  a.sbMenuItem:visited {
    color: #036;
}

div#sbLeftMidNav a.sbMenuItem:hover {
   color: #DD6600;
   font-weight: bold;
   text-decoration: underline;
   background: #E9F9E9;
}

/* 
2008-09-11 : Again, do not set any styles for the 'focus' and 'active' states -ignore them 
- they don't lend any value to links (like 'menu items') that nav away to other 'pages'.
*/


/*   ------ END: left side colors  -------  */


/*  ----------------------------------------------------------------- */
/*  --------------------   Right Side   ---------------------------- */
/*  ----------------------------------------------------------------- */


div#rightOuter {
    color: #147;
    background: #FFF; 
}


div#rightHeader {
    background: #FFF; 
}

	
/*  ------  note:  override earlier #rightSubHeader with specific biz section colors ---------- */

div#rightSubHeader {
    color: #036;
    background-color: #CFF;
    border-top: 1px silver solid ;
}

div#headerSub01 {
    color: #036;
    background-color: #CFF;
}

div#headerSub01Left {
    background-color: transparent;
}

div#headerSub01Right {
    background-color: transparent;
}

div#headerSub01Right01 {
     background-color: transparent;
}

div#headerSub01Right02 {
    color: #CFF;
    background-color: #69F;
}

div#headerSub01Right02a {
    color: inherit;
    background-color: transparent;
}

div#headerSub01Right02b {
    color: #FFF;
    background-color: transparent;
}



/*  ------  main NavBar color styles ---------- */

div#rightNavBar {
    background-color: #6D3;
    border-top: 1px solid silver;
}

div#navBarTop {
    color: #036;
    background-color: #6CC;
}

div#navBarBreadcrumb {
    color: #036;
    background-color: #6CC;
}

div#navBarMenuDDdyn {
    color: #FFF;
    background-color: #036;
}

/*  ********** color for the navBarTop link psuedo classes  ************************  */
 div#navBarTopRight a:link
,  div#navBarTopRight a:visited {
    color: #036;
}

div#navBarTopRight a:hover {
   color: #FFF;  /* white */ 
}

div#navBarTopRight a:focus
,    div#navBarTopRight a:active {
    color: #669966;  
}


/*  ********** color for the navBarBreadcrumb psuedo classes  ******************** */
 div#navBarBreadcrumb a:link
 , div#navBarBreadcrumb a:visited {
    color: #036;
}

div#navBarBreadcrumb a:hover {
   color: #FFF; 
}


/*
div#navBarBreadcrumb a:focus
 , div#navBreadcrumb a:active {
    color: #669966;  
}
*/

/*  ********** colors for the main dyn Menu classes  **********************  */

div.menuBar {
    background-color: transparent;
	color: white;
    border-right: 1px solid white; 
}


div.menuBar a {
    background-color: transparent;
}

div.menu {
/*    background-color: #6CC;*/
    background-color: #7DD;
	border: 1px solid white;
}

a.menuItem {
    background-color: transparent;
}


/*  ********** color for the main dyn "Menu Button" psuedo classes  ****************  */
 div.menuBar a.menuButton:link
,  div.menuBar a.menuButton:visited {
    color: #FFF;
	text-decoration: none;
}

div.menuBar a.menuButton:hover {
   color: #0F0;
   text-decoration: underline;
}




/*  ********** color for the main dyn "Menu Item" psuedo classes  ****************  */
 div.menu a.menuItem:link
,  div.menu a.menuItem:visited {
    color: #036;
}

div.menu a.menuItem:hover {
   color: #FFF;
}

div.menu a.menuItem:focus
,    div.menu a.menuItem:active {
    color: #669966;  
}


/*   ********* rightMenu Nav Button #4 ************************  */

div#navBarMenuDDdynBox4 {
	border-style: none;
}



/*  ************* Main Content styles *************  */

div#mainContent {
    color: #000;
    background-color: transparent;
}

div#mainContent  th {
    background-color: #6CC;
}


div#mainContentLeft {
    border-right: 1px solid #036;
}

  div#mainContentLeft
, div#mainContentRight {
    color: #036;
    background-color: #FFF;
}



/*  *************** BEGIN:  "footer" area  *************  */

div#rightFooter {
    color: #036;
    background: #FFF;
}


div#footer_header {
   /* this should match rightNavBar */
   background-color: #6D3;
}

div#footerAdverts {
/*  for better contrast, used bg color from LeftContent
    and the dark blue for [font] color.
PREV:
color: #CC6;
background-color: #CFF;
*/
    color: #036;
    background-color: #CFC;
}


/*  ********  footer - Right Nav **********************  */
  div#footerNavRight a:link
, div#footerNavRight a:visited {
    color: #036;
}

div#footerNavRight a:hover {
   color: #F00;
}

  div#footerNavRight a:focus
, div#footerNavRight a:active {
    color: #669966;  
}

/*   ********  footer - Left Nav ********************  */
  div#leftFooter a:link
, div#leftFooter a:visited {
    color: #036;
}

div#leftFooter a:hover {
   color: #F00;
}

  div#leftFooter a:focus
, div#leftFooter a:active {
    color: #669966;  
}

/*  end of style sheet file */