/* Page selection */

#aboutus .nav-aboutus a,
#divisions .nav-divisions a,
#investors .nav-investors a,
#sustainable .nav-sustainable a,
#newsroom .nav-newsroom a
{
/* declarations to style the current state */
color:#90DCF0;
}

/* End Page selection */






/* Top Navigation Table Formatting */

#topnavigation {
width: 770px;
padding: 0;
margin: 0;
border: 0;
}

/* End Top Navigation Table Formatting */






/*Nav Bar Background*/
#navBar {
    width: 100%;
    background-color: #002478;
    border-bottom: 7px solid  #00A9D6;  
    padding: 18px 0 0 0;
    position: relative;
    margin-bottom: 16px;
}
/*left margin added to logo rather than nav bar, due to IE box model bug */
#logo{
    margin-left: 16px;
    border: 0;
}

/*End Nav Bar Background*/








/* Meta Navigation*/
#metaNav {      
    display: block;
    text-align:right;   
    width: auto;
}

#metaNav ul {   
    padding: 0;
    margin: 0; 
    color: #fff;        
    font-size: 0.7em;        
}

#metaNav ul li {display: inline; }

#metaNav ul li a {
    padding: 0 2em 0.3em 0 ;
    color: #fff;
    text-decoration: none;  
}

#metaNav ul li a:hover {color: #90DCF0;}

#metaNav a.selected {color: #90DCF0;}

/* End Meta Navigation*/





/* Elementis Websites Dropdown */

select#metaNavSites {
font-size: 0.7em; 
border: 1px;
border-color:#00A9D6;
border-style:solid;
}

/* End Elementis Websites Dropdown */






/* Top Navigation*/

ul#topNav {
   padding: 0;
    margin: 0 0 -7px 0; 
   width: auto; /*For KHTML*/
    list-style: none;  
    font-size: 0.7em;
    font-weight: bold;
    float: right;
    position: relative; 
    \*/ clear: both; /* mac block */
}

ul#topNav li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  z-index: 1;
}

ul#topNav li ul li{
display:block;


}

ul#topNav ul {
  margin: 0;  
  padding: 0;
  width: 150px;
  list-style: none;
  display: none;
  position: absolute;  
  top: 23px;
  left: 0;  
  font-size: 1em;
}



ul#topNav ul li {
width:100%;
display: block !important;
  display: inline; /*For IE*/  
background-color:#fff;
}



/* Root Menu */
ul#topNav a {
  border-right: 1px solid #FFF;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;  
  color: #08B4D8;
  text-decoration: none;
  border-bottom:1px solid #08B4D8;
  padding: 0 2em 10px 0.3em;
 background-image:  url("../images/spacer.gif");
 margin:0;

}

ul#topNav a li a{
}

/* Root Menu Hover Persistence */
ul#topNav a:hover,
ul#topNav li:hover a,
ul#topNav li.iehover a {
   color: #90DCF0;
}

/* 2nd Menu 
ul#topNav li:hover li a,
ul#topNav li.iehover li a {
  float: none;
  background: #00A8D0;
  color: #fff;
 display:block;
  border-right: none;
  padding: 3px;
margin:0;
  font-weight: normal;  
border-bottom:1px solid #fff;
position:relative;
z-index:3;
}

 2nd Menu Hover Persistence 
ul#topNav li:hover li a:hover,
ul#topNav li:hover li:hover a,
ul#topNav li.iehover li a:hover,
ul#topNav li.iehover li.iehover a {
  background: #002478;
  color: #FFF;
  margin:0;
border-bottom:1px solid #fff;
}

 Do Not Move - Must Come Before display:block for Gecko 
ul#topNav li:hover ul ul,
ul#topNav li:hover ul ul ul,
ul#topNav li.iehover ul ul,
ul#topNav li.iehover ul ul ul {
  display: none;
}

ul#topNav li:hover ul,
ul#topNav ul li:hover ul,
ul#topNav ul ul li:hover ul,
ul#topNav li.iehover ul,
ul#topNav ul li.iehover ul,
ul#topNav ul ul li.iehover ul {
  display: block;
}
*/
/* End Top Navigation */



 /*Side Navigation*/
#sideNav {
    width: 196px;
    margin:0;
    padding: 0;

}

#sideNav ul{
    width: 180px;
    margin:0 0 0 16px;
    padding: 0; 
    list-style-type: none;
    color: #006699;
    font-size: 0.7em;   
}

#sideNav li{
    margin: 0;
    padding: 0; 
}

#sideNav li a {
    background-image:  url("../images/sidenav.gif");
    display: block;
    text-decoration: none;
    padding:2px 2px 3px 15px;
    margin:0;
    vertical-align: top;
    width: 163px;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#00A9D6;
    
}

html>body #sideNav li a {
    width: auto;
}

#sideNav li a:hover{
    background-image:  url("../images/sidenav.gif");
    background-position: -180px 0;
    color: #C80060;
}

#sideNav a.sideNavSelected {
    background-image:  url("../images/sidenav.gif");
    background-position: -180px 0;
    color: #C80060;
}

ul#sideNavsub {
    width: 164px;
    padding: 0;
    margin: 15;
    font-size: 1em;
}

ul#sideNavsub li{
    margin: 0;
    padding: 0; 
}

ul#sideNavsub li a {
    width: 147px;
    background-image:  url("../images/sidenav.gif");
    text-decoration: none;
    vertical-align: top;
    display: block;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#00A9D6;    
    padding: 2px 2px 3px 15px;
}

ul#sideNavsub li a:hover{
    background-image:  url("../images/sidenav.gif");
    background-position: -180px 0;
    color: #C80060;
}


/*End Side Navigation*/



.footerWrapper{
    width: 770px;   
    
}



/*Back to Top*/

#backTop {
    width: 30px;
    float: right;   
    clear: both;    
    margin-bottom: 10px;
}

#backTop ul{    
    margin:0;
    padding: 0; 
    list-style-type: none;
    font-size: 0.7em;       
}


#backTop li{
    background-image:  url("../images/backtotop.gif");
    background-position: -100px 0;  
    margin: 0;
    padding: 0;     
    clear: both;
}

#backTop li a{
    background-image:  url("../images/backtotop.gif");
    display: block;
    text-decoration: none;
    padding:0 2px 0 11px;
    color: #006699; 
    vertical-align:top;
}


html>body #backTop li a {
    width: auto;
    }

#backTop li a:hover{
    background-image:  url("../images/backtotop.gif");
    background-position: -100px 0;
    color: #C80060;
}

#footerDivider{
    border-bottom: 1px solid  #00A9D6;
    margin-bottom: 10px;        
    clear: both;
}


/*End Back to Top*/






/* Footer Navigation*/
#footerNav ul{
    float: right;
    padding: 0;
    margin: 0 0 5px 0;
    clear: both;
    font-size: 0.7em;
    
}

#footerNav ul li {display: inline;}

#footerNav ul li a {
    padding: 0 0 0.3em 1em ;
    color: #006699;
    text-decoration: none;  
}

#footerNav ul li a:hover {color: #C80060;}

/* End Footer Navigation */