 /* CSS Document */




body {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
  background-color:#fff;
  text-align:center;
  height:100%;
  
 }


body a {

  font: 11px/10px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-weight:bold;
  color:#638e35;
  text-decoration:none;
  
}

body a:hover {
  text-decoration:underline;
  color:#003399;

}


#anchorbreak {

 margin-bottom:5px;

}

* html #anchorbreak {

margin-bottom:5px;
}

#gridbreak {

 padding-bottom:315px;

}

* html #gridbreak {

padding-bottom:16px;
}

#dataprodgridbreak {

 padding-bottom:405px;

}

* html #dataprodgridbreak {

padding-bottom:16px;
}

html>body, html>body #page {
  height:auto;
  width:auto;
}

#body_wrapper {
  position:relative;
  margin-bottom:auto;
  margin-top:auto;
  max-width:1124px;
  min-width:930px;
  width:expression(document.body.clientWidth < 950? "900px" : document.body.clientWidth > 1024? "1124px" : "1124px"); /* IE's version of min- and max-width */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  }
  
* html #body_wrapper {
    margin-left: 0px;
	text-align: center;
}

#header {
   position:absolute;
   width: 100%;
   background:#fff;
   left: 0px;
   height:175px;
   z-index:2;
   background-image:url(/images/es_header/head_right_edge.jpg);
   background-repeat:repeat-y;
   background-position: right;


}

* html #header {
 position: absolute;
 left: 2px;
 width: 100%;
 margin-left:-2px;
}


* html #head_img {
 position: absolute;
}


#nav_wrapper {
 position:absolute;
 top: 127px;
 left: 0px;
 width: 100%;
 margin-right: 3px;
 z-index:22;  
}



#page {
  left:1px;
  position:absolute;
  text-align:left;
  background-image:url(/images/es_header/content_left_edge.jpg);
  background-repeat:repeat-y;
  background-position: left;

}

#right_edge {
  position:relative;
  left: 7px;
  width: 100%;
  background-image:url(/images/es_header/head_right_edge.jpg);
  background-repeat:repeat-y;
  background-position: right;
}

#content {
  width:100%;
  padding-top:162px;
  margin-left: -4px;
  padding-bottom: 88px;
}

* html #content {
  padding-bottom: 0px;
  margin-bottom:-10px;
  }

* html #body_wrapper * html #page, * html #content   {
  height:100%;
}

* html #page {
  width:auto;
}	


#foot p {
  color:#111;
  font-size:12px;
  text-align:center;

}



#foot {  
  width: 99.1%;
  background-color:#ffffff;
}



* html #foot {
  width: 99.2%;
}

html>body #foot { /* anyone but IE */
  bottom:0;
  left:0;
  position:absolute;
}	


* html #footarrow { /* IE */
 top: -4px;
}
html>body #footarrow { /* anyone but IE */
 top: -4px;
}	

abbr {
  cursor: help;
}

#head, #foot {
  padding-bottom:0;
  padding-top:0;

}

#content p, #content h2, #content h3, #content h4, #content h5 {
  margin:13px 11px;
  padding-left: 8px;
}

#supporting, #related {
  font-size:90%;
}


.related_header {
  position:relative;
  left: 16px;
  background-color:#fff;
  padding-left:2px;

}

#infobackground {
margin-top:33px;
background: url(/images/es_global/leftborder.jpg) 0px 0% repeat-y #fff;
 
}

a img,:link img,:visited img { border:none ; }

.img_link_treatment {
 border:solid 1px #638e35;
}


#search {
  position: absolute; 
  top: 101px; 
  float:right; 
  right: 16px;
  font-size:11px; 
  font-family:Arial, Helvetica, sans-serif; 
  color:#660000; 
  z-index:21155;
}

* html #supporting, * html #related {
  overflow:hidden; /* keeps columns from getting pushed down when large font sizes cause words to exceed column width in IE6 */
}

#contentWrapper1,
#contentWrapper2,
#main, 
#related,
#whitespace
#supporting {
  background:transparent;
  min-height:100%;;
  z-index:15;
  
}

#contentWrapper1 {
  width:25%;
}

#contentWrapper2 {
  width:99.0%;
}

#main {
 position:relative;
 left: 0px;
  width:60.0%;
}

#whitespace {
  width:0%;
}

#main p.tagline {
  color:#ccc;
  font-size:1.2em;
  font-style:italic;
  text-align:center;
}

#supporting {
 position:relative;
 left: 0px;
}

#related {
  width:13%;

}
    
body.m-sr #contentWrapper1,
body.m-rs #contentWrapper1,
body.sr-m #contentWrapper1,
body.rs-m #contentWrapper1 {
  width:49.5%;
}
    
body.m-sr #contentWrapper2,
body.m-rs #contentWrapper2,
body.sr-m #contentWrapper2,
body.rs-m #contentWrapper2 {
  width:49.5%;
}
    
body.m-sr #main,
body.m-rs #main,
body.sr-m #main,
body.rs-m #main {
  width:99.5%;
}
    
body.m-sr #supporting, body.m-sr #related,
body.m-rs #supporting, body.m-rs #related,
body.sr-m #supporting, body.sr-m #related,
body.rs-m #supporting, body.rs-m #related {
  width:49.5%;
}
    
body.r-sm #related,
body.r-ms #related,
body.sm-r #related,
body.ms-r #related {
  width:99.0%;
}
    
body.s-rm #supporting,
body.s-mr #supporting,
body.rm-s #supporting,
body.mr-s #supporting {
  width:99.0%;
}
    
body.m-sr #contentWrapper1,
body.m-rs #contentWrapper1,
body.s-mr #contentWrapper1,
body.s-rm #contentWrapper1,
body.r-ms #contentWrapper1,
body.r-sm #contentWrapper1 {
  float:left;
}

body.sr-m #contentWrapper1,
body.rs-m #contentWrapper1,
body.mr-s #contentWrapper1,
body.rm-s #contentWrapper1,
body.ms-r #contentWrapper1,
body.sm-r #contentWrapper1 {
  float:right;
}

body.m-sr #contentWrapper2,
body.m-rs #contentWrapper2,
body.s-mr #contentWrapper2,
body.s-rm #contentWrapper2,
body.r-ms #contentWrapper2,
body.r-sm #contentWrapper2 {
  float:right;
}

body.sr-m #contentWrapper2,
body.rs-m #contentWrapper2,
body.mr-s #contentWrapper2,
body.rm-s #contentWrapper2,
body.ms-r #contentWrapper2,
body.sm-r #contentWrapper2 {
  float:left;
}

body.s-mr #main,
body.r-ms #main,
body.mr-s #main,
body.ms-r #main {
  float:left;
}

body.s-rm #main,
body.r-sm #main,
body.rm-s #main,
body.sm-r #main {
  float:right;
}

body.m-sr #related,
body.s-mr #related,
body.sr-m #related,
body.mr-s #related {
  float:right;
}

body.m-rs #related,
body.s-rm #related,
body.rs-m #related,
body.rm-s #related {
  float:left;
}

body.m-sr #supporting,
body.r-sm #supporting,
body.sr-m #supporting,
body.sm-r #supporting {
  float:left;
}

body.m-rs #supporting,
body.r-ms #supporting,
body.rs-m #supporting,
body.ms-r #supporting {
 float:right;
}

.hide, .filtered {display:none;}

.clear {
  clear:both;
  margin-bottom: -1px; /* for Gecko-based browsers */
  overflow:hidden;
  padding-bottom: 1px; /* for Gecko-based browsers */
}

.clearfix:after {
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



		.imgWrapRight {
			float:right;
			margin:10px;
			padding-left:4px;
			padding-bottom:1px;
	
		}
		
		
		.imgWrapLeft {
			float:left;
			margin:10px;
			padding-right:25px;
			padding-bottom:1px;
	
		}
		
* html .imgWrapRight { margin-bottom:22px; }
* html .imgWrapLeft { margin-bottom:22px; }

.mapTable {
		position: relative;
		top: 260px
   }

		
* html .mapTable { 

		position: relative;
		top: 260px
		

        }

