html            {
                height: 100%;
                margin: 0 0 1px;
                padding: 0;
}
*               {    margin: 0;    padding: 0;  font-family: helvetica, arial,san-serif; color: #333333;}
body            {min-width: 700px;
                 }
#mainNav        {
                float: right;
                font-family: helvetica, arial,sans-serif;
                font-size: 1.1em;
                height: 8em;
                opacity: .9;
                padding-right: 1em; 
                }
ul              { 
                list-style:none; 
                }
ul li           {   
                display:inline; float:left; margin-bottom:20px; }
ul li a         {
                text-decoration: none;
                background-color: gray;
                color: white;
                padding: 6em 5px 1em 5px;                
                border: solid 2px white;
                }
a               {
                margin: 0 0 0 10%;
}
#pageHome .butHome, #pageAbout .butAbout, #pageCourses .butCourses, #pageEdit .butEditing,
                 #pageTut .butTutoring, #pageTest .butTest
                  {               
                color: red;
                padding: 6em 5px 2em 5px!important;                
                }                               
ul li a:visited {
                color: white;
                }
ul li a:hover   { 
                background-color: gray;
                color: black;
                }
h1              {
                clear: both;
                margin: 1em 10% 1em 10%;
                
                }
h2              {
                clear: both;
                margin: .5em 10% 1em 10%;
                color: #FDE504;}
h3              {
                color: gray;
                clear: both;
                margin: 1em 15% 1em 10%;
                }
p               {
                clear: both;
                margin: 1em 10% 0 10%;
                line-height: 1.2em;
                letter-spacing: .11em;
                word-spacing: .4em;
                }
form            {
                float: left;
                margin: 1em 0 1em 15%;
                }
/* ---------------------------------------------------- LOGO BANNER -------------------------------- */

#logoBanner     {margin: 0 0 0 8%;
                /*float: left;
                width: 30%;*/
                  
}
#logoBanner h3  { font-family: 'Homemade Apple', arial, serif;
                color: red;
                margin-top: 1em;
                font-size: 1.5em;
                letter-spacing: .15em;
}
/* ---------------------------------------------------- special     --------------------------------- */                
.italStyle      {
                font-style: italic;
                font-weight: bold;
                }
/* ---------------------------------------------------- FOOTER  ------------------------ */

#footer         {
                clear:  right;
                float: right;                
}
#footer ul      {
                display: inline;
}
#footer li      {display: inline;}
#footer ul li a         {
                text-decoration: none;
                background-color: gray;
                color: white;
                padding: 5px 6em 5px 10px;                
                border: solid 2px white;}
#bigWords       {
                width: 65%;
                margin: 0 auto;
                margin-top: 2em;
                margin-bottom: 1em;
                padding: 1em 2em 1em 2em;
                border-top: 1px gray solid;
                border-bottom: 1px gray solid;
                text-shadow: 0px 1px 4px #333;
                filter: dropshadow(color=#333, offx=0, offy=1);
                letter-spacing: .085em;
                word-spacing:.5em;
}
#Third          {
                width: 33%;
                float: left;
}
#contentThird   {
                width: 80%;
                margin: 0 auto;
                margin-bottom: 2em;
}
#bottomCenterDiv    {
                width: 80%;
                margin: 0 auto;  
}
#bottomCenterText   {
                height: 6em;
                line-height: 6em;                
               }
#bottomCenter a{
                text-decoration: none;
                color: red;
}
#boldText       {
                color: black;
                letter-spacing: 2px;
}
#third h3       {color: blue;}

#bottonCont {
                padding: 0 0 0 2em;
}