/* Filename: home.css */

/* ===  General class definitions for all pages  === */

body.common { background-color: teal; }

img.masthead { display: block; width: 900px;
               margin-left: auto; margin-right: auto;
               border-style: solid; border-color: black; border-width: thin; }

p.masthead { width: 900px; margin-left: auto; margin-right: auto;
                margin-top: 5px; padding-bottom: 15px;
                font-family: Arial; font-size: x-large; color: white;
                font-style: italic; text-decoration: underline; }

div.menucolumn { float: left; width: 25%; height: 618px;
                margin-left: 10px; padding-top: 2em;
                background-image: url('engineer paper image2.jpg');
                background-repeat: no-repeat; }

a.menu { display: block; font-family: Arial; color: black; margin-left: 5em; }

div.rcolumn { float: left; width: 70%; background-color: white;
             margin-left: 20px; padding-bottom: 3em; padding-top: 2em;
             border-style: solid; border-width: 1px; }

p.textheading { clear: both; font-size: medium; font-weight: bold;
                text-decoration: underline; margin-left: 5em; }

p.textfield { clear: both; font-size: medium; line-height: 130%; margin-left: 5em;
             margin-right: 5em; text-align: justify; }

p.narrowtextfield { clear: both; font-size: medium; line-height: 130%;
                    margin-left: 10em; margin-right: 10em; 
                    text-align: justify; }

img.header { clear: both; width: 20%; border-style: solid; border-width: thin; 
              border-color: black;
              margin-left: 5em; margin-top: 3em; margin-bottom: 0em; }

img.center { display: block; margin-left: auto; margin-right: auto;
             border-style: solid; border-width: thin; }

img.right { float: right; width: 50%; border-style: solid; border-width: thin; 
              border-color: black;
              margin-left: 1em; margin-right: 0; margin-top: 1em; margin-bottom: 1em; }

img.left { float: left; width: 50%; border-style: solid; border-width: thin; 
              border-color: black;
              margin-left: 0 ; margin-right: 1em; margin-top: 1em; margin-bottom: 1em; }

img.mright { float: right; width: 30%; border-style: solid; border-width: thin; 
              border-color: black;
              margin-left: 1em; margin-top: 1em; margin-bottom: 1em; }

img.mleft { float: left; width: 30%; border-style: solid; border-width: thin; 
              border-color: black;
              margin-right: 1em; margin-top: 1em; margin-bottom: 1em; }

img.sright { float: right; max-height: 300px; border-style: solid; border-width: thin; 
              border-color: black;
              margin-left: 1em; margin-top: 1em; margin-bottom: 1em; }

img.sleft { float: left; max-height: 300px; border-style: solid; border-width: thin; 
              border-color: black;
              margin-right: 1em; margin-top: 1em; margin-bottom: 1em; }

img.separator { clear: both; width: 70%; margin-left: 15%; margin-right: 15%;
                height: 7px; }

img.icon { clear: both; float: left; width: 40px;
           margin-right: 1em; margin-bottom: 1em; }

a.black { font-family: Arial; color: black; }

a.white { font-family: Arial; color: white; }

p.footer { clear: both; text-indent: 1em; background-color: teal;
               color: white; }


/* ===  Class definitions for the home page  === */

div.home { background-color: teal; }

div.homemastheadbox { width: 893px; height: 147px;
                     border-style: solid; border-color: teal; border-width: thick;
                     margin-left: auto; margin-right: auto; margin-bottom: 10px;
                     background-image: url('mach_number_figure.png');
                     background-repeat: no-repeat;
                     font-family: Arial; font-style: italic; text-indent: 30px; }

p.pagetitle { font-size: x-large; text-decoration: underline; 
              font-weight: bold; line-height: 0; padding-top: 10px; }

div.field { width: 497px; height: 618px;
           margin-left: auto; margin-right: auto; padding-top: 2em;
           background-image: url('engineer paper image2.jpg');
           background-repeat: no-repeat;
           font-family: Arial; text-indent: 5em; }

p.u { text-decoration: underline; }

p.bottom { position: absolute; top: 750px; font-size: small; }


/* ===  Class definitions for the resume page  === */

p.sectionheading { font-size: medium; text-align: center; font-weight: bold;
                  text-decoration: underline; line-height: 400%; }

p.summaryheading { font-size: medium; font-weight: bold; margin-left: 6em;
                   line-height: 0; }

ul.resume { margin-left: 7em; text-align: justify; margin-right: 5em; }

p.positionheading { font-size: medium; font-weight: bold; line-height: 20%;
                    margin-left: 3em; }

p.positiondesc { font-size: medium; line-height: 130%; margin-left: 5em;
                 margin-right: 5em; text-align: justify; }

/* ===  Class definitions for the contact page  === */

ol.centered { margin-left: 22em; margin-right: auto; }