/* 
Spanish rules to overwrite the defaults.  Make sure to use body.spanish at the start of rules, this should avoid the need for excessive !important rules.
*/

body.spanish {}

body.spanish #navChange {
  background: url(/page/-/wrapper/img/nav3_esp.png) no-repeat; 
} 

body.spanish #navChange a {
	background: url(/page/-/wrapper/img/nav3_esp.png) no-repeat 0 0;
}

/*--- Default ---*/
body.spanish #nav-home a { background-position: 0 0; width: 53px;}
body.spanish #nav-newsroom a { background-position: -53px 0; width: 95px; }
body.spanish #nav-blog a { background-position: -149px 0; width: 55px; }
body.spanish #nav-learn a { background-position: -204px 0; width: 73px; }
body.spanish #nav-agenda a { background-position: -277px 0; width: 57px; }
body.spanish #nav-moment a { background-position: -334px 0; width: 134px; }
body.spanish #nav-serves a { background-position: -468px 0; width: 93px; }
body.spanish #nav-workforce a { background-position: -561px 0; width: 67px; }
body.spanish #nav-about a { background-position: -628px 0; width: 123px; }
body.spanish #nav #nav-filler a { background: #fff url(http://www.barackobama.com/images/nav_filler.jpg) repeat-x 0 0; width: 217px; }
    
/*--- Hovering ---*/
body.spanish #nav-home a:hover { background-position: 0 -43px; width: 53px;}
body.spanish #nav-newsroom a:hover { background-position: -53px -43px; width: 95px; }
body.spanish #nav-blog a:hover { background-position: -149px -43px; width: 55px; }
body.spanish #nav-learn a:hover { background-position: -204px -43px; width: 73px; }
body.spanish #nav-agenda a:hover { background-position: -277px -43px; width: 140px; }
body.spanish #nav-moment a:hover { background-position: -334px -43px; width: 134px; }
body.spanish #nav-serves a:hover { background-position: -468px -43px; width: 93px; }
body.spanish #nav-workforce a:hover { background-position: -561px -43px; width: 67px; }
body.spanish #nav-about a:hover { background-position: -628px -43px; width: 123px; }


	
/*--- Dropdowns ---*/
body.spanish #navChange li.over ul { left: 0; display: block;}
body.spanish #navChange li li {
  float: none; 
  position: static; 
  padding: 0px 5px;
  width: 190px;
}

body.spanish #navChange li li a, #navChange li li a:hover, #navChange li li a:active {
  background: none;
  height: auto;
  padding: 4px 7px;
  text-indent: 0;
  font-size: 12px; 
  width: 176px;
}

body.spanish #navChange li li a:hover { background: #eee; }

body.spanish #navChange li ul {
  background: #fff url(/page/-/wrapper/img/bg_dropdown.jpg) repeat-x;
  border-bottom: 1px solid #ccc;
  display: none;
  line-height: 1.5;
  padding: 5px 0;
  position: absolute;
  top: 43px;
  width: 200px;
  z-index: 9999;
}

body.spanish li#nav-agenda ul { line-height: 1.4; width: 400px; }
body.spanish li#nav-agenda ul  ul { background: none }
body.spanish li#nav-agenda ul li { width: 100%; }
body.spanish li#nav-agenda ul li li a, li#nav-agenda ul li li a:hover { width: 185px; }
body.spanish li#nav-agenda .col { font-size: 0.95em; float: left; }
body.spanish li#nav-agenda #firsticol { width: 42% }
body.spanish li#nav-agenda #secondicol { width: 42%; margin-left: 0px; }
body.spanish li#nav-agenda .col ul { border: 0; position: static; width: 100%; }
body.spanish li#nav-agenda .col ul li#bpfcpdf { margin-left: 0px !important; white-space: nowrap; }
body.spanish li#nav-agenda .col ul li#bpfcpdf img { margin: 0 -17px 0 0;  float: left;}
body.spanish #name li#nav-agenda ul { display: block; }

body.spanish #nav-search {position: absolute; right: 10px; top: 8px;}  
body.spanish #nav-search #keywords {width: 100px; background: #f0f0f0;}