/***********************************************/
/* Boeing Global import.css                            */
/***********************************************/
@import url(masthead.css);
@import url(login.css);
@import url(leftnav.css);
@import url(icons.css);
@import url(tables.css);
@import url(headings.css);
@import url(lists.css);
@import url(boeing_quicklink_styles.css);
@import url(boeing_image_styles.css);
@import url(boeing_banner_styles.css);
@import url(boeing_news_styles.css);
@import url(boeing_gallery_styles.css);
@import url(supplierintro.css);
@import url(boeingmedia.css);
@import url(boeing_bios_styles.css);
@import url(boeing_speech_styles.css);
@import url(widget.css);
@import url(video.css);

/***********************************************/
/* GLOBAL XHTML CSS tag styles                 */
/***********************************************/
/** {
margin: 0;
}*/
html, body {
 height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: -5px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	*margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF url(/images/bg.jpg) repeat;
	font-size: small;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}



/**** This rule will fix various miscellaneous issues in general IE7 CSS layouts. ****/

div {
  zoom:expression("100%");
}


img, body img {
	display:block;
	margin: 5px 10px 0px 0px;
		padding:0px 5px 0px 10px;
	border:0;
}


/******* hyperlink and anchor tag styles *******/

a:link{
	color: #0038A8;
	text-decoration: underline;
}

a:visited{
	color: #666666;
	text-decoration: underline;
}

a:hover{
	color: #000000;
	text-decoration: underline;
}
a:active{
	color: #0038A8;
	text-decoration: underline;
}

p {
	color: #000;
	margin: 0px 10px 0px 5px;
	padding: 5px 5px 5px 5px!important;
	line-height: 1.3em;
}


p a:link, p a:visited {
	text-decoration: underline;
	color: #0038A8;
}
p a:hover {
	text-decoration: underline;
	color: #666666;
}
p a:active {
	color: #0038A8;
	text-decoration: underline;
}
p img {
	float:left;
	margin: 5px 5px 0px 0px;
	display: inline;

	}
/*html>body p img {
	margin: 5px 5px 0px 0px;
	padding: 0px;
}*/

.img_alt,  p.img_alt {
	float:right;
	margin: 10px;
	padding: 0px;
	}
/* the following rule is recognized only by IE */	
* html body	.img_alt, * html body p.img_alt
  {
	padding: 10px 5px 5px 10px;
	margin: 10px 5px 10px 10px;
  }

.nopad, .nopad img, p img .nopad { padding:0!important;}
.minus5left, .minus5left img, p img .minus5left { padding-left:-5px!important; margin:0;}

/************* breadCrumb styles ***************/

#breadCrumb{
	margin: 0px;
	padding: 5px 0px 5px 25px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	background-color: #FFFFFF;
	color: #FFF;
	text-decoration: none;
	border-bottom:1px solid #ccd2d2;
	font-size: 10px;
	height: 18px;
	/*clear:both;*/
	}



#breadCrumb a:link, #breadCrumb a:visited {
	text-decoration: none;
	color: #777;
	display:none;
}

#breadCrumb a:active {
	text-decoration: none;
	color: #777;
	display:none;
}

#breadCrumb a:hover{
	color: #0038A8;
	text-decoration: underline;
	display:none;
}
#breadCrumb select option:hover {
    background-color: #FFF;
}
/***********************************************/
/* Begin Content area tag styles                 */
/***********************************************/
/************** pageName/Title styles ****************/

#pagecell1, #pagecellhome {
	position:relative;
	top: 0px;
	*top: 0px;
text-align: left;
	width: 980px;  /*IE 5.5, 6 ignores this*/
	/**width: 982px;*/
	margin: 0 auto;
	padding:0;
	background-color:#FFFFFF;
	border-left:1px #0038a6 solid;
	border-right:1px #0038a6 solid;
	min-height: 100%;/**/
height: auto !important;
height: 100%;

}

/*#pagecellhome {
	position:relative;
	top: 13px;

}*/
#page {
	position:relative;
	top: 96px;
text-align: left;
	width: 980px;  /*IE 5.5, 6 ignores this*/
	margin: 0 auto;	
	background-color: #ffffff;
}

  
#pageName {
	padding: 5px 0px 5px 10px;
	border-bottom:1px solid #ccd2d2;
	font: 125% Helvetica,Arial,sans-serif;
	color: #000000;
	margin:0;
	z-index: 125;
}
#pageName h2 {
font-size:100%;
margin:0;
padding:0;}

#pageName img {
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

#NoNavcontent {
	padding: 0px;
	margin:0px;
	*margin:-2px;
}

#content {
	/*position: relative;*/
	min-height:100%!important;
	margin: 0px 0px 0px 180px;
	*margin: 0px 0px 0px 177px;
	border-left: 1px solid #cccccc;
	background-color: #FFF;
	padding:0;
/*height:110%;
	
	*padding-bottom: 1000px;
*margin-bottom: -1000px;
*height: auto !important;*/
*height: 100%;
/**padding-bottom: 100px;*/
}

/* Fix's #container not clearing inner floats in firefox */
#content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html #content {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	zoom: 1;
}

/* Hides from IE-mac \*/
* html #content {
height: 100%;
}
/* End hide from IE-mac */




	
/*************** user powersheet XML styles (bold, italic, underline...) ***************/	
	
em {
	font-style: italic;

}	
.underline {
	text-decoration: underline;
}
.footnote {
	margin: 10px;
	padding: 10px 0px 10px 0px;
	line-height: 1.4em;
	font-size: 80%;	
	}
html>body .footnote {
	margin: 10px;
	padding: 0px;	
}
.footnote ul {
	list-style-type: disc;
	list-style-image: none;
}

.summary  {
	margin: 10px;
	padding: 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #F0F0F0;
	line-height: 1.4em;
	font-size: 80%;
	}	
html>body .summary {
	float:left;
}

.empl_boilerplate  {
	width:auto;
	margin: 10px;
	padding: 10px;
	border: 2px solid #cccccc;
	border-width: 1px 1px 1px 1px;
	background-color: #F0F0F0;
	line-height: 1.4em;
	font-size: 80%;
	clear:both;
	}
/* the following rule is recognized only by IE 	
* html body .empl_boilerplate, * html body .summary {
	width:100%;
}*/

p.empl_boilerplate  {
	align: center;
	text-align: center;
}

.summary p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
.summary ul {
	list-style-type: disc;
	list-style-image: none;
}

.summary h1, .summary h2, .summary h3 {	
	font-family: Verdana,Arial,sans-serif;
	color: #0038A8;
	padding: 5px 0px 0px 15px;
	margin: 0px;
}
.media_note {
	font-size: 80%;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}
.media_note a:link, .media_note a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #0038A8;
}
.media_note a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #999999;
}
.media_notered {
	font-size: 80%;
	color: #A32638;
	font-weight: bold;
}
.warning {
	/*color: #A32638;*/
	color: red;
	}
	
.highlight {
	background-color: #FFCC66;
}

p.lead_in {
	font-size:125%;
	color:#333333;
}	
	
.photo_credit, p.photo_credit {
	font-size: 90%;
	margin-top: 0px;
}

code, code p, pre, pre p {
	color:maroon;
	margin-left: 0px;
	font-family: monospace;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	font-size: 12px;
	}

code a:link, pre a:link {
	color: green;
}

code a:hover, pre a:hover {
	color: red;
}
pre {
	padding: 0px 0px 0px 10px;
	}

blockquote {
	/*font-style: italic;*/
	color:#333333;
	margin: 10px;
	padding: 0px;
	line-height: 1.4em;
	}

blockquote p {
	color:#333333;
}
blockquote ul li {
	color:#333333;
	list-style-type: disc;
	list-style-image: none;
}
blockquote li, blockquote li li {
	color:#333333;
	list-style-type: square;
	list-style-image: none;
}


/************** HOME PAGE ONLY styles *****************/

#home{
	position: absolute;
	top: 18px;
	left: -10px;
	height: 435px;
	width:auto;
	min-width: 580px;
	background-color: transparent;
}
div.clearhome {
    display: block; 
    height: 440px;
	margin: 0;
	padding: 0;
    visibility: hidden;
}
/*#products{
	height: 100%;
	width:auto;
	min-width: 1280px;
	background-color: #ffffff;
	background-image: url(http://www.boeing.com/images/productsbg.jpg);
	background-repeat: repeat;
	background-position: top-left;
}*/


/************** footer styles ****************/

#footer { position:relative;
bottom:-0px;
width: auto;
	border-top: 1px solid #cccccc;
	padding: 10px 0px 40px 0px;
	*padding: 10px 0px 20px 0px;
	margin:0 auto;	
	background-color: #FFFFFF;
	text-align: center;	
	clear: both;
	float:none;
}

/*#footer img{
	padding: 20px 4px 20px 0px;
	vertical-align: middle;
}

#footer h6{
 	font: bold 100%  Verdana,Helvetica,Arial,sans-serif;
	font-size: 10px;
	color: #BCBCBC;
 	margin: 0px;
 	padding: 10px;
}*/

.footer_home, .bottom_links{
	width: 948px;
	/**width: 950px;*/
	height: 17px;
		display: inline;
	float: left;
	position: relative;
	margin: 0px 15px 14px 15px;
	/**margin: 0px 15px 0px 15px;*/
	border: 1px solid #e7e7e7;
	overflow: hidden;
	padding: 5px 0;
	text-align: center;
}
.bottom_links p, .footer_home p { font-size:11px;
	padding: 0px 0 10px 0!important;
	color:#a5acb0;
	text-align: center;}

.footer_home a:active {color:#a5acb0;}
.footer_home a, .footer_home a:visited {color:#a5acb0; font-size:10px}
.bottom_links a, .footer_home a:hover {color:#0038A6;}



/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
	left: 50%;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/*************** block/layout styles ******************/

.layout {
	*width:auto; /*for ie*/
	height:100%;
	*height:.1%; /*for ie */
	border-bottom:1px dashed #ccd2d2;
	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
	}
	
html>body .layout {
	overflow: hidden;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}/**/


/*************** block/layout_alt (no divider line) styles ******************/

.layout_alt {
	*width:auto; /*for ie*/
	height:100%;
	*height:.1%;
	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
	}
	
html>body .layout_alt {
	overflow: hidden;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
/*.layout_alt:after { 
	content: "";
 	display: block; 
	height: 0; 
	clear: both; 
	}*/


/***********************************************/
/* Two Column Layout Divs for StartupBoeing  */
/***********************************************/ 

#columncontainer {
	overflow:hidden;
	  margin: 0;
  padding: 0;
}

#colleft {
	width:48%;
	*width: 46%;
	float:left;
	padding-right:5px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
height:100%;
		}

#colright {
	float:left;
	width: 49%;
	*width: 47%;
	height:100%;
	padding-right:5px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;

		}

/* Three Column Layout Divs for Gov't Ops  */

#threecolleft {
	width:32%;
	float:left;
	padding-right:5px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
height:100%;
		}

#threecolmiddle {
	width:32%;
	float:left;
	padding-right:5px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
height:100%;
		}

#threecolright {
	float:left;
	width: 32%;
	height:100%;
	padding-right:5px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;

		}

/***********************************************/
/* Three Column Layout Divs  */
/***********************************************/ 

#mainright {
	float:left;
	padding-bottom:10px;
	width: 31%;

		}
	
#maincenter {
		width:34%;
		float:left;
		padding: 0px 5px 10px 0px;
		border-left:1px solid #0038A8;
		border-right:1px solid #0038A8;
		}
	
#mainleft {
		width:33%;
		float:left;
		padding-bottom:10px;
		}
			
			
#mainleft ul, #maincenter ul, #mainright ul {
	font-weight: bold;
		}
#mainleft ul li, #maincenter ul li, #mainright ul li {
	font-weight: normal;
		}
				
* html body #mainright, * html body #maincenter, * html body #mainleft, * html body #mainright p, * html body #maincenter p, * html body #mainleft p, * html body #mainright a, * html body #maincenter a, * html body #mainleft a, * html body #mainleft ul, * html body #maincenter ul, * html body #mainright ul {
	font-size: 100%;
}

* html body #mainright h3, * html body #maincenter h3, * html body #mainleft h3, {
	font-size: 110%;
}

/* Tooltips (dynamic styles) */

.tooltip {
  display: block;
  font-size: smaller;
  left: 0;
  padding: 5px;
  position: absolute;
  text-decoration: none;
  top: 1.7em;
  width: 25em;
  background: #FFFFCC;
  border:dashed #999999 1px;
}


div.clear:after {
    font-size: 1px;
	line-height: 1px;
    content: "."; 
    display: block; 
    height: 1%;
	margin: 0;
	padding: 0;
    clear: both; 
    visibility: hidden;
}

/*div.clear {display: inline-table;}*/

*html div.clear {
    font-size: 1px;
	line-height: 1px;
    content: "."; 
    display: inline; 
    height: 1%;
	margin: 0;
	padding: 0;
    /*clear: both;*/ 
    visibility: hidden;
}

/**************** browser bug fixes ****************


div.clear:after {
    font-size: 1px;
	line-height: 1px;
    content: "."; 
    display: block; 
    height: 1%;
	margin: 0;
	padding: 0;
    clear: both; 
    visibility: hidden;
}

div.clear {display: inline-table;}

*html div.clear:after {
    font-size: 1px;
	line-height: 1px;
    content: "."; 
    display: block; 
    height: 1%;
	margin: 0;
	padding: 0;
    clear: both; 
    visibility: hidden;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clear:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}*/
/********************* end CSS **********************/