/*
 * USCIS.CSS
 * Implements DHS 'skin' - page header and top/left navigation styles.
 * Tread carefully, changing this file will affect ALL CRIS APPLICATIONS.
 */

body {
  margin: 0;
  padding: 0;
  /* this is a 1px wide gradient */
/*  background: #193855 url('../../images/branding/background.jpg') repeat-x; */
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size: 101%;
  font-weight:normal;
  line-height:1.1em;
  }

a {
  color: #003366;
}

/* Absolute positioning pulls this div out of page flow. Allows us to
  center the Liberty background image in a 'layer' between the BODY and
  CONTENT. */
#extraDiv {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 429px;
  background: #f3f3f3;
  }
/* Required for LT IE 7 */
#positioningDiv {
  position: absolute;
  width: 100%;
  }
  


#header, #navigation, #body {
  width: 1065px;
  margin: auto;
  }
  

#header {
  height: 104px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0;
  }
#header img {
  border: none;
  }


#header ul {
    left: 600px;
    top: 70px;
    list-style: none;
    
}

#header ul li {
  
  }
#header ul li a {
  text-decoration: none;
  }

#header form {
  position: absolute;
  left: 691px;
  top: 41px;
  width: 280px;
  padding: 0;
  margin: 0;
  }
#header form input {
  vertical-align: middle;
  }
#header form input#criteria {
  padding: 4px 2px;
  border: #ccc 1px solid;
  margin-bottom: 5px;
  width: auto; /* req'd to give a 'default' value and prevent other form styles from setting it. */
  }

#navigation {
  background: #036;
  border: 1px solid #999999;
  border-bottom: none;
  width: 983px;
  overflow: hidden; /* control spacing problem in FF */
  }
#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
#navigation ul li {
  float: left;
  display: block;
  text-transform: uppercase;
  width: 163px;
  text-align: center;
  }
#navigation ul li.last {
  width: 168px;
  }
#navigation ul li a {
  color: white;
  text-decoration: none;
  height: 100%;
  width: 100%;
  display: block;
  font-size: 1.5em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 10px 0;
  }
#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a:active {
  background: #FFF;
  color: #333;
  }

#menu {
  /* split right-padding with body */
  padding: 0px 5px 10px 0px;
  background: #FFFFFF;
  /* keep body from contracting */
  width: 221px;
  }
#menu div {
  background: url('../../images/branding/leftmenutopandsides.gif') no-repeat top left;
  margin: 10px 0px 10px 10px;
  padding: 0px;
  width: 211px;
  }
#menu div ul {
  padding: 2em 0;
  list-style-position: inside;
  color: #360;
  margin: 0;
  background: url('../../images/branding/leftmenubottom.gif') no-repeat bottom left;
  }
#menu li {
  margin: 0 1px; /* 1px to bring the edges inside the UL */
  padding: 0 0 0 11px;
  }
#menu li.sub {
  margin-left: 1em;
  }
#menu div ul li a {
  color: #227;
  text-decoration: none;
  }
#content {
  padding: 10px 10px 10px 5px;
  }

p#breadCrumb {
  margin-bottom: 10px;
  font-size: 9pt;
  }
  #body {
    border-top: 0;
    border-spacing: 0px;
    border-collapse: separate;
    background: #FFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  display: block;
  font-weight: bold;
  float: none;
  color: #285278;
}
h1 {
  font-size: 1.6em;
  margin-bottom: 0.7em;
  line-height: 1.3em;
  }
h2 {
  font-size: 1.4em;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}
h3 {
  font-size: 1em; margin-bottom: 0.3em
}

#menu div#ieForceHeight {
  min-height: 200px;
  background: none;
  }
/* IE Fixes */
#ieForceHeight {
  /*
   * IE6 and lower: The fixed height will emulate min-height when there's little
   * content but IE will (wrongly) override it when content expands.
   */
  height: auto !important;
  height: 200px;
  }