/*----------Layout----------*/

head{}

/* Navbar container */

.navbar {
   max-width:800px;
   margin:auto;
   background-color: #9ecbec}

.navbar {
    overflow: hidden;
    background-color: #9ecbec;
    font-family: Arial, Helvetica, sans-serif;}

/* Links inside the navbar */
.navbar a {
    float: left;
    font-size: 16px;
    border: solid 1px #ab7852;
    color: #ab7852;
    min-width: 157px;
    padding: 2px 0px;
    text-align: center;
    text-decoration: none;}

/* The dropdown container */
.dropdown {
    float: left;
    overflow: hidden;}

/* Dropdown button */
.dropdown .dropbtn {
    font-size: 16px;
    border: solid 1px #ab7852;
    color: #ab7852;
    min-width: 157px;
    padding: 2px 0px;
    background-color: #9ecbec;
    text-decoration: none;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */}

/* Add a background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: #7ececf; color: #ab7852;}

/* Dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #9ecbec;
    max-width: 170px;
    z-index: 1;}

/* Links inside the dropdown */
.dropdown-content a {
    float: none;
    font-size: 14px;
    color: #ab7852;
    padding: 2px 4px;
    text-decoration: none;
    display: block;
    text-align: left;}

/* Add a background color to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #9ecbec;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;} 

body{}

.screen
  {max-width:800px;
   margin:auto;
   background-color:#9ecbec}
   background-image:url('QCW_Logo.jpg');
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-position: 25% 90%;
   background-margin-top:20px }

.links
  {width:100%;
   height:25px;
   margin:auto;
   margin-top:10px;
   position:relative}

.header
  {width:100%;
   height:250px; /* was 101px */
   margin-top:0px;
   margin-bottom:0px}

.title
  {height:auto;
   width:100%;
   border-bottom:solid 1px black;}

.content
  {width:90%;
   height:auto;
   min-height:475px;
   margin:auto;}

.entry
  {padding:20px 0;
   border-bottom:solid 1px black;}

.footer
  {width:90%;
   min-height:15px;
   margin:auto;}

.logo
  {width:50%;
   height:79px;
   margin-left:25%;}

img.pic
  {float:right;
   margin-right:20px;
   margin-left:20px;
   border-left:solid 6px black;
   border-right:solid 6px black;
   border-top:solid 1px black;
   border-bottom:solid 1px black;}


img.UUT2                              { float:right; margin: 0px  0px 10px 10px; } /*0.148 aspect ratio */
img.UUT_IP                            { float:left;  margin: 0px 10px  0px  0px; } /*0.157 aspect ratio */
img.Fuel_Dots                         { float:right; margin: 0px  0px 10px  0px; } /*0.450 aspect ratio */
img.Continuously_Variable_Slope_Data  { float:left;  margin: 0px 10px  0px  0px; } /*0.450 aspect ratio */
img.Rod                               { float:left;  margin: 0px 10px  0px  0px; } /*0.824 aspect ratio */
img.Speed_Demonstrator                { float:left;  margin: 0px 10px  0px  0px; } /*0.440 aspect ratio */
img.Speed_Demonstrator_Data           { float:right; margin: 0px  0px  0px 10px; } /*0.860 aspect ratio */
img.Engine_Test                       { float:left;  margin: 0px 10px 10px  0px; } /*0.750 aspect ratio */
img.PoC_Injr_Heat_Rate_Shapes         { float:right; margin: 0px  0px 10px 10px; } /*0.460 aspect ratio */
img.Carnot                            { float:right; margin: 0px  0px 10px 10px; } /*1.375 aspect ratio */
img.Diesel                            { float:left;  margin: 0px 10px 10px  0px; } /*0.810 aspect ratio */
img.Coupling                          { float:left;  margin:10px  0px 10px  0px; } /*0.640 aspect ratio */
img.Periodic_Table                    { float:left;  margin:10px 10px  0px  0px; } /*0.680 aspect ratio */
img.Mag_vs_Temp                       { float:right; margin: 0px  0px 10px 10px; } /*1.243 aspect ratio */
img.Cause_Effect                      { float:left;  margin:10px 10px 20px  0px; } /*0.483 aspect ratio */
img.Loci_of_Temp_Limits               { float:left;  margin:10px 10px  0px  0px; } /*1.207 aspect ratio */
img.Ctl_Proof                         { float:left;  margin:10px 10px 20px  0px; } /*0.437 aspect ratio */
img.99Samples_Avgd                    { float:left;  margin:10px 10px 20px  0px; } /*0.437 aspect ratio */
img.99Samples_StdDev                  { float:left;  margin:10px 10px 20px  0px; } /*0.437 aspect ratio */

/*----------Formatting----------*/

body, p, h1, h2, h3, h4
  {font-family:arial,helvetica,sans-serif;
   color:black}

body {font-size:100%;
      font-weight:normal;
      margin:0;
      padding:0}
p    {font-size:0.875em;
      font-weight:normal;
      margin:0;
      padding:0}
h1   {font-size:1em;
      font-weight:bold;
      margin:0;
      padding:0}
h2   {font-size:0.9375em;
      font-weight:bold;
      margin:0;
      padding:0}
h3   {font-size:0.9375em;
      font-weight:normal;
      margin:0;
      padding:0}
h4   {font-size:0.75em;
      font-weight:normal;
      margin:0;
      padding:0}

/*----------Links----------*/

a
  {font-family:arial,helvetica,sans-serif;
   font-size:100%;
   text-decoration:underline;
   padding-left:0px;
   padding-bottom:0px;}

a:link    {color:#ab7852;}  /* 171/120/ 82 */
a:visited {color:#008080;}  /*   0/128/128 */
a:hover   {color:#cd9baa;}  /* 205/155/170 */
a:active  {color:#008080;}

.links a 
  {display:inline;}

/*----------Dropdown Navbar Menu----------*/