/* styleseducationservices.css */

html { background-color: #F5F5F5;
       margin: 0 auto;
       border: 0; 
       border-color: #F5F5F5; 
       padding: 0; 
       font-family: Verdana, sans-serif; 
     } 

body { background-color: #FCFCFC;
       position: relative;
       margin: 0 auto;
       border: 0;
       
       border-color: #FCFCFC;
       padding: 0;
       width: 900px;
       height: auto;
       -webkit-text-size-adjust: none;
       text-size-adjust: none;
     }

#top_panel {  background-color: #384048;
               background-image: url("HomePanel.jpg");
               background-position: center;
               background-size: cover;
               background-repeat: no-repeat;
               opacity: 1;
               position: absolute;
               margin: 0 auto;
               border: 0;
               border-color: #384048;
               padding: 0px 0px; 
               top: 0px; 
               left: 0px;
               width: 900px;
               height: 120px; 
               font-family: Verdana, sans-serif; 
               font-style: italic; 
               font-size: 14pt; 
               font-weight: normal;
               color: #000000;
               line-height: 20pt;
               }

#title h1 { 
         position: absolute;
         margin: 0 auto;
         border: 0;
         border-color: #384048;
         padding: 0;
         top: 20px; 
         left: 40px;    
         text-align: left;
         width: 820px;
         height: 40px;
         font-family: Verdana, sans-serif; 
         font-style: normal; 
         font-size: 25pt; 
         font-weight: normal;
         letter-spacing: -1px;          
         color: #FFFFFF;
         text-decoration: none;
       }

#subtitle h2 {
            position: absolute;
            margin: 0 auto;
            border: 0;
            border-color: #384048;
            padding: 0; 
            top: 76px; 
            left: 25px;
            text-align: left;
            width: 520px;
            height: 20px;
            font-family: Verdana, sans-serif; 
            font-style: normal; 
            font-size: 12pt; 
            font-weight: normal;  
            letter-spacing: 0px;       
            color: #FFFFFF;
            text-decoration: none;
          }

#contact_email {
           position: absolute;
           margin: 0 auto;
           border: 0;
           border-color: #384048;
           padding: 0; 
           top: 76px; 
           left: 550px;
           text-align: right;
           width: 305px;
           height: 20px;
           font-family: Verdana, sans-serif; 
           font-style: normal; 
           font-size: 11pt; 
           font-weight: normal;  
           letter-spacing: 1px;
           color: #FFFFFF;
         }

nav { background-color: #FFFFFF;
         position: absolute;
         margin: 0 auto;
         border: 0;
         border-color: #FFFFFF;
         padding: 10px 0px; 
         list-style-type: none; 
         top: 120px; 
         left: 0px;
         width: 900px;
         height: 110px;
       }

nav ul { background-color: #FFFFFF;
         position: relative;
         margin: 0 auto;
         border: 0;
         border-color: #FFFFFF;
         padding: 10px 0px; 
         list-style-type: none; 
         top: 20px; 
         left: 0px;
         width: 640px;
         height: 35px;
       }

nav li { background-color: #FFFFFF;
         float: left;
         margin-right: 10px; 
          }

nav li:last-child { background-color: #FFFFFF;
        float: right;
        margin-right: 0px; 
         }

nav li a { background-color: #FFFFFF;
         display: block;
         float: left;
         border: 1px;
         border-style: solid;
         border-color: #000000;
         border-radius: 0px; 
         color: #000000;
         font-family: Verdana, sans-serif; 
         font-style: normal; 
         font-size: 12pt; 
         letter-spacing: 0px;
         text-align: center;
         padding: 7px 8px;
         text-decoration: none;
         }

nav li a:hover {
               color: #E5C063;
               background-color: #000000;
               } 

.active {
               color: #E5C063;
               background-color: #000000;
               } 

article { background-color: #FCFCFC;
          position: absolute;
          margin: 0;
          border: 0;
          border-color: #FCFCFC;
          padding: 0px 185px; 
          top: 230px; 
          left: 0px;
          text-align: justify;
          width: 530px;
          font-family: Verdana, sans-serif; 
          font-style: normal; 
          font-size: 12pt; 
          font-weight: 200; 
          color: #000000;
          line-height: 20pt;
          }

article p { background-color: #FCFCFC; 
                -webkit-text-size-adjust: none;
                text-size-adjust: none;
              }

h3.education_services_title { background-color: #FCFCFC; 
              margin: 0 auto;
              border: 0;
              padding: 0; 
              padding-top: 15px;
              text-align: left;
              font-style: normal;          
              font-size: 14pt; 
              font-weight: 400; 
              font-family: Verdana, sans-serif; 
              color: #000000;
              line-height: 22pt;
              }

details summary { background-color: #FCFCFC; 
        color: #0000EE; 
        text-decoration: underline; 
        cursor: pointer; 
        text-align: justify;
        line-height: 25pt;
        }

#webdesigncentre { background-color: #183456;
         position: relative; 
         margin: 0 auto;
         margin-bottom: 10px;
         border: 0;
         border-color: #183456;
         text-align: center;
         font-family: "Times New Roman", serif; 
         font-style: italic; 
         font-size: 12pt; 
         font-weight: normal; 
         letter-spacing: 1px;
         color: #E5C063; 
         width: 530px;
         }