/*Overall theme and background*/
body{background-color:#9DB8D5;background-image: url("../images/dataflow-bl.png");min-height: 800px;
  /* Center and scale the image nicely */
  background-position: center;background-repeat: no-repeat;background-size: cover;
  /* Needed to position the navbar */
  position: relative; border: 0px solid #0000;}
.c-bimg{background-image: url("../images/dataflow-bl.png");min-height: 800px;
  /* Center and scale the image nicely */
  background-position: center;background-repeat: no-repeat;background-size: cover;
  /* Needed to position the navbar */
  position: relative; border: 0px solid #0000;}
   
 /* Position the navbar container inside the image and list items */
    .c-navbox{ position: fixed; top:0;left:0; width: 100%;
               background-color:#9DB8D5 ;
               text-align: left;           
               padding:10px;font-size: 150%; 
                        display: inline-block}
               
    .cnav{overflow: hidden;background-color: transparent;}
    .cnav a {float: left;  color: black; text-align: center;padding: 14px 16px;text-decoration: none;
           font-size: 17px; }
    .cnav a:hover {background-color: #ddd;color: black;}

    .dropdown {float: left;overflow: hidden;}
    .dropdown .dropbtn {font-size: 16px;border: none; outline: none;color: inherit;padding: 14px 16px;
             background-color: inherit;font-family: inherit;margin: 0;}
    .dropdown-content {display: none;position: absolute; margin-top: 40px; background-color: lightsteelblue;
                       min-width: 160px;
                       box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
    .dropdown:hover .dropbtn {background-color: lightgrey;
                              padding: 12px 16px;
                              text-decoration: none;
                               display: block;}

    .dropdown-content a {float: none;color: black;padding: 12px 16px;
                         text-decoration: none;display: block;
                         text-align: left;}
    .dropdown-content a:hover { background-color: #ddd;}   
    .dropdown:hover .dropdown-content {display: block;}

/*content section */
    .c-phd{position:relative;top:70px;width:50%;background-color:darkgray;
          border-style: solid;padding: 10px;margin: auto;text-align: center; color: black; opacity: .95;
    box-shadow: 0 8px 6px -6px black;}
        
        .ctext{display:inline-block;top:60px;
               position:relative;
               width:90%;
               padding:10px;
               background-color:darkgray;
               opacity: .95;
               box-shadow: 0 8px 6px -6px black;
                border-style: solid;
                margin: 20px; text-align: center;
                        color:black; font-size: 20px;
                 text-decoration: none;}

/*put a series of boxes inside the ctext */
.box {overflow: auto;padding: 10px;  border: none; opacity: 10;
background-color: inherit; margin:0px; width: 95%; text-decoration: none; }
.topimg{margin-right: 20px;max-height: 200px}
.toptxt{float: left; text-align: justify;}

.float {display: inline-block; width: auto;height: auto;padding: 10px; margin: 10px;}
.tle {width: 250px;height: 150px; text-align: center; vertical-align: top;  background-color: #9DB8D5;
border: solid black; box-shadow: 0 8px 6px -6px black; }   

/*table formatting */   
table, th, td {border: 1px solid lightgrey;}
table{ }
th{font-weight:bold;}
                /*for the contact form */         
                div#tdiv {height: auto;width:auto; background-color: lightsteelblue; display: inline-block;
                box-shadow: 0 8px 6px -6px black;
                border-style: solid;
                margin: 10px; text-align: left;
                color:black; text-align-last: left; font-size: 20px;
                overflow: auto ; text-decoration: none; }
            div#tdiv input,#msgbx{width: 400px; }
                        div#tdiv label {width:90px; font-weight: bold;  display: inline-block; float: left; color:  slategray }

 div#ovrtext{display:flex;   width: auto;}
/*footer section */
  div#footer {position: fixed;left: 0;bottom: 0;width: 100%;background-color: black;
              text-align: justify;           text-align-last: center; }
  div#footer a{color:#9DB8D5;margin-left: 100px; padding-left: 50px; font-size: 120%;}
/*Logo section - upper right */
  .smlogo {background-color: transparent;text-align: right;}
            .small{display: none}
            @media(max-width: 600px){.big{display:none}}
            @media(max-width: 600px){.small {display:inline}};