/*****************************************************/
/* CSS Document                                      */
/* Main CSS layout for www.VoughtAircraft.com        */
/* Code by Keith Kubal, Lap Cat Studio               */
/*****************************************************/

/***********************************************/
/* page setup and layout sytles                */
/***********************************************/


body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	/*background-image: url(../images/bgBodyTopGrad.gif);*/
	background-position: top;
	background-repeat: repeat-x;
	text-align: center; /* hack to force IE5.x pc to center the wrapper div */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}

#wrapper{
	width: 952px;
	margin:0px auto 0px;
	padding: 0px;
	text-align: left; /* re-align the text to the left after the above "body" section hack */
	background: url(../images/bg-tgi_logo_large.jpg);
	background-repeat: no-repeat;
	background-position: 19px 500px;
}


/***********************************************/
/* #headder styles                             */
/***********************************************/

#headder{
	width: 100%;
	height: 106px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.imageHeadderLogo {
	margin: 25px 0px 0px 0px; /* use 50px for 40px high image, 30px for 60 px high image, 25 for 70 */
	padding: 0px;
	float: left;
	border: none;
}



.smLogosHeadder {        /* THIS IS THE TEST FOR THE LOGOS IN THE HEADDER */
	float: right;
	margin: 25px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.smLogosMiddle {        /* THIS IS THE TEST FOR THE LOGOS IN THE MIDDLE */
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}


/************** #topSearchForm styles ***********/

#topSearchForm {
	float: right;
	margin: 20px 0px 0px 0px; /* top 30, now 20 for Extended Search link */
	padding: 0px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
}

#topSearchForm a {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 9px;
	text-decoration: none;
	padding: 0px 0px;
}

#topSearchForm a:hover, a:focus {
	text-decoration: underline;
}

#topSearchForm form {
	margin: 0px;
	padding: 0px;
}

#topSearchForm input {
	vertical-align: top;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}


/************** #navTop styles *****************/

#navTop {
	float: right;
	margin: 23px 0px 0px 0px; /* 13px = 70 - 30 (top to search) - 17 (search button height) */
	padding: 0px;
	clear: right;
	width: 580px;
}

#navTop ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align:right;
}

#navTop ul li {
	display: inline;

}

#navTop ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #7F7F7F; /*was 999;*/
	font-size: 10px;
	text-decoration: none;
	padding: 2px 10px;
	border-right: 1px solid;
	text-transform: uppercase;
}

#navTop ul li a.last {
	padding-right: 0px;
	border-right: none;
}

#navTop ul li a.first {
	padding-left: 0px;
}

#navTop ul li a:hover, a:focus {
	text-decoration: underline;
	color: #990033;
}

/************** #navMain styles ****************/

#navMain {
	height: 30px; /* 30 grey + 5 orange bottom border = 35 total height */
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color:#FFF;
	font-weight: bolder;
	background-color: #999999; /*was #808285; */
	border-bottom: 5px solid #990033 /* was Vought orange = FF6633 */
}

.navMainText2 {
/* This styles the text in the level 2 navMain items */
/*	text-transform: uppercase;*/
}

/* Removes the AllWebMenus when the page is printed */
@media print {
TABLE.noprint, DIV.noprint {display:none} }
#wrapper #contentWrapper table tr td #contentRightColumn table tr td table {
	margin: 0px;
	padding-top: 0px;
}



/***********************************************/
/* #contentHome styles                         */
/***********************************************/


#bannerHome {
	height: 293px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/homeFlashBanner.jpg);
	background-repeat: no-repeat;
}

/************* #homeContentSpacer styles ********/

#homeContentSpacerTop {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 32px; /* holds the 32px space at the top of the content area */
}

#homeContentSpacerRight {
	width: 225px;
	height: 201px; /* holds the mininmum height for the content area 263 - 32 (top) - 30 (bottom) = 201 */
	float: right;
	position: relative;
	background-image: url(../images/PROMO_BACK3.png);
	background-position: center bottom;
	text-align: center;
	background-repeat: no-repeat;
}

#homeContentSpacerBottom {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 30px; /* holds the 30px space at the bottom of the content area */
	clear: both;
	position: relative;
}


/************* # contentHome styles ********/

#contentHome {
	width: 100%; /* content text fits in a 500px area */
	padding: 0px;
	margin-left: 0px;
/*	background-image: url(../images/bgContentHome.jpg);*/
	background-repeat: no-repeat;
	background-position: bottom left;
}
#rssLinkBox {
	width: 145px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 5px;
}
#rssLinkImage {
	width: 20px;
	height: 20px;
	float: right;
	margin-right: 40px;
}
#rssLinkImageInside {
	width: 20px;
	height: 20px;
	float: right;
}




#contentHome p {
	line-height: 16px;
	font-size: 11px;
	color: #555;
	padding-left: 40px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 412px;
}

#contentHome a{
	color: #999; /*was #555; */
	font-weight: bold;
	text-decoration: underline; /*was none; */
}

#contentHome a:hover, a:focus{
	color: #903;
	/*was 	text-decoration: underline; */
}

#contentHome h1, h2, h3, h4, h5, h6{
	font-size: 11px;
	color: #555;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 412px;
}

#contentHome h1{
	font-size: 12px;
	font-weight: bold;
	color: #990033; /* was Vought orange #F63 */
}

#contentHome h1 a{
	color: #990033; /* was Vought orange #F63 */
	font-weight: bolder;
	text-decoration: none;
}

#contentHome h1 a:hover, a:focus{
	text-decoration: underline;
}

#contentHome h2 {
	text-transform: uppercase;
	/*	font-variant: small-caps;   Just a different choice... */
	font-weight: bold;
	margin: 0px;
	padding-top: 10px;
	padding-right: 412px;
	padding-bottom: 0px;
	padding-left: 40px;
	color: #555;
}

#contentHome h2 a {
	font-weight: bolder;
	text-decoration: none;
}

#contentHome h2 a:hover, a:focus{
	text-decoration: underline;
}

#contentHome h3 {
	font-size: 10px;
	font-weight: bold;
	color: #990033; /* was Vought orange #F63 */
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 412px;
}

#contentHome h3 a {
	color: #990033; /* was Vought orange #F63 */
	font-weight: bolder;
	text-decoration: none;
}

#contentHome h3 a:hover, a:focus{
	text-decoration: underline;
}
#contentHome h4 {
	font-size: 11px;
	color: #777;
	padding-left: 5px;
	padding-right: 12px;
	font-weight: normal;
	line-height: 13px;
}
#contentHome h4 a {
	color: #777;
	font-weight: normal;
	text-decoration: none;
}
#contentHome h4 a:hover, a:focus {
	text-decoration: underline;
}




#homeSocialMedia {
	width: 190px;
	float: right;
	margin-right: 9px;
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: -11px;
}


/* the homePromo div was altered to create the #homeSocialMedia div and needs to be tweeked back into shape. */
#homePromo {
	float: none;
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#homePromo p {
	padding: 0px;
	margin: 0px;
	line-height: 16px;
	font-size: 11px;
	color: #777;
	margin-top: 0px;
	width: 100px; /* this is used to control the width of the column in case there is no 190px image */
}

#homePromo a {
	color: #777;
	text-decoration: none; /* removed underline - reinstate when gallery is in work! */
	font-weight: bold;
}

#homePromo a:hover, a:focus {
	text-decoration: none;
	 /* delete this complete line and the pointer finger will return! */
}

/***********************************************/
/* #content styles                             */
/***********************************************/


#banner {
	float: left;
	width: 952px;
	padding: 0px;
	margin: 0px;
}

#contentWrapper table {
	margin: 0px;
	padding: 0px;
	width: 100%;
/*	background-color: #FFF; was #BBD4E8; */
/*	background-image: url(../images/bgContent.jpg);
	background-position: top;
	background-repeat: repeat-x;*/
}

#contentWrapper table tr {
	margin: 0px;
	padding: 0px;
}

#contentWrapper table tr td {
	margin: 0px;
	padding: 0px;
}

/************* # contentLeftColumn styles ********/

#contentLeftColumn {
	/* total column width is 240px, usable space is 190px = 240 (width) - 20 (right pad) - 30 (left pad) */
	margin: 0px;
	padding: 0px 0px 0px 30px;
}

#contentLeftColumn p {
	line-height: 16px;
	font-size: 11px;
	color: #777;
	margin-top: 0px;
	width: 190px; /* this is used to control the width of the column in case there is no 190px image */
}

#contentLeftColumn a {
	color: #777; /* removed underline - reinstate when gallery is in work! */
	font-weight: bold;
	text-decoration: none;
}

#contentLeftColumn a:hover, a:focus {
	text-decoration: underline;	
	color: #990033;
}

#contentLeftColumn .smLogos {        /* THIS IS THE TEST FOR THE LOGOS IN THE LEFT COLUMN */
	/* total column width is 240px, usable space is 190px = 240 (width) - 20 (right pad) - 30 (left pad) */
	margin: 0px;
	padding: 0px 0px 0px 42px;
}

/************* # contentRightColumn styles ********/

#contentRightColumn {
	margin: 0px;
	padding: 0px 50px 0px 20px;
}

#contentRightColumn p {
	line-height: 16px;
	font-size: 11px;
	color: #555;
	margin-top: 0px;
}

#contentRightColumn a {
	color: #999; /*was #0361a9; */
	text-decoration: underline;
}

#contentRightColumn a:hover, a:focus {
	color: #990033;
}

#contentRightColumn a.specialLink {
	font-size: 9px;
	color: #999; /*was #0361a9; */
	font-weight: bolder;
	text-decoration: underline;	
}

#contentRightColumn a.specialLink:hover, a.specialLink:focus {
	color: #990033;
}

#contentRightColumn a.specialLinkSpaced {
	font-size: 9px;
	color: #999; /*was #0361a9; */
	font-weight: bolder;
	text-decoration: underline;
	margin-left: 50px;
}

#contentRightColumn a.specialLinkSpaced:hover, a.specialLinkSpaced:focus {
	color: #903;
}

#contentRightColumn h1, h2, h3, h4, h5, h6 {
	font-size: 11px;
	color: #999;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#contentRightColumn h1 {
	font-size: 11px;
	font-weight: bold;
	color: #990033; /* was Vought orange #F63 */
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

#contentRightColumn h1.h1GreyUppercase {
	font-size: 24px;
	font-weight: normal;
	color: #903; /*was #999; */
	text-transform: uppercase;
	padding-bottom: 14px;
}

#contentRightColumn h1 a {
	color: #999;
	font-weight: bolder;
	text-decoration: none;

}

#contentRightColumn h1 a:hover, a:focus {
	color: #903;
}

#contentRightColumn h2 {
	font-size: 14px;
	font-weight: bold;
	color: #0361a9;
	padding-top: 10px;
	padding-bottom: 5px;
}

#contentRightColumn h2 a {
	color: #999; /*was #0361a9; */
	font-weight: bolder;
	text-decoration: underline;
}

#contentRightColumn h2 a:hover, a:focus{
	text-decoration: underline;
}

#contentRightColumn ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: disc;
}


#contentRightColumn ul li {
	line-height: 16px;	/* good? */
	font-size: 11px;
	color: #555;
	padding-left: 6px;
	margin-left: 25px;
}

#contentRightColumn ul li a {
	color: #999; /*was #0361a9; */
	text-decoration: underline;
}

#contentRightColumn ul li a:hover, a:focus {
	color: #903;
}

#contentRightColumn ol {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: decimal;
}

#contentRightColumn ol li {
	line-height: 16px;	/* good? */
	font-size: 11px;
	color: #555;
	padding-left: 6px;
	margin-left: 25px;
}

#contentRightColumn ol li a {
	color: #999; /*was #0361a9; */
	text-decoration: underline;
}

#contentRightColumn ol li a:hover, a:focus {
	color: #903;
}

#contentRightColumn table {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: none;
	background-color: transparent;
}

#contentRightColumn table tr {
	margin: 0px;
	padding: 0px;
}

#contentRightColumn table tr td {
	margin: 0px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555; /* #0361a9; */
}

#contentRightColumn_PDF table tr  td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin-left: 20px;
	padding: 0px;
}

#conent_pdf_table {
	width: 310px;
	margin-left: 20px;
}

#conent_pdf_table p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#conent_pdf_table h2 {
	color: #FFF;
}

#conent_pdf_table a{
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

#conent_pdf_table a:hover, a:focus{
	text-decoration: underline;
}

/*****  employeePortalTable styles  *****/

#employeePortalTable table {
	margin: 0px;
	padding: 0px;
	width: 10%;
	table-layout: auto;
	background-image: none;
	background-color: transparent;
}

#employeePortalTable th {
	margin: 0px;
	padding: 5px;
	text-align: right;
	color: 777;
}

#employeePortalTable td{
	margin: 0px;
	padding: 5px;
	text-align: left;
}





.focus {
	color: #990033; /* was Vought orange #F63 */
	font-weight: bold;
}


.bioName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}
.bioTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #990033; /* was Vought orange #F63 */
	text-transform: uppercase;
}
.bioVaii {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}
.bioDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #81AED3;
	text-transform: uppercase;
	text-align: left;
}




.leaderName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

.leaderTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	line-height: 12px;
}




.textCapsOrange {
	text-transform: uppercase;
	color: #990033; /* was Vought orange #F63 */
}

.textCaps {
	text-transform: uppercase;
}

.imageSquare9x9 {
	margin: 0px;
	padding: 0px;
}

.image2ndSquare9x9 {
	margin: 0px 0px 0px 50px;
	padding: 0px;
}

.imageLeft {
	float: left;
	margin: 0px 20px 10px 0px;
}

.imageRight {
	float: right;
	margin: 0px 0px 10px 20px;
}

.clearit {
	clear: both;
	display: block;
}

hr {
	color: #0361a9;
	width: 100%;
	height: 2px;
}

.timelinedate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #666;
	padding-left: 11px;
	font-variant: normal;
	position: relative;
}

.timelinetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	padding-left: 0px;
	line-height: 14px;
	position: relative;
	left: 20px;
	width: 430px;
}
.timelinetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	left: 33px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	text-indent: 0px;
	display: block;
	text-align: left;
	letter-spacing: 0em;
	text-decoration: none;
	position:relative;
	left:20px;
	width: 430px;
	top: 1px;
}

/***********************************************/
/* Press Release styles                        */
/***********************************************/

#contentRightColumn h1.h1PressRel {
	font-size: 24px;
	font-weight: normal;
	color: #0361a9;
	text-transform: none;
	padding: 0px 5px 14px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#contentRightColumn h2.prSubHeading {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #0361a9;
	text-transform: none;
	padding: 0px 5px 14px 0px;
	margin: -10px 0px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.prAboutVought {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0361a9;
}

/****** navPressReleaseArchives styles    ******/

#navPressReleaseArchives {
/*	width: 576px; /* Changed to 576 = 582 - padding (3 + 3) */*/
	margin: 0px 0px 0px 0px; /* changed from -3,0,0,0 to 0px */
	padding: 0px;
	text-align: right;
/*	color: #999999;*/
	display: block;
}


#newsYearHeader {
	padding-left: 6px;	
	}

#navPressReleaseArchives ul{
	padding: 0px;
	margin: 0px;
}

#navPressReleaseArchives ul li{
	display: inline;
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
}

#navPressReleaseArchives ul li a{
/*	font-size: 80%;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #0361a9;
	text-decoration: none;
	padding: 1px 5px; /* changed from 5,5,5,4 to 3,5,3,4 */
} 

#navPressReleaseArchives ul li a:hover, a:focus{
/*	text-decoration: underline;*/
	color: #FFFFFF;
	background-color: #0361a9;
}

/*This controlls the look of the "current page"*/
body#PRpage2000 .nav_2000, 
body#PRpage2001 .nav_2001, 
body#PRpage2002 .nav_2002, 
body#PRpage2003 .nav_2003, 
body#PRpage2004 .nav_2004, 
body#PRpage2005 .nav_2005, 
body#PRpage2006 .nav_2006, 
body#PRpage2007 .nav_2007, 
body#PRpage2008 .nav_2008, 
body#PRpage2009 .nav_2009, 
body#PRpage2010 .nav_2010 { 
	background-color: #0361a9;
	color: #FFFFFF;
	font-weight: bold;
}



/***********************************************/
/* #footer styles                              */
/***********************************************/

#footer{
	padding: 16px 0px 0px 0px;
	margin: 0px;
	height: 53px;
	color: #7f7f7f; /*was #999*/
	border-top: 1px solid #CCC; /*was 12px solid #0361a9; */
	font-size: 10px;
	clear: both;
	text-transform: uppercase;
	font-weight: bold;
}

#footer a {
	color: #BFBFBF; /* #0361a9 was spec #069 */
	text-decoration: none;
}

#footer a:hover, a:focus{
/*	text-decoration: underline;*/
	color: #0f0f0f;
}

#footer .smLogosFooter {        /* THIS IS THE TEST FOR THE LOGOS IN THE FOOTER */
	float: right;
	margin: -33px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/***********************************************/

.printerFriendly {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	text-transform: none;
	line-height: 55px;
}
.sectionName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #0361a9;
	text-transform: uppercase;
}


#factlist ul{
	line-height: 2em;
}
table #factlist          li{
	line-height: 2em;
	list-style-type: none;
}
.promo_image {
	float: right;
	text-align: right;
	position: relative;
}

/* CSS for FROM HERE TO THERE */
.photoAndCredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 250px;
	margin-right: 14px;
	margin-bottom: 20px;
	color: #555;
	float: left;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #D5E3F0;
}
.style1 {color: #323E89}
.aboutStory {
	color: #777;
}
.addthis {
	float: right;
	margin-top: 10px;
	width: 200px;
}
.photoAndCreditRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 250px;
	margin-right: 14px;
	margin-bottom: 20px;
	color: #555;
	float: right;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #D5E3F0;
}
.award {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 200px;
	margin-right: 33px;
	margin-bottom: 20px;
	color: #555;
	float: left;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 24px;
	background-color: #D5E3F0;
	margin-left: 22px;
	border: 1px solid #FFF;
}
