﻿* { padding: 0; margin: 0; }

/* 
Added or modified by NS 
Note that not all of the h1.* and h2.* may be in use.  
The various h1.* and h2.* had background images which have now been removed.
*/

body    { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  background: #2B2C3E; text-align: center; padding: 0;  margin: 0;
          background: #2B2C3E url(images/ASFT_Background.jpg) repeat 50% 0; background-attachment: fixed; }

ol      { margin-left: 20px;}

h1      { color: #2B2C3E; font-size: 18px; padding: 0px 0px 20px 0px;}
h1.line { color: #2B2C3E; font-size: 18px; padding: 30px 0px 20px 0px; border-bottom: solid 1px black;}
h1.a1   { background-position: top left;  background-repeat: no-repeat; }
h1.a2   { background-position: top left;  background-repeat: no-repeat; }
h1.a3   { background-position: top left;  background-repeat: no-repeat; }
h1.a4   { background-position: top left;  background-repeat: no-repeat; }
h1.a5   { background-position: top left;  background-repeat: no-repeat; }
h1.a6   { background-position: top left;  background-repeat: no-repeat; }
h1.a7   { background-position: top left;  background-repeat: no-repeat; }


h2      { color: #821818; font-size: 16px; padding: 20px 0px 10px 0px;}
h2.a1   { background-position: top left;  background-repeat: no-repeat; }
h2.a2   { background-position: top left;  background-repeat: no-repeat; }
h2.a3   { background-position: top left;  background-repeat: no-repeat; }
h2.a4   { background-position: top left;  background-repeat: no-repeat; }
h2.a5   { background-position: top left;  background-repeat: no-repeat; }
h2.a6   { background-position: top left;  background-repeat: no-repeat; }

h2.SE   { color: #821818; font-size: 16px; padding: 10px 0px 2px 0px;}

h3      { color: #2B2C3E; font-size: 14px; padding: 20px 0px 0px 0px;}

h1.sitemap   { font-size: 16px; color: #2B2C3E; padding: 15px 0px 5px 0px;}
h2.sitemap   { font-size: 16px; color: #2B2C3E; padding: 15px 0px 5px 30px;}
h3.sitemap   { font-size: 14px; color: #2B2C3E; padding: 5px 0px 5px 60px;}
h4.sitemap   { font-size: 12px; color: #2B2C3E; padding: 5px 0px 5px 90px;}

/* Test frames */
img.frame1, img.frame2, img.frame3, img.frame4, img.frame5 { background-repeat: no-repeat; width: 400px; height: 400px; padding: 30px;}
img.frame1   { background-image: url('images/frames/ASFT_Frames1.jpg'); }
img.frame2   { background-image: url('images/frames/ASFT_Frames2.jpg'); }
img.frame3   { background-image: url('images/frames/ASFT_Frames3.jpg'); }
img.frame4   { background-image: url('images/frames/ASFT_Frames4.jpg'); }
img.frame5   { background-image: url('images/frames/ASFT_Frames5.png'); }
img.thumb    { margin: 1px; }

#centerlink1 a.small_link { color:#FFFFFF; font-size:8pt;}
#centerlink2 a.small_link { color:#7C7C58; font-size:8pt;}
#centerlink3 a.small_link { color:#FFFFFF; font-size:8pt;}
#centerlink4 a.small_link { color:#FFFFFF; font-size:8pt;}


.emphasis       	{ color: #8c150f; font-weight: bold;}
.emphasis2       	{ color: black; font-weight: bold; font-size: 14px;  }
.emphasis3       	{ color: black; font-weight: bold; }
.beigebox       	{ background-color: #FFFFCC; padding: 10px; float: right;}
.bluebox       		{ background-color: #CCFFFF; padding: 20px; float: left; margin: 30px 0px 30px 0px ;}
.columnleft       	{ width: 400px; float: left;}
.columnright       	{ width: 400px; float: right;}
ul.indent1					{padding-left: 20px;}
ul.indent2					{padding-left: 40px;}

.heading		{ color: black; font-weight: bold;}

.bottomlinks    { color: blue; font-weight: bold; }
.bold           { text-decoration: bold; padding: 20px 0px 10px 0px; color: black; font-family: verdana; font-size: 12pt; font-weight: bold; }

.column1        { color: #000;  padding: 15px 5px 25px 45px; float: left;  width: 45%; font-size: 12px; text-align: justify; }
.column2_image  { color: #000;  padding: 15px 5px 25px 15px; float: right; width: 45%; font-size: 12px; text-align: center; }
.clear_across   { clear: both;}

a.small_link    { font-size: 8px;}
.small_link     { font-size: 8px;}


/* Added by BK */

img {
 border: 0px;
 padding: 0px;
}
a:link {
 color: #6F6F6F; 
}
a:visited {
 color: #2B2C3E; 
}
a:hover {
 color: #8C150F;
 text-decoration: underline;
}

h4 {
 color: #8C150F;
 font-size: 16px;
 padding: 0px 0px 15px 0px;
}

/* Main Columns */
#wrapper { 
 margin: 0 auto;
 min-height: 10em;
 width: 965px;
 text-align: justify;
 background: #2B2C3E;
}
#wrappervideo { 
 margin: 0 auto;
 min-height: 10em;
 width: 422px;
 text-align: justify;
 background: #2B2C3E;
}
* html #wrapper { /*IE hack */
 min-height: 10em;
}
#leftcolumn {  
 margin: 0px;
 padding: 0px;
 height: 100%;
 width: 10px;
 float: left;
}
#centercolumn { 
 float: left;
 color: #000; 
 background: #FFF;
 margin: 0px;
 padding: 0px;
 height: 100%;
 width: 964px;
 display: inline;
}
#centercolumnvideo{ 
 float: left;
 color: #000; 
 background: #FFF;
 margin: 0px 0px 0px 5px;
 padding: 0px; 
 height: 100%; 
 display: inline;
}
.video{
 width: 390px; 
 padding-left: 5px; 
 background: white; 
 text-align: center;
}
#rightcolumn {   
 margin: 0px;
 padding: 0px;
 height: 100%;
 width: 10px;
 float: left; 
}
#imgwrap { 
 height: 248px
}

/* Header */
#header {  
 margin: 0px 0px 0px 0px; 
 border: 0px;
}
#headermain {  
 margin: 0px 0px 0px 0px;
 padding-bottom: 1px; 
 border: 0px;
 width: 100%; 
 background: #FFF;
}
#headerspacer{  
 height: 3px; 
 background: #FFF; 
}

/* Center Home Section */

    /* Added by NS for home page */
    #navmenuwrap    {position: relative; z-index: 999}  /* This allows the menus to display over the Flash */
    #Flashwrap      {position: relative; z-index: 0; float: left;padding: 0px 0px 0px 0px; }  /* This allows the menus to display over the Flash */
    #Newswrap       {position: relative; z-index: 0; float: right; padding: 0px 0px 0px 20px; }  /* This allows the menus to display over the Flash */
    /* !!!!!!!!!! - Note that some of thesse same styles are used further below!!!!!!!!!!! */

#navwrap {  
 margin: 0px 0px 0px 0px;
 height: 350px;
 background: #FFF;
 /* background-image: url('images/navimage1.jpg'); */
 background-position: top left;
 background-repeat: no-repeat;
 z-index: 1;
 clear:both;
}
#navheader {  
 background-image: url('images/ASFT_Nav.jpg') ; 
 height: 20px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 45px; 
}
#navheadertrans {
 background: #FFF;
 height: 20px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px; 

/*
 filter: alpha(opacity=99);
 -moz-opacity: 0.99;
 opacity: 0.99; 
  filter: alpha(opacity=75);
 -moz-opacity: 0.75;
 opacity: 0.75; 
*/
}
#navcontent {
 color: #000;
 font-size: 12px;
 position: relative; 
 margin: 0px 0px 0px 0px;
 text-align: right;
 float: right;
 margin: 30px 20px 0px 0px;
 width: 350px;  
}
#navcontent  ul{  
 margin: 0px auto; 
 padding: 0px;
 width: 450px;
 position: relative;
}

#navcontent  li{
 list-style: none;
 padding-bottom: 10px;
}
#navcontent  li a{ 
 background-image: url('images/big_arrow.gif');
 background-position: top right;
 background-repeat: no-repeat;  
 padding: 8px 40px 0px 0px;
 height: 30px;
 display: block;
 color: #000; 
 text-decoration: none;  
}
#navcontent li a:hover{
 text-decoration: none;
 background-image: url('images/big_arrow.gif');
 background-position: top right;
 background-repeat: no-repeat;  
 padding: 8px 40px 0px 0px;
}
#navcontent li a:visited{
 text-decoration: none;
}

/* Center Links on Home */
#centerlinks {  
 color: #FFF; 
 background: #F2F2E6;
 margin: 0px 0px 0px 0px; 
 height: 186px;
 clear:both;
}
#centerlinksheader {   
 background: #FFF;
 margin: 0px 0px 0px 0px; 
 border: 0px;
 padding: 0px;
 width: 964px;
 height: 22px; 
}
#centerlinksbase {
 background: #FFF;
 margin: 0px 0px 0px 0px; 
 border: 0px;
 padding: 0px;
 width: 964px; 
}
.centerblockwrapper{
 margin: 0px;  
 width: 241px;
 height: 164px;
 float: left; 
}
.centerblockwrapper a{   
 color: #FFF;
 font-size: 15px; 
}
.centerblockwrapper a:hover {   
 color: #FFF;
 font-size: 15px; 
}
.centerblockwrapper li {
 list-style: none; 
}
.centerblock {    
 height: 100%;
 width: 241px; 
}
.centerlink {    
 height: 139px;
 text-align: justify; 
 display: none; 
 color: #FFF; 
}
.centerlink p {  
}
#centerlink1 {
 color: #FFF; 
 background: #7FB373;
 padding: 23px 0px 0px 50px; 
}
#centerlink2 {  
 color: #FFF; 
 background: #DCE29A;
 padding: 23px 0px 0px 60px; 
}
#centerlink3 {  
 color: #FFF; 
 background: #794180;
 padding: 23px 0px 0px 60px; 
}
#centerlink4 {
 color: #FFF; 
 background: #35769C;
 padding: 23px 0px 0px 60px; 
}
#centerlink1  a{
 color: #FFF;
}
#centerlink2  a{
 color: #FFF;
}
#centerlink3  a{
 color: #FFF;
}
#centerlink4  a{
 color: #FFF;
}

/* Bottom Section on Home */
#bottomcontent {  
 color: #333; 
 margin: 0px 0px 0px 0px; 
 height: 250px;
}
#bottomsplitleft {   
 padding: 0px;
 height: 100px;
 width: 500px;
 float: left;
 clear: both;
}
#bottomsplitleft  p {  
 color: #000; 
 padding: 25px 20px 20px 25px; 
}
#bottomsplit {  
 color: #333; 
 background: #FFF; 
 font-size: 12px;
 padding: 0px;
 background-position: 700px 20px;
 background-repeat: no-repeat; 
 width: 100%; 
 float: left;
}
#bottomsplit  span{  
 width: 400px;
}
#bottomsplit  p{  
 color: #000; 
 width: 400px; 
 padding: 25px 30px 20px 25px; 
}
#bottomsplitlower{ 
 height: 50px; 
 clear: both;
 text-align: center; 
}
#bottomsplitlower p{  
 text-align: right;
 width: 930px;
 padding: 0px 0px 0px 0px;
}
#bottomsplitlower #bottom{  
 text-align: center; 
 width: 100%;
 padding: 0px 0px 0px 0px;
}
#bottomsplitfoot{
 clear: both;
}
#bottomsplitfootL{
 clear: both;
 float: left;
 background-image: url('images/bottom_left.jpg');  
 background-position: bottom left;
 background-repeat: no-repeat;
 width: 15px;
 height: 25px; 
 z-index: 2;
}
#bottomsplitfootR{  
 float: right;
 background-image: url('images/bottom_right.jpg'); 
 background-repeat: no-repeat; 
 background-position: bottom right;
 width: 15px;
 height: 25px; 
}

/* Page Content */
#navmenuwrap
{position: relative; z-index: 999} /* This allows the menus to display over the Flash */ 
/* This allows the menus to display over the Flash */
/* Backups by NS

#Flashwrap
{position: relative; z-index: -10; float: right;} 
#Newswrap
{position: relative; z-index: 1; float: left; width: 350px; margin: 15px; font-size: 14px;} 
*/

#Flashwrap {position: relative; z-index: 1; float: left; padding: 0 0 0 2px;} /* This allows the menus to display over the Flash */ 
#Newswrap  {position: relative; z-index: 1; float: left; width: 200px; margin: 10px; font-size: 12px;line-height: 12pt;} /* This allows the menus to display over the Flash */
#Newswrap2 {position: relative; z-index: 1; float: right; width: 200px; margin: 10px; font-size: 12px;line-height: 12pt;} /* This allows the menus to display over the Flash */


#pagecontentwrap { 
 margin: 0px 0px 0px 0px;
 text-align: center; 
 clear: both;
 width: 910px;
}
#pagecontentcolumn1 {
 color: #000; 
 padding: 15px 5px 25px 45px;
 float: left;
 width: 45%;
 font-size: 12px;
 text-align: justify; 
}
#pagecontentcolumn1  p{ 
 padding: 10px 0px 0px 0px; 
}
#pagecontentcolumn1  ul{ 
 padding: 0px 0px 0px 15px; 
}
#pagecontentcolumn1  ul.nobullet{ 
 list-style-type: none;
 margin: -15px; 
}
#pagecontentcolumn1  ul.nobullet li{  
 padding-bottom: 5px; 
}
#pagecontentcolumn2 {
 color: #000; 
 padding: 15px 5px 25px 15px;
 float: left;
 width: 45%;
 font-size: 12px;
 text-align:justify;
}
#pagecontentcolumn2.center { 
 text-align: center;
}
#pagecontentcolumn2  p{ 
 padding: 10px 0px 0px 0px; 
}
#pagecontentsingle {
 color: #000; 
 padding: 15px 15px 45px 45px; 
 width: 90%;
 text-align:justify;
  font-size: 12px; 
}
#pagecontentinner { 
 width: 800px;
 padding: 10px 0px 0px 0px;
}
#pagecontentsingle  p{ 
 padding: 10px 0px 0px 0px;
}
#newscontentcolumn1 {
 color: #000; 
 padding: 0px 5px 0px 0px;
 line-height: 1.8;
 float: left;
 width: 40%; 
 text-align:justify; 
}
#newscontentcolumn2 { 
 padding: 0px 0px 0px 10px;
 line-height: 1.8;
 float: left;
 width: 40%;
 text-align: justify; 
}
#newscontent { 
 clear: both;
 width: 90%;
 line-height: 1.8;
 padding: 12px 0px 0px 0px;
}
.newslinks {
 padding: 5px 0px 5px 0px; 
}
.textleft {
 text-align: justify;
}
div .spacer {
 clear: both;
}
div .left {
 float: left;
}

/* Page Content By Page */
div .employment {
 width: 780px; 
}
div .employment  .headcell{ 
 background: #2B2C3E;
 width: 130px;
 height: 30px;
 text-align: center;
 float: left;
}
div .employment  .headcell2{ 
 background: #2B2C3E;
 width: 170px;
 height: 30px;
 text-align: center;
 float: left;
}
div .employment  .headcell3{ 
 background: #2B2C3E;
 width: 90px;
 height: 30px;
 text-align: center;
 float: left;
}

div .employment  .darkcell{ 
 background: #E1E2E6;
 width: 130px;
 height: 30px;
 text-align: center;
 float: left;
}
div .employment  .darkcell2{ 
 background: #E1E2E6;
 width: 170px;
 height: 30px;
 text-align: center;
 float: left;
}
div .employment  .darkcell3{ 
 background: #E1E2E6;
 width: 90px;
 height: 30px;
 text-align: center;
 float: left;
}

div .employment  .lightcell{  
 width: 130px;
 height: 30px;
 text-align: center;
 float: left;
}
div .employment  .description{  
 width: 170px;
 height: 30px;
 text-align: center;
 float: left;
}
div .employment  .narrowcell{  
 width: 90px;
 height: 30px;
 text-align: center;
 float: left;
}

div .employment  a {
 color: #6F6F6F;
 text-decoration: underline;
 cursor: pointer
}
#jobdetailsheader{ 
 text-align: center;
 background: #FFF; 
 padding-bottom: 5px;
}
#jobdetails{
 padding: 0px 5px 0px 5px;
 text-align: left;
 background: #FFF;
 font-size: 12px; 
 padding: 10px;
}
#jobdetails h1{ 
 text-align: justify; 
 font-size: 16pt; 
}
#jobdetails ul{
 padding: 3px 0px 3px 12px;
 margin: 3px;
 list-style-type:disc 
}
#jobdetails li{ 
 padding: 3px 0px 3px 0px;
}
#jobdetails ul li ul{
 padding: 3px 0px 3px 12px;
 margin: 3px;
 list-style-type:circle 
}
#jobdetails a{
 color: #6F6F6F;
 text-decoration: underline;
}

div .locations {
 padding: 0px 0px 0px 20px;
}
div .empresources img {
 padding: 0px 20px 20px 0px;
}
#locationmap { 
 padding: 15px 5px 25px 45px;
 float: left;
 width: 750px;
 text-align: justify; 
}
#locationdetail { 
 padding: 65px 0px 0px 0px;
 float: left;
 width: 150px;
 font-size: 12px;
 text-align: justify; 
}
/* Company Management Page */
img.frame11, img.frame12, img.frame13 { 
 background-repeat: no-repeat; width: 150px; height: 200px; padding: 30px;
} 
img.frame11 { 
 background-image: url('images/frames/Frames_Small1.gif'); 
} 
img.frame12 { 
 background-image: url('images/frames/Frames_Small2.gif'); 
} 
img.frame13 { 
 background-image: url('images/frames/Frames_Small3.gif'); 
} 

/* Table */
.gridwrap { 
}
div .gridrowhead {
 color: white;
 clear: both; 
 font-weight: bold; 
 width: 100%; 
 background: #2B2C3E;
}
div .gridrow { 
 clear: both;
 width: 100%;
}
div .gridcell {
 float: left;
 padding: 2px 4px 4px 2px; 
 width: 120px;
 text-align: center; 
}

/* Footer */ 
#footer {
 clear: both;
 color: #f1f0f0; 
 margin: 0px 0px 0px 0px; 
 padding: 5px 0 0 0;
 height: 25px;
 background: #2B2C3E !important; 
}
/*affects font*/
#footerleft {
 color: #f1f0f0; 
 margin: 0px 0px 0px 0px; 
 height: 15px; 
 float: left;
}
#footerleft span {
 padding: 0px 15px 0px 0px;
 font-size: 13px;
}
#footernav  {
 color: #f1f0f0; 
 margin: 0px 5px 0px 0px; 
 height: 15px; 
 float: right;
 font-size: 13px;
}
#footernav  span {
 padding: 0px 5px 0px 5px;  
}
#footernav  a {
 color: #f1f0f0;
 text-decoration: none; 
}
#footernav  a :hover{
 color: #f1f0f0; 
 text-decoration: underline;
}
#footernav  a :visited{
 color: #f1f0f0; 
}

/* Navigation  */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0 0px 0 0px;
  width: 912px; /*For KHTML*/  
  list-style: none;
  height: 20px;
}
ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0 0px 0 10px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
}
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 60px; 
  list-style: none;
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#navmenu ul li {
  width: 230px; /*Was 210x*/
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/  
}
ul#navmenu .short{
  width: 150px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

ul#navmenu .medium{
  width: 170px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}
ul#navmenu .veryshort{
  width: 120px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {  
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block; 
  color: #31394C;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  z-index: 199;
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #31394C;
  color: #FFF;
  z-index: 199;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #31394C;  
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
 background: #CCC;
 color: #31394C; 
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
 background: #EEE;
 color: #31394C;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
 background: #CCC;
 color: #31394C;
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
 background: #EEE;
 color: #31394C;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
 background: #CCC;
 color: #FFF;
}

/* Submenus */

ul#navmenu ul ul,
ul#navmenu ul ul ul {
 display: none;
 position: absolute;
 top: 0;
 left: 150px; /*Was 210x*/
}
ul#navmenu .shortUL { 
 left: 150px;  
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
 display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
 display: block;
}

    /* Sticky navigation on the Systems Engineering navigation */
    body#SE_DD1 a#SE_DD1, 
    body#SE_DD2 a#SE_DD2, 
    body#SE_DD3 a#SE_DD3, 
    body#SE_TP a#SE_TP, 
    body#SE_UIA a#SE_UIA, 
    body#SE_S a#SE_S, 
    body#SE_EM a#SE_EM, 
    body#SE_IAS a#SE_IAS, 
    body#SE_SE a#SE_SE, 
    body#SE_MS a#SE_MS
		{font-weight: bold;}
		
a.SE         {font-size: 8pt; padding: 0 0px 0 0px; height: 10px;border-bottom: dashed 0px gray; text-align: center; padding: 0 20px 0 0;
background-position: right;}
a.SE:link   {text-decoration: underline; padding: 0 20px 0 0;}
a.SE:visited{text-decoration:underline; padding: 0 20px 0 0;}
a.SE:hover  {text-decoration: underline; padding: 0 20px 0 0;}
a.SE:active {text-decoration: underline; padding: 0 20px 0 0;}

img.imgwrap  { float: right; margin: 10px; }
img.imgwrap2 { float: left;  margin: 10px; }

.liIndent	   { margin-left: 30px;}

a.white_link { color:#FFFFFF;}