* {
   box-sizing: border-box;
   }
 
 .bodystyle
    {
    font-family:helvetica;
    color:black;
    background-color:#EDF5E1;  /* #8EE4AF; */   /* #EDF5E1; */  /* gray;  */  /*#BFC9CA;   gray; #FFFFFF;  */
    width:100%;
    text-align:center;
    font-size:small;
/*    background-image:url('http://www.stemopps.org/SantaFe3.jpg');  
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-size: 100%;  
*/
    }
   
/*
textarea 
    {
    display: inline-block;
    margin: 0;
    padding: .2em;
    width: auto;
    /* The max-width "100%" value fixes a weird issue where width is too wide by default and extends beyond 100% of the parent in some agents. */
    min-width:80%;
    max-width: 100%;
    /* Height "auto" will allow the text area to expand vertically in size with a horizontal scrollbar if pre-existing content is added to the box before rendering. Remove this if you want a pre-set height. Use "em" to match the font size set in the website. */
    height: auto;
    /* Use "em" to define the height based on the text size set in your website and the text rows in the box, not a static pixel value. */
    min-height: 10em;
    /* Do not use "border" in textareas unless you want to remove the 3D box most browsers assign and flatten the box design. */
    /*border: 1px solid black;*/
    cursor: text;
    /* Some textareas have a light gray background by default anyway. */
    background-color: #eee;
    /* Overflow "auto" allows the box to start with no scrollbars but add them as content fills the box. */
    overflow: auto;
    /* Resize creates a tab in the lower right corner of textarea for most modern browsers and allows users to resize the box manually. Note: Resize isn't supported by most older agents and IE. */
    resize: both;
    }
*/   

.red 
   {
   font-weight: normal;
   color: red;
   }
      
.green 
   {
   font-weight: bold;
   color: green;
   }

.responsiveImg
   {
   max-width: 100%;
   height: auto;
   }

.bnrstyle
   { 
   background-image:url('http://www.stemopps.org/logo2.png');    
   text-align:center;  
   border-color:red;
   border-radius:25px;
   }
   
.tabholder
   {
   width:100%;  
   height:40px;
   padding:0px;
   padding-top:10px;
   padding-left:10px;
   float:left;    
   background-color:#379683; 
   color:#EDF5E1;  
   }
   
.infolinkEmp
   {
   background-color:#379683;
   color:black;
   text-align:left;
   width:30%;
   height:30px;   
   float:left;
   font-size:small;   
   font-family:helvetica;   
   font-style:normal;
   padding-left:0px;
   padding-top:10px;   
   border-right:.01em solid #cccccc; 
   }   
   
.blockBox
   {
   }   
   
.imgWTxt2
   {
   padding: 70px 0;
   border: 3px solid blue;
   }  
   
.imgWTxt
   {
   display: flex;
   max-width:80%;     
/*   justify-content: center;  */
   align-items: center;
   height: 100px;
   font-size:large;
/*   border: 3px solid black;
   border-radius:5px;   */
   }   
   
.logo
   {
   display: flex;
//   max-width:80%;     
/*   justify-content: center;  */
   align-items: center;
   height: 100px;
   font-size:large;
//   border: 3px solid black;
//   border-radius:5px;
   } 
   
.cbstyle
   { 
   font-size:x-large;
   color:yellow;
   border-color:blue;
   border-radius:25px;
   }   
   
.txtStyleSU
    {
    font-family:arial;
    font-style:bold;
/*    font-size:2.5vw;   */
    font-size:large; 
    min-height:60px;
    max-width:80%;
    color:black;
/*    background-color:#BFFF00;   */
    }    
   
.btnStyle
    {
    text-align:left;
    }    
    
.btnStyle1
    {
    border-radius:20px;
    font-family:helvetica;
    font-style:bold;
    font-size:large;
    min-height:40px;
    color:blue;
    }  
    
.btnStyle1a
    {
    border-radius:10px;
    font-family:helvetica;
    font-style:bold;
    font-size:large;
    min-height:40px;
    color:blue;
    }      
    
.btnStyle2
    {
    border-radius:20px;
    font-family:helvetica;
    font-style:bold;
    font-size:x-large;
    min-height:50px;
    background-color:#05386B;  
    color:white;  
    }       
    
.btnStyleSU
    {
    border-radius:20px;
    font-family:arial;
    font-style:bold;
    font-size:2.5vw;
    min-height:60px;
    max-width:80%;
    color:blue;
    background-color:#FFBF00;
    }        
    
.btnStyleSU2
    {
    border-radius:20px;
    font-family:arial;
    font-style:bold;
    font-size:2.5vw;
    min-height:60px;
    max-width:80%;
    color:black;
    background-color:#BFFF00;
    } 
    
.btnStyleSU3
    {
    border-radius:20px;
    font-family:arial;
    font-style:bold;
    font-size:2.5vw;
    min-height:60px;
    max-width:80%;
    color:black;
    background-color:#00FFBF;
    } 
    
.eightyP
   {
   max-width:80%;  
   overflow-x:auto;   
   } 
   
.tblResp
   {
   overflow-x:auto;   
   }    
    
.selectStyle
   {
   min-width:80%;
   max-width:100%;
   border-radius:5px;
   min-height:25px;
   }
   
.selectStyle2
   {
   min-width:80%;
   max-width:100%;
   border-radius:5px;
   height:150px;
   }   
   
.selectStyle3
   {
   min-width:80%;
   max-width:100%;
   border-radius:5px;
   height:400px;
   }      

.selectStyle2
   {
   min-width:80%;
   max-width:100%;  
   border-radius:5px;
   min-height:25px;
   }
   
.notesStyle
   {
   max-width:40%;  
   border-radius:5px;
   min-height:60px;
   background-color:yellow;
   color:black;
   padding:10px;
   font-family:helvetica;
   font-size:medium;
/*   font-style:normal;  */
   text-align:left;
   }   
   
.center2
   {
   text-align:center;
   }
   
.MgcBoxStyle
   {
   max-width:80%;  
   border-radius:5px;
   min-height:60px;
   background-color:white;
   color:black;
   padding:10px;
   font-family:helvetica;
   font-size:medium;
   font-style:normal; 
   text-align:left;
   }  
   
.MgcBoxStyle100
   {
   max-width:100%;  
   border-radius:5px;
   min-height:60px;
   background-color:white;
   color:black;
   padding:10px;
   font-family:helvetica;
   font-size:medium;
   font-style:normal; 
   text-align:left;
   }     
   
.MgcBoxStyle100Brdr
   {
   max-width:100%; 
/*   border-bottom-left-radius:20px;
   border-bottom-right-radius:20px;   */  
   border:15px solid #379683;  
   min-height:60px;
   background-color:#EDF5E1;   /* white;  */
   color:black;
   padding:10px;
   font-family:helvetica;
   font-size:medium;
   font-style:normal; 
   text-align:center;
   }     
   
.MgcBoxStyleE
   {
   max-width:80%;  
   border-radius:5px;
   min-height:60px;
   background-color:white;
   color:red;
   padding:10px;
   font-family:helvetica;
   font-size:medium;
   font-style:bold;
   text-align:left;
   }     
   
.MgcTextStyle
   {
   width:80%;
/*   max-width:80%;    */
   min-height:50%;  
   background-color: transparent;
   border: 1px solid; 
   border-radius:5px;
/*   outline:none;   */
   margin:5px;
   padding:5px;
   font-family:courier;
   font-size:medium;
   color:blue;
   } 
   
.MgcTextStyleE
   {
   width:80%;
/*   max-width:80%;    */
   min-height:50%;  
   background-color: transparent;
   border: 1px solid; 
   border-radius:5px;
/*   outline:none;   */
   margin:5px;
   padding:5px;
   font-family:courier;
   font-size:medium;
   color:red;
   }    
   
.styleBot
    {
    max-width:90%;
    font-family:courier;
    color:black;
    font-size:small;
    font-weight:normal;
    }     
   
.textStyle
   {
   min-width:80%;
   max-width:100%;  
   border-radius:5px;
   min-height:35px;
   }  
   
.submitStyle
   {
   border-radius:5px;
   min-height:25px;
   color:blue;
   }    
   
.checkStyle
   {
   border-radius:5px;
   min-height:20px;
   background-color:red;
   color:green;
   }   
   
.textareaStyle
   {
   min-width:80%; 
   max-width:100%;
   border-radius:10px;
   }
   
.areaStyle
   {
   max-width:90%; 
   border-radius:10px;
   background-color:white;
   padding:15px;
   min-height:80px;
   }   
    
.styleXLC
    {
    font-family:helvetica;
    color:black;
    font-size:2.2em;
    font-weight:bold;
    text-align:center;
    } 
    
.styleXLCw
    {
    font-family:helvetica;
    color:white;
    font-size:2.2em;
    font-weight:bold;
    text-align:center;
    }     
    
.styleXL
    {
    font-family:helvetica;
    color:black;
    font-size:2.2em;
    font-weight:bold;
    }  
    
.styleLC
    {
    font-family:helvetica;
    color:black;
    font-size:1.2em;
    /* font-size:2.5vw; */   
    font-weight:normal;
    text-align:center;
    }     
    
.styleLC2
    {
    font-family:helvetica;
    color:black;
    font-size:1.1em; 
    // font-size:1.8vw;    
    font-weight:bold;
    text-align:center;
    }        
    
.styleLC3
    {
    font-family:helvetica;
    color:black;
    font-size:.9em;  
/*    font-size:1.5vw;   */ 
    font-weight:normal;
    text-align:center;
    }  
    
.styleLC3w
    {
    font-family:helvetica;
    color:white;
    font-size:.9em;  
/*    font-size:1.5vw;   */ 
    font-weight:normal;
    text-align:center;
    }    
    
.styleLC3w2
    {
    font-family:helvetica;
    color:white;
    font-size:large;  
/*    font-size:1.5vw;   */ 
    font-weight:bold;
    text-align:center;
    }  
    
.styleLC3w3
    {
    font-family:helvetica;
    color:#3071ba;   /* blue;   */
    font-size:large;  
/*    font-size:1.5vw;   */ 
    font-weight:normal;
    text-align:center;
    }    
    
.styleLC3kd
    {
    font-family:helvetica;
    color:#379683; 
    font-size:x-large;  
    font-weight:bold;
    text-align:center;
    }        
    
.styleLC3E
    {
    font-family:helvetica;
    color:red;
    font-size:.9em;  
/*    font-size:1.5vw;   */ 
    font-weight:normal;
    text-align:center;
    }       
    
.styleL
    {
    font-family:helvetica;
    color:black;
    font-size:large;
    font-weight:bold;
    }  
    
.styleXL2
    {
    font-family:helvetica;
    color:#EDF5E1;
    background-color:#05386B;  
    font-size:x-large;
    font-weight:bold;
    padding-top:15px;
    padding-bottom:15px;
    }      
    
.styleLN
    {
    font-family:helvetica;
    color:black;
    font-size:large;
    font-weight:normal;
    }        
        
.styleM
    {
    font-family:helvetica;
    color:black;
    font-size:medium;
    font-weight:normal;
    } 
    
.styleMbw
    {
    font-family:helvetica;
    color:white;
    background-color:#3071ba;   /* #406eb3;  */
    font-size:medium;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
    } 
    
.styleMkd
    {
    font-family:helvetica;
    color:#000000;   /* #05386B; */   /* #379683; */   /* #EDF5E1;  */
/*    background-color:#379683; */   /* #3071ba; */   /* #406eb3;  */
    font-size:medium;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
    }     
    
.styleLkd 
    {
    font-family:helvetica;
    color:#000000; 
    font-size:large;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
    }         
    
.styleMB
    {
    font-family:helvetica;
    color:black;
    font-size:medium;
    font-weight:bold;
    }       
    
.styleME
    {
    font-family:helvetica;
    color:#641E16;
    font-size:medium;
    font-weight:normal;
    }  
    
.styleME2
    {
    font-family:helvetica;
    color:blue;
    font-size:medium;
    font-weight:normal;
    }    
    
.styleS
    {
    font-family:helvetica;
    color:black;
    font-size:small;
    font-weight:normal;
    }  
    
.styleSB
    {
    font-family:helvetica;
    color:#black;
    font-size:small;
    font-weight:bold;
    }  
    
.styleSBkd
    {
    color:#EDF5E1;
    font-size:medium;   /* small; */
    font-weight:bold;
    font-family:courier;   /* helvetica;  */    
    }       
    
    
.styleSw
    {
    font-family:helvetica;
    color:white;
    font-size:small;
    font-weight:normal;
    }  
    
.styleSEr
    {
    font-family:helvetica;
    color:red;
    font-size:small;
    font-weight:normal;
    }   
    
.styleSg
   {
   font-family:helvetica;
   color:green;
   font-size:small;
   font-weight:normal;
   }   
    
.styleSE
    {
    font-family:helvetica;
    color:#641E16;   /* red;  */
    font-size:small;
    font-weight:normal;
    }  
    
.styleSE2
    {
    font-family:helvetica;
    color:blue;
    font-size:small;
    font-weight:normal;
    }      

.styleSE2i
    {
    font-family:helvetica;
    color:#3071ba;   /* #406eb3;  */
    font-size:small;
    font-style:italic;
    }    
    
.styleSEkd
    {
    font-family:helvetica;
    color:#000000;  /* #05386B; */  /* #379683; */  /* #EDF5E1;  */   /* #406eb3;  */
    font-size:small;
    font-style:italic;
    }        
    
 .styleXS
     {
     font-family:helvetica;
     color:black;
     font-size:x-small;
     font-weight:normal;
    }  
    
.styleXSw
     {
     font-family:helvetica;
     color:black;
     font-size:x-small;
     font-weight:normal;
    }      
    
.styleUL
    {
    font-family:helvetica;
    color:black;
    font-size:1.1em;  
    font-weight:bold;
    text-align:left;
    }      
  
.txta
   {
   float:left;
   width:80%;
   min-height:500px;
   background-color:gray; 
   }
   
 .loginarea
   {
   float:left;
   width:20%;
   text-align:center;
   min-height:500px;
   background-color:gray;    /* background-image:url('http://www.thomasclick.com/bubbles2.jpg');   */
   }
 
/*
 .menu a
   {
   background-color:green;
   padding:8px;
   margin-top:7px;
   display:block;
   width:100%;
   color:black;
   }
*/

  .topz 
    {
//    background-image:url('http://www.stemopps.org/logo2.png');
    border-radius:12px;
    width:100%; 
    border:15px solid gray;
//    min-height:140px;
    text-align:center;
    padding:0px;
    }
    
  .topz2 
    {
    background-color:gray;
    /* border-top-left-radius:12px; */
    /* border-top-right-radius:12px; */
    width:100%; 
    /* border:15px solid gray; */
    text-align:center;
    padding:0px;
    }    
    
  .aboutpic
    {
    width:100%; 
    text-align:center;
    padding:0px;
    }       

   .left 
    {
//    border-radius:25px;
//    border-top-left-radius:25px;
//    border-top-right-radius:25px;
//    border-bottom-left-radius:25px;
//    border-bottom-right-radius:25px;
    
    background-color:tomato;
    color:black;
    font-style:bold;
    font-size:x-large;
    font-family:helvetica;
    padding:20px;
    float:left;
    min-height:600px;
    text-align:center;
    width:20%; /* The width is 20%, by default */
    }
  
  .main 
    {
/*    border-radius:25px;   */
    background-color:gray;   /*  #BFC9CA;  */
    color:black;
    font-style:bold;
    font-size:x-large;
    font-family:helvetica;
/*    padding:30px;  */
/*    float:left;   */
/*    min-height:700px;  */
    text-align:center;    
    width:100%; /* The width is 60%, by default */
    }
  
.mainC
    {
    background-color:#EDF5E1;    /*  #BFC9CA;  */
    color:black;
    font-style:normal;  
    font-size:large;
    font-family:helvetica;
/*    padding:20px; */
/*    float:left;  */
    min-height:600px;
    text-align:left;    
    width:100%; 
    }  
    
.mainC2
    {
    background-color:gray;    /*  #BFC9CA;  */
    color:black;
    font-style:normal;  
    font-size:large;
    font-family:helvetica;
    padding:20px;
/*    float:left;  */
    min-height:600px;
    text-align:center;    
    width:100%; 
    }      
  
  .right 
    {
    background-color:tomato;
    color:red;
    font-style:bold;
    font-size:x-large;
    font-family:helvetica;
    padding:20px;
    float:left;
    min-height:600px;
    text-align:center;
    width:20%; /* The width is 20%, by default */
    }
  
  /* Use a media query to add a break point at 800px: */
  @media screen and (max-width:800px) 
     {
    .left, .main, .right, .mainC 
       {
       width:100%; /* The width is 100%, when the viewport is 800px or smaller */
       }
     }

           
         .navbar
            {
            background-color:#379683;             /* #C0CBE7; */
            color:#FFFFFF;   
            width:100%;
            min-height:35px;
/*            border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;   */
            margin:auto;
            } 
            
         .navbarTS
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:930px;
            border-left:.01em solid #cccccc; border-right:.01em solid #cccccc; 
            margin:auto;
            }  
            
            
         .navbarlil
            {
            font-size:.5em;
            background-color:#379683;
            color:#FFFFFF;   
            width:100%;
/*            border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;   */
            margin:auto;            
            }  
            
         .navbarlilTS
            {
            font-size:.5em;
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:930px;
            border-left:.01em solid #cccccc; border-right:.01em solid #cccccc; 
            margin:auto;            
            }  
            
            
         .inputerror
            {
            border-radius:10px;
            text-align:left;
            background-color:#FFFFFF;   
            color:red;   
            font-size:medium;
            width:80%;
            max-width:80%
            min-height:30px;
            font-style:helvtica;
            border:none; 
            padding-left:15px;
            padding-right:15px;
            }          
            
         .inputerrorblue
            {
            border-radius:10px;
            text-align:left;
            background-color:#FFFFFF;   
            color:blue;   
            font-size:medium;
            width:80%;
            max-width:80%
            min-height:30px;
            font-style:helvtica;
            border:none; 
            padding-left:15px;
            padding-right:15px;
            }                         
            
         .leftbox
            {
            text-align:center;
            float:left;
            width:330px;  /* 350 */
            height: 350px;
            padding-left:20px;  /* was 20 */
            padding-right:20px;
            padding-top:10px;
            padding-bottom:10px;
            
            background-color:#FFFFFF;
            foreground-color:#000000; 
            margin:auto;
            }   
            
         .rightbox
            {
            padding-top:10px;
            padding-right:20px;
            padding-left:20px;
            padding-bottom:10px;
            text-align:center;
            float:right;
            width:425px;
            height: 350px;
            background-color:#FFFFFF;
            foreground-color:#000000; 
            margin:auto;
            }                  
            
         .loginbox
            {
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
            
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            text-align:right;
            font-size:.7em;
/*            font-weight:bold;   */
            width:280px;   /* 280 */
            height:185px;
            float:left;
            padding-left:20px;
            padding-right:40px;
            padding-top:10px;
            border:.01em solid #cccccc; 
            } 
            
         .logintext
            {
            min-width:200px;
            min-height:40px;
            color:blue;
            font-family:helvetica;
            font-style:bold;
            }
            
         .blankbox
            {
            background-color:#FFFFFF;
            foreground-color:#FFFFFF;   
            text-align:right;
            width:280px;
            height:30px;
            float:left;
            padding-left:20px;
            padding-right:40px;  /* was 40 */
            }              
            
         .signupbox
            {
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
            
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            text-align:right;
            font-size:.7em;
/*            font-weight:bold;   */
            width:280px;
            height:95px;
            float:left;
            padding-left:20px;
            padding-right:40px;
            padding-top:10px;
            border:.01em solid #cccccc; 
            }              

         .questionbox
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            text-align:right;
            font-size:.7em;
            width:680px;
            float:left;
            padding-left:20px;
            padding-right:40px;
            padding-top:10px;
            border:.01em solid #cccccc; 
            } 
            
         .promotabbox
            {
            border-top-left-radius:25px;
            border-top-right-radius:25px;
            background-color:#C0CBE7;
            text-align:center;
            width:100%;   /* 412px;  */
            height:40px;
            font-size:small;    /* .8em  */
            padding-top:12px;
            padding-left:15px;
            padding-bottom:0px;
            font-family:arial;
/*
            border-right:.01em solid #cccccc;
            border-left:.01em solid #cccccc;            
            border-top:.01em solid #cccccc;     
*/            
            }  
            
         .filler
            {
            text-align:right;
            width:100%;   /*  427px;   */
            height:10px;
            float:left;
            background-color:#FFFFFF;
/*            border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;   */
            } 
            
         .specificinfobox
            {
            height:285px;
            width:425px;
            padding:0px;
/*            border-bottom:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;   */
            } 
            
         .specificinfobox2
            {
            min-height:570px;   /* 550px; */
            min-width:100%;   /* 425px;   */
            text-align:center;
            background-size:cover;            
            background-color:#FFFFFF;
            border-bottom-left-radius:25px;
            border-bottom-right-radius:25px;/*            border-bottom:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;   */
/*             border:.07em solid #cccccc;     */         
            }             
            
         .topmarquis
            {
            background-color: FFFFFF;                  /*  #DBDCEF;   */
            foreground-color:#000000;
            text-align:center;
            width:100%;  /* 405px; */
            height:80px;   /* 70px;   */
            font-family:helvetica;
            font-size:small;   /* 1.2em;  */
            font-style:bold;
            padding:20px;
/*            padding-top:20px;  */
            }     
            
         .topmarquislil
            {
            background-color:#DBDCEF;
            foreground-color:#000000;
            text-align:center;
            font-family:helvetica;
            font-size:x-small;
            }    
            
         .realinfo
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:center;
            width:100%;  /* 405px; */
            min-height:380px;
            font-family:helvetica;
            font-size:small;   /* 1.2em;  */
            font-style:normal;
            padding:10px;
//            padding-right:40px;
//            padding-top:20px;
            }   
            
         .realinfo2
            {
            /* background-color:orange;  */
            background-image:url('http://www.stemopps.org/SUBnr.png');            
            foreground-color:#000000;
            text-align:center;
            width:100%;  /* 405px; */
            min-height:380px;
            font-family:helvetica;
            font-size:small;   /* 1.2em;  */
            font-style:normal;
            padding:10px;  
//            padding-right:40px;
//            padding-top:20px;
            }   

         .marquis
            {
            background-color:#379683;   /* #FFFFFF;   */            /* #DBDCEF;   */
            color:#EDF5E1;   /* white;  */
            text-align:center;
            width:100%;  /*  405px;  */
/*            font-family:helvetica;   */
            font-family:courier;
            font-size:small;  /* .7em;  */
            padding-top:10px;  
            padding-bottom:10px;
            padding-left:0px;
            padding-right:0px;
            }               
            
         .bottommarquis
            {
            background-color:#EDF5E1;   /* #FFFFFF; */           /* #DBDCEF;   */
            color:#000000;   /* #05386B;  */  /* #379683;  */
            text-align:center;
            width:100%;  /*  405px;  */
            font-family:helvetica;   
            font-size:small;  /* .7em;  */
            padding:10px;  
            padding-bottom:15px;
            }   
            
         .bottommarquis2
            {
            background-color:white;   
            color:#000000;   
            text-align:center;
            width:100%;  
            font-family:helvetica;   
            font-size:small;  
            padding:10px;  
            }             
            
         .infolink
            {
            background-color:#C0CBE7; 
            border-radius:15px;
            text-align:center;  /* left  */
            width:20%;
            height:25px;    /* was 35 */
            float:left;
            font-size:x-small   /* .8em; */
            font-family:arial;
            font-weight:bold;
            padding-left:5px;
            padding-top:10px;    /* was 0 */
            border-right:.01em solid #cccccc;            
            }                
            
         .greetingbox
            {
            background-color:#FFFFFF;
            text-align:left;
            width:100%;
            font-size:.6em;
            padding-top:12px;
            padding-left:10px;
            padding-right:10px;
            padding-bottom:12px;
            font-family:helvetica;
            border-right:.01em solid #cccccc;
            border-left:.01em solid #cccccc;            
            border-top:.01em solid #cccccc;            
            }             
            
         .expirationbox
            {
            background-color:#C0C0C0;
            foreground-color:#FF0000;
            text-align:left;
            width:800px;
            font-size:1.5em;
            padding-top:15px;
            padding-left:10px;
            padding-bottom:45px;
            font-family:arial;
            border-right:.01em solid #cccccc;
            border-left:.01em solid #cccccc;            
            border-top:.01em solid #cccccc;            
            }                  
            
         .infobox
            {
            text-align:left;
            float:left;
            width:465px;
            font-size:.9em;
            padding:5px;
            font-family:arial;
            border-bottom:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }                        
            
         .aboutdivl
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:left;
            width:20%;  /* 110px; */  /* 110 */
            float:left;
            font-size:.8em;
            font-family:arial;
            height:145px;
            padding-top:3px;
            padding-left:0px;          
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; 
-webkit-transition:width 2s, height 2s, -webkit-transform 2s;
-o-transition:width 2s, height 2s, -o-transform 2s; 
            }  
          
         .aboutdivl:hover
            { 
transform:rotate(360deg);
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
            }          
            
         .aboutdivr
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:left;
            float:left;
            width:80%; 
            font-size:small;   /* .6em;  */
            font-family:helvetica;
            height:145px;
            padding-top:2px;
            padding-bottom:2px;
            padding-right:5px;  
            } 
            
         .testdivl
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:center;
            font-style:italic;
            width:110px;
            height:145px;
            float:left;
            font-size:.8em;
            font-family:arial;
            padding-top:0px;
            padding-bottom:5px;
            padding-left:0px;
            padding-right:0px;
            }
            
         .testdivr
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:center;
            font-style:italic;
            width:80%;   /* 310px;  */
            height:145px;
            float:left;
            font-size:.7em;
            font-family:arial;
            padding-top:0px;
            padding-bottom:5px;
            padding-left:0px;
            padding-right:5px;
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */	    
            }  
            
         .testdivr:hover
            { 
/*            width:618px;
            height:290px;    */
            font-size:1.4em;
            }

         .drivedivl
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:center;
            font-style:italic;
            width:25%;  /* 25%  */
            float:left;
            font-size:small;
            font-family:arial;
            height:145px;
            padding-bottom:1px;
            padding-right:0px;
            padding-left:10px;
            padding-top:3px;
            } 
            
         .drivedivr
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:center;
            float:left;
            font-style:italic;
            width:70%;  /* 260px;  */
            font-size:.8em;
            font-family:arial;
            height:147px;
            padding-top:1px;
            padding-right:8px;
            padding-bottom:1px;
            padding-left:1px;
            }
            
         .drivedivr:hover
            {
            position:relative;
            animation:tdrive 5s;
            -moz-animation:tdrive 5s; /* Firefox */
            -webkit-animation:tdrive 5s; /* Safari and Chrome */
            -o-animation:tdrive 5s; /* Opera */            
            }

         @keyframes tdrive
            {
            0%   {left:0px; top:0px;}
            20%  {left:-150px; top:0px;}
            40%  {left:0px; top:0px;}
            60%  {left:-150px; top:0px;}
            80% {left:0px; top:0px;}
            90% {left:-150px; top:0px;}
            100% {left:0px; top:0px;}
            }

         @-moz-keyframes tdrive /* Firefox */
            {
            0%   {left:0px; top:0px;}
            20%  {left:-150px; top:0px;}
            40%  {left:0px; top:0px;}
            60%  {left:-150px; top:0px;}
            80% {left:0px; top:0px;}
            90% {left:-150px; top:0px;}
            100% {left:0px; top:0px;}
            }

         @-webkit-keyframes tdrive /* Safari and Chrome */
            {
            0%   {left:0px; top:0px;}
            25%  {left:200px; top:0px;}
            50%  {left:200px; top:200px;}
            75%  {left:0px; top:200px;}
            100% {left:0px; top:0px;}
            }

         @-o-keyframes tdrive /* Opera */
            {
            0%   {left:0px; top:0px;}
            25%  {left:200px; top:0px;}
            50%  {left:200px; top:200px;}
            75%  {left:0px; top:200px;}
            100% {left:0px; top:0px;}
            }

         .testidiv
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:left;
            font-style:italic;
            width:100%;
            font-size:.8em;
            font-family:arial;
            padding:10px;
            height:147px;
            } 
            
         .testidiv2
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:left;
            font-style:bold;
            width:100%;
            font-size:.9em;
            font-family:arial;
            padding:10px;
            height:147px;
            }  
            
         .testidiv2i
            {
            background-color:#FFFFFF;
            foreground-color:#000000;
            text-align:left;
            font-style:italic;
            width:100%;
            font-size:.9em;
            font-family:arial;
            padding:10px;
            height:147px;
            }                         
            
                    
         .littlelinks
            {
            background-color:#FFFFFF;
            foreground-color:#CCCCCC;
            font-size:.7em;
            font-family:arial;
            padding:2px;
            width:300px;
            test-align:left;
            }     
            
         .navbuttondum
            {
            background-color:#379683   /* C0CBE7;  */
            color:black;   /* #CCCCCC;  */
            text-align:center;
            width:4px;
            float:left;
            font-size: .6em;  
            font-family:arial;
            border-right:.01em solid #cccccc;     
            padding:6px;  /* was 4 */
            }              
            
         .navbuttondead
            {
            background-color:#379683   /* C0CBE7;  */   
            color:white;  /* black; */  /* #CCCCCC;  */
            text-align:center;
            width:12%;    /*  85px;  */
            float:left;
            font-size:.5em;  /* was .6em */
            font-family:arial;
/*            font-style:bold;   */
            padding:6px;
            }
            
         .navbuttoncur
            {
            background-color:#FFFFFF;
            color:black;   
            text-align:center;
            width:18%;  
            float:left;
            font-size:small;   /* .5em;  */  
            font-family:arial;
            font-style:bold;    
            padding:6px;  
            }   
            
         .navbuttoncurAdmin
            {
            background-color:#FFFFFF;
            color:black;   
            text-align:center;
            width:12%;  
            float:left;
            font-size:small;  /* .5em;   */
            font-family:arial;
            font-style:bold;   
            padding:6px;  
            }                 
            
         .navbuttonlive
            {
            background-color:#379683   /* C0CBE7;  */
            color:white; /* black; */   /* #CCCCCC;  */
            text-align:center;
            width:18%;    /* 85px;  */
            float:left;
            font-size:.5em;   
            font-family:arial;
            font-style:bold;
/*            border-right:.01em solid #cccccc;   */ 
            padding:6px;
            }  
            
         .navbuttonliveAdmin
            {
            background-color:#379683   /* C0CBE7;  */
            color:white;   /* black; */   /* #CCCCCC;  */
            text-align:center;
            width:12%;    /* 85px;  */
            float:left;
            font-size:.5em;   
            font-family:arial;
            font-style:bold;
/*            border-right:.01em solid #cccccc;  */ 
            padding:6px;
            }                  
            
         .navbuttondeadAdmin
            {
            background-color:#379683   /* C0CBE7;  */ 
            color:white;   /* #CCCCCC;  */
            text-align:center;
            width:12%;    /*  85px;  */
            float:left;
            font-size:.4em;  /* was .6em */
            font-family:arial;
            border-right:.01em solid #cccccc;
            padding:6px;
            }            
            
         .navnotabcur
            {
            background-color:#379683   /* C0CBE7;  */
            foreground-color:#CCCCCC;
            text-align:center;
            width:12%;   /* 85px;   */
            float:left;
            font-size:x-small;
            font-family:arial;
            border-right:.01em solid #cccccc;     
            padding:4px;
            }              
            
         .navnotabdead
            {
            background-color:#379683   /* C0CBE7;  */ 
            foreground-color:#FFFFFF;   
            text-align:center;
            width:81px;
            float:left;
            font-size:x-small;
            font-family:arial;
            border-right:.01em solid #cccccc;
            padding:4px;
            
            }
            
         .navnotablive
            {
            background-color:#379683   /* C0CBE7;  */
            foreground-color:#000000;
            text-align:center;
            width:81px;
            float:left;
            font-size:x-small;
            font-family:arial;
            border-right:.01em solid #cccccc;   
            padding:4px;
            }      
            
         .divFullNoBorderLeftSU
            {
            background-color:#FFFFFF;
            foreground-color:#000000;   
            width:90%;
            height:1100px;
            text-align:left;
            float:left;
            font-size:.8em;
            font-style:arial;
            border:none; 
            padding-left:15px;
            padding-right:15px;
            }             
            
         .divFullNoBorderCenter
            {
            background-color:#FFFFFF;
            foreground-color:#000000;   
            width:90%;
            text-align:center;
            font-size:.8em;
            font-style:arial;
            border:none; 
            padding-left:15px;
            padding-right:15px;
            }              
            
          .bottomFooter            
            {            
            background-color:#C0CBE7;
            foreground-color:#CCCCCC;
            width:90%;
            text-align:center;
            font-size:x-small;
            font-family:arial;
            border:none;     
            padding:4px; 
            }
            
         .TestDrivePic
            {
            background-color:#FFFFFF;
            foreground-color:#000000;   
            width:20%;
            text-align:left;
            float:left;  
            border:none; 
            padding-left:10;
            padding-right:10;
            }  
            
         .TestDriveText
            {
            background-color:#FFFFFF;
            foreground-color:#000000;   
            width:80%;
            height:175px;
            font-style:arial;
            font-size:.8em;
            text-align:left;
/*            float:left;    */
            border:none; 
            padding-left:10;
            padding-right:10;
            }                                                
            
         .footbar0
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:900px;
            text-size:x-small;
/*
            border-left:3px double #5C3E90;  
            border-right:3px double #5C3E90;  
            border-bottom:3px double #5C3E90;  
*/
            border-bottom-left-radius:25px;
            border-bottom-right-radius:25px;
            margin:auto;     
            text-align:center;
            } 
            
         .footbar0a
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:100%;
            text-size:medium;
            font-family:arial;
            border-top:3px double #5C3E90;
            border-bottom:3px double #5C3E90;
            margin:auto;     
            text-align:center;
            }             

         .footbar
            {  
            border-radius:25px;
            border:15px solid #379683;  
            
//            border-bottom-left-radius:25px;
//            border-bottom-right-radius:25px;
            
            background-color:white;   /* #EDF5E1; */  
            color:#000000;  
            width:100%;
            text-size:x-small;
/*            border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;  */
            margin:auto;     
            text-align:center;
            font-family:helvetica;
            }   
            
         .footbar2
            {  
            border-radius:25px;
            background-color:#FFA500;
            color:#FFFFFF;   
            width:100%;
            text-size:large;
            margin:auto;     
            text-align:center;
            }               
            
         .footbarTS
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:930px;
            text-size:x-small;
            border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;  
            margin:auto;     
            text-align:center;
            }   
            
            
         .xsmall
            {
            font-size:xx-small;
            } 
            
         .sepbar
            {
            background-color:#379683;   /* 379683 */              /* #C0CBE7;  */
            color:#FFFFFF;   
            width:100%;
            height:25px;
            } 
            
         .sepbarb
            {
            background-color:#379683;   /* 379683 */              /* #C0CBE7;  */
            color:#FFFFFF;   
            width:100%;
            min-height:25px;
            padding: 15px;            
            }    
            
         .sepbarb80
            {
            background-color:#379683;   /* 379683 */              /* #C0CBE7;  */
            color:#FFFFFF;   
            width:80%;
            min-height:25px;
            padding: 15px;            
            }              
            
         .sepbar2
            {
            padding:10px;
            text-align:center;
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:100%;
            min-height:35px;
            font-family:helvetica;
            font-size:medium;
            font-weight:bold;
            }             

         .status
            {
            background-color:#D7D7D7;
            foreground-color:#008000;   
            width:775px;   
            padding:20px;
            }  
            
         .buttL
            {
            padding:0;
            float:left;
            margin:1;
            }   
            
         .buttR
            {
            padding:0;
            float:right;
            margin:1;
            }               
                           
            
         .btndivL
            {
            padding:0;
            float:left;
            margin:1;
            }   
            
         .btndivR
            {
            padding:0;
/*            float:right;   */
            margin:1;

            }              
           
         .compliance
            {
            background-color:#F5BA5C;
            foreground-color:#FFFFFF;   
            width:890px;   /* 900 */
            padding:15px;
            }  
            
         .compliance2
            {
            background-color:#CEE2DD;
            foreground-color:#000000;
            font-family:verdana;
            font-size:medium;
            width:900px; 
            min-height:30px;
            margin:auto;
            text-align:center;             
            }  
            
         .compliance3
            {
            font-weight:bold;
            font-size:1.2em;
            }              
            
         .fullbar
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:100%;   /* 900 */
            height:20px;
            } 
            
         .fullbar2
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:100%;
//            height:20px;
            }  
            
         .fullbarTS
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:920px;
//            height:20px;
            padding:0;
            }  
            
         .textformdiv
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            width:920px;
//            height:20px;
            padding:0;
            }             
            
         .tbrpromolrg
            {
            background-color:#FFFFFF;
            foreground-color:#C0CBE7;   
            width:800px;
            padding-left:5;
            padding-right:5;
            font-size:1.2em;
            font-family:arial;
            }  
            
         .tbrpromomed
            {
            background-color:#FFFFFF;
            foreground-color:#C0CBE7;   
            width:800px;
            padding-left:5;
            padding-right:5;
            font-size:1.0em;
            font-family:arial;
            }   
            
         .tbrpromosml
            {
            background-color:#FFFFFF;
            foreground-color:#C0CBE7;   
            width:800px;
            padding-left:5;
            padding-right:5;
            font-size:.8em;
            font-family:arial;
            }              
            
         .leftholder
            {
            text-align:right;
            float:left;
            width:350px;
            padding-left:20px;
            padding-top:5px;
            background-color:#FFFFFF;
            foreground-color:#000000;  
            }            
            
         .lefthalf
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            text-align:right;
            font-size:.7em;
            font-weight:bold;
            width:280px;
            float:left;
            padding-left:20px;
            padding-right:40px;
            padding-top:10px;
            border:.01em solid #cccccc; 
            }
            
         .righthalf
            {
            background-color:#C0CBE7;
            text-align:right;
            width:100%;
            float:left;
            padding-left:5;
            padding-right:50;
            padding-top:5;
            }            
            
         .lefthalfla
            {
            text-align:left;
            width:50%;
            float:left;
            padding-left:15;
            padding-top:15;
            color:#C0CBE7;
            font-weight:bold;
            font-size:0.8em;
            font-family:arial;           
            }  
            
         .righthalfla
            {
            text-align:left;
            width:45%;
            float:left;
            padding-left:15;
            padding-top:15;
            color:#C0CBE7;
            font-weight:bold;
            font-size:0.8em;
            font-family:verdana;            
            }                  

         .tbrsmalllink
            {
            text-align:right;
            font-size:x-small;
            font-weight:normal;
            }
            
         .questionlink
            {
            text-align:center;
            font-size:small;
            font-weight:normal;
            color:#379683; 
            width:100%;
            padding-left:10;
            padding-right:10;
            padding-top:10;
            }            
            
         .tbrmedlink
            {
            background-color:#C0CBE7;
            foreground-color:#FFFFFF;   
            text-align:right;
            font-size:medium;
            font-weight:normal;
            width:100%;
            padding-left:0;
            padding-right:10;
            padding-top:0;
            }            
            
         .tabreg
            {
            text-align:center;
            width:90px;
            font-size:.9em;
            border-bottom:.01em solid #cccccc; border-top:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }
            
         .tabsel
            {
            text-align:center;            
            width:90px;
            font-size:.8em;
            border-top:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }   
            
         .calcstyle
            {
            text-align:right;
            width:300px;
            font-size:.8em;
            font-family:arial;
            padding:10px;
            border-bottom:.01em solid #cccccc; border-top:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }   
            
         .lilcalcstyle
            {
            text-align:right;
            width:300px;
            font-size:.8em;
            font-family:arial;
            padding:10px;
            border-bottom:.01em solid #cccccc; border-top:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }               
            
         .bigcalcstyle
            {
            text-align:center;
            width:100%;
            font-size:.8em;
            font-family:arial;
            padding:10px;
            border-bottom:.01em solid #cccccc; border-top:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }    
            
         .footerStyle
            {
            text-align:center;
            width:100%;
            font-size:.8em;
            font-family:arial;
            }               
            
         .calcstyle2
            {
            text-align:center;
            width:300px;
            font-size:.8em;
            font-family:arial;
            padding:10px;
            border-bottom:.01em solid #cccccc; border-top:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }  
            
         .btnrightdiv
            {
            text-align:right;
            width:100%;
            font-size:.8em;
            font-family:arial;
            padding-right:25px;
            border-width:0px;
            }              
            
         .headstyle
            {
            text-align:center;
            width:300px;
            font-size:1.1em;
            padding:10px;
            border-bottom:.01em solid #cccccc; border-top:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }    
            
         .bigheadstyle
            {
            text-align:center;
            width:100%;
            font-size:1.1em;
            padding:10px;
            border-bottom:.01em solid #cccccc; border-top:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }          
            
         .toplessbigheadstyle
            {
            text-align:center;
            width:100%;
            font-size:.9em;
            padding:10px;
            font-family:arial;
            border-bottom:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }    
            
         .dummylink
            {
            background-color:#C0CBE7;
            text-align:left;
            width:40%;
            float:left;
            font-size:.8em;
            font-family:arial;
            }  
            
         .dummynav
            {
            background-color:#C0CBE7;
            width:6px;
            }              
            
         .imgdiv
            {
            text-align:left;
            float:left;
            }      
            
         .newsbox
            {
            width:360px;
            font-size:.8em;
            border-bottom:.01em solid #cccccc; border-left:.01em solid #cccccc; border-right:.01em solid #cccccc;
            }  
            
.colSU
  {
  border-radius:25px;
  float:left;
  width:33%;
  min-height:600px;
  padding:0 20px;
  color:black;
  background-color:teal;
  background-image:url('bg7.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-size:medium;
  }

.studSU
  {
  border-radius:25px;
  background-image:url('bg4.png');   
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-color:yellow;
  color:black;
  float:left;
  padding:20px;
  width:33%;
  min-height:600px;
  text-align:center;
  font-size:medium;
  }

.empSU
  {
  border-radius:25px;
  background-image:url('bg5.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-color:powderblue;
  color:black;
  float:left;
  width:33%;
  min-height:600px;
  padding:0 20px;
  text-align:center;
  font-size:medium;
  }

@media only screen and (max-width:620px)
  {
  /* For mobile phones: */
  .empSU, .studSU, .colSU
    {
    width:100%;
    }
  }            

         .headerA
            {
            font-size:.9em;
            }

         img
            {
            border-style:solid;
            border-width:0px;
            border-color:gray;
            }

 /*
         li
            {
            color:#000000;
            font-family:helvetica;
            font-size:small;
            font-weight:bold;   
            }
*/            


         a:link
            {
            text-decoration:none; 
            color:black;
            }   
            
         a:hover
            {
            text-decoration:underline; 
            color:#8EE4AF;
            }