/* Filename: Multi-Sim.css */

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

body.home { background-color: black; }

img.masthead { display: block;
               margin-left: auto; margin-right: auto; }

div.menucolumn { float: left; width: 25%; margin-top: 100px;
                margin-left: 10px; background-color: black; }

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

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

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

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

img.center { display: block; margin-left: auto; margin-right: auto; }

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

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.rcolumnhome { float: left; width: 70%;
                 margin-top: 20px; padding-bottom: 3em;
                 background-image: url('mustang_silhouette.png');
                 background-repeat: no-repeat; background-size: 100%; }

p.textheadinghome { clear: both; font-family: arial; font-size: 150%;
                    font-weight: bold; color: white;
                    text-decoration: underline; margin-left: 2em; }

p.textfieldhome { clear: both; font-family: arial; font-weight: bold;
                  line-height: 120%; margin-left: 5em; margin-right: 5em;
                  text-align: justify; color: white; }

ul.centeredhome { margin-left: 5em; margin-right: auto;
                 font-family: arial; color: white; font-weight: bold;
                 line-height: 200%; }



/* Class definitions for the "about" page */

div.rcolumnabout { float: left; width: 70%;
                  margin-top: 20px; padding-bottom: 3em;
                  background-image: url('about/black_sr-71.png');
                  background-repeat: no-repeat; background-size: 100%; }

p.textheadingabout { clear: both; font-size: 150%;
                    font-weight: bold; color: white;
                    text-decoration: underline; margin-left: 2em; }

/* Class definitions for the "demo" page */

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

p.mainheadingdemo { clear: both; font-size: 150%; font-weight: bold;
                   text-decoration: underline; margin-left: 2em; }

p.textheadingdemo { clear: both; font-size: 125%; font-weight: bold;
                    text-decoration: underline; margin-left: 4em; }

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

ul.centereddemo { margin-left: 5em; margin-right: 5em; line-height: 150%; }

ol.centereddemo { margin-left: 5em; margin-right: 5em; line-height: 150%; }

img.demoicon { clear: both; float: left;
               margin-top: 20px; margin-bottom: 40px;
               margin-left: 300px; margin-right: 1em; }

p.demoiconlabel { margin-top: 57px; font-size: medium; }


/* Class definitions for the "validation" page */

div.right { clear: both; float: right; width: 50%; }

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

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

div.rcolumncontact { float: left; width: 70%; height: 600px;
                  margin-top: 20px; padding-bottom: 3em;
                  background-image: url('contact/cessna_195.png');
                  background-repeat: no-repeat; background-size: 100%; }