p {
    font-size: 1em;
    line-height:1em;
    line-spacing:1em;
    text-align:left;
    color:#AC8330;
}
.click {
    text-align:center;
    font-size: 1em;
    color: #AC8330;
}
.click1 {
    text-align:center;
    font-size: 0.75em;
    color: #AC8330;
}
.hello {
    text-align:center;
    color:#AC8330;
    font-size: 0.7em;
}
.commonlarge {
    text-align:center;
    font-size: 1.5em;
    color:#AC8330;
}
.clickflag {
    background-color:white;
    text-align:center;
    font-size: 1em;
    margin-left: 35%;
    margin-right: 35%;
    border-style:solid;
    border-width:0.01%;
    border-color:#206020;
}
.caption {
    text-align:center;
    font-size:1em;
    color:#AC8330;
}
.updatepro {
    text-align:center;
    font-size: 0.75em;
    color:#AC8330;
}
.updateproleft {
    text-align:left;
    font-size: 1em;
    color:#AC8330;
}
.title {
    font-size: 1.25em;
    color:black;
}
.text {
    font-size: 1.25em;
    color:#AC8330;
    text-align:left;
}
.footnote {
    font-size:0.8em;
    color:#AC8330;
    text-align:center;
}
body{
          background-color:#339933;
          height:98%;
          width:98%;
          text-align:center;
          border-style:solid;
          border-width:0.0625em;
          border-color:#339933;
}
.main {
       height:98%;
       background: repeating-linear-gradient(
       45deg,
       #003300,
       #003300 2px,
       #004d00 2px,
       #004d00 4px);
       border:none;
      }
.plaid {
        background-size:cover;
        background-image: url("plaid2.jpg");
       }
.mainfoot {
       height:auto;
       background: repeating-linear-gradient(
       45deg,
       #003300,
       #003300 2px,
       #004d00 2px,
       #004d00 4px);
       border:none;
      }
header {
    background-color:#339933;
    color:black;
    text-align:center;
    padding:0.25em;
    font-family: Verdana, sans-serif;
    font-size: 1em;	 
}
newhead {
    background: repeating-linear-gradient(
       45deg,
       #336633,
       #336633 2px,
       #339933 2px,
       #339933 4px);
       }
h1{
     color:#AC8330;
     
}
h2{
     color:#AC8330;
     text-align:center;
}
h3{
     color:#AC8330;
     text-align:center;
}
h4{
     color:#AC8330;
     text-align:center;
     font-size: 1em;
}
h5{
     color:#AC8330;
     text-align:center;
}
nav {
    background-color:blue;
    color:black;
    width:100%;
    text-align:center;
    padding:0.2%;
    font-family: Verdana, sans-serif;
    font-size: 0.875em;
}
aside {
    background-color:#003300;
    line-height:2em;
    height:48%;
    width:20%;
    clear:both;
    float:left;
    margin:7%;
    padding:2%; 
    border-style:solid;
    border-width:0.2em;
    border-color:#AC8330;
    font-family: Verdana, sans-serif;
    font-size:0.8em;	      
}
.link {
       width:77%;
       height:auto;
       margin:7%;
       margin-top:2%;
       margin-bottom:2%;
       border-style:solid;
       border-width:0.2em;
       border-color:#AC8330;
      }
.signup {
    width:11%;
    background-color:#003300;
    float:right;
    text-align:left;
    color:#AC8330;
    margin:7%;
    margin-right:10%;
    margin-bottom:4%;
    padding:1%;
    border-style:solid;
    border-width:0.2em;
    border-color:#AC8330;
    }
.archive {
    width:10%;
    background-color:#19A347;
    float:right;
    text-align:center;
    margin:1em;
    margin-right:2em;
    padding:1em;
}
.home {
    width:10%;
    background-color:white;
    float:right;
    text-align:center;
    margin:1em;
    margin-right:2em;
    padding:1em;
}
div {    
    height:auto;   
    background-color:#003300;
    font-family: Verdana, sans-serif;
    font-size:0.875em;    
    margin:1%;
    padding:1%;    
    border-style:solid;
    border-width:0.0625em;
    border-color:#AC8330;
    }
.topcentre {
            width:96%;
            margin-top:1%;
            height:auto;
            background-color:black;
            text-align:center;
            font-family:cursive;
           }
.right {
    background-color:#001A00;
    width:20%;
    float:right;
    text-align:center;
    font-size:1.5em;
    margin:7%;
    margin-right:5%;
    margin-left:4%;
    padding:2%;
    border-style:solid;
    border-width:0.2em;
    border-color:#AC8330;
}
.rightrequest {
    background-color:#001A00;
    width:20%;
    float:right;
    text-align:center;
    font-size:1em;
    margin:7%;
    margin-right:5%;
    margin-left:4%;
    margin-top:8%;
    padding:2%;
    border-style:solid;
    border-width:0.2em;
    border-color:#AC8330;
}
.rightlog {
    width:35%;
    background-color:#003300;
    float:right;
    text-align:center;
    margin:1%;
    margin-right:5%;
    padding:1%;
}
.rightwho {
    background-color:#003300;
    width:35%;
    float:right;
    text-align:center;
    font-size:0.875em;
    margin:5.5%;
    margin-right:5%;
    margin-left:2%;
    margin-top:10%;
    padding:1%;
    border-style:solid;
    border-width:0.2em;
    border-color:#AC8330;
}
.righthome {
    background-color:#001A00;
    width:20%;
    float:right;
    text-align:center;
    color:#AC8330;
    margin:7%;
    margin-right:4%;
    margin-left:1%;
    margin-bottom:1%;
    position:relative;
    padding:1%;
    border-style:solid;
    border-width:0.2em;
    border-color:#AC8330;
}
.rightadmin {
    background-color:#001A00;
    width:20%;
    float:right;
    text-align:center;
    font-size:1em;
    margin:4%;
    margin-right:2%;
    margin-left:1%;
    margin-bottom:1%;
    margin-top:7%;
    padding:1%;
    border-style:solid;
    border-width:0.2em;
    border-color:#AC8330;
}
.widgit {
         background-color:#003300;
         width:45%;
         float:left;
         margin-top:15%;
         margin-right:25%;
         margin-left:22%;
         margin-bottom:5%;
         padding:3%;
         border-style:solid;
         border-width:0.2em;
         border-color:#AC8330;
        }
.widgit2 {
         background-color:#003300;
         width:65%;
         float:left;
         margin-top:15%;
         margin-right:25%;
         margin-left:13%;
         margin-bottom:5%;
         padding:3%;
         border-style:solid;
         border-width:0.2em;
         border-color:#AC8330;
        }
.widgit3 {
         background-color:#003300;
         width:14%;
         float:left;
         margin:7%;
         margin-left:10%;
         margin-right:12%;
         padding:1%;
         border-style:solid;
         border-width:0.2em;
         border-color:#AC8330;
        }
.left {
               background-color:#001A00;
               width: 16%;
               height: auto;
               margin-top: 15%;
               margin: 7%;
               margin-left:7%;
               margin-right:4%;
               padding: 1%;
               position:relative;
               float:left;
               text-align:left;
               text-color:black; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.lefthome {
               background-color:#001A00;
               width: 20%;
               height: auto;
               margin-top: 15%;
               margin: 7%;
               margin-left:4%;
               margin-right:2%;
               padding: 1%;
               position:relative;
               float:left;
               text-align:center;
               color:#AC8330; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }

.centre {
               background-color:#003300;
               width: 25%;
               height: 10%;
               margin: 2%;
               margin-left:35%;
               padding: 2%;
               position:relative;                
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.centremain {
            width:60%;
            height:100%;
            margin-top:0%;
            margin-left:19%;
            height:auto;
            border:none;
            background-color:#003300;
            text-align:center;
            }
.centreclick {
               background-color:#003300;
               width: 40%;
               height: auto;
               margin: 1%;
               margin-left:28%;
               padding: 1%;
               position:center;                
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.centre1 {
               background-color:#003300;
               width: 30%;
               color:#AC8330;
               height: auto;
               margin: 7%;
               margin-left:10%;
               margin-bottom:4%;
               padding: 2%;
               position:relative;
               float:left; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.centre2 {
               background-color:#003300;
               width: 30%;
               height: auto;
               margin: 7%;
               margin-left:10%;
               margin-bottom:4%;
               margin-top:10%;
               padding: 2%;
               position:relative;
               float:left; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
               }
.centrelogin {
               background-color:#001A00;
               width: 60%;
               height: auto;
               margin: 3%;
               margin-left:18%;
               padding: 1%;
               position:relative;
               float:left; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.blurblog{
    width:45%;
    text-align: justify;
    text-justify: auto;
    text-color:#AC8330;
    float:left;
    line-height:1.5em;
    padding:1%;
    margin:1%;
    margin-left:5%;
    font-size: 0.75em;
    background-color: #003300;
    background-image: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.centrelog  {
    background-color:#001A00;
    color:#AC8330;
    margin-bottom:4%;
    width:96%;
    float:right;
    text-align:center;
}
.centrerequest {
               background-color:#001A00;
               width: 20%;
               height: auto;
               margin: 7%;
               margin-left: 3%;
               margin-right: 3%;
               margin-bottom:4%;
               padding: 2%;
               position:relative;
               float:left;
               text-align:left;
               color:#AC8330; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.centresuccess {
               background-color:#003300;
               width: 20%;
               height: 30%;
               color: AC8330;
               margin:12%;
               margin-left:35%;
               margin-bottom:3%;
               padding: 5%;
               position:relative;
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.centrestats {
               background-color:#003300;
               width: 30%;
               height: auto;
               margin: 2%;
               margin-top:5%;
               margin-left:35%;
               padding:1%;
               position:relative;
               float:left; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.centrestats1 {
               background-color:#003300;
               width: 30%;
               height: auto;
               margin: 2%;
               margin-top:5%;
               margin-left:35%;
               padding:1%;
               position:relative;
               float:left; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.centrehome {
               background-color:#001A00;
               color:#AC8330;
               width: 37%;
               height: auto;
               margin:7%;
               margin-left:1%;
               margin-right:1%;
               margin-bottom:4%;
               padding: 1%;
               position:relative;
               float:left;
               text-align:left; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.newcentrehome {
               background-color:#001A00;
               width: 28%;
               height: auto;
               margin:7%;
               margin-left:1%;
               margin-right:1%;
               margin-bottom:4%;
               padding: 1%;
               position:relative;
               float:left;
               text-align:left; 
               border-style:solid;
               border-width:0.2em;
               border-color:#AC8330;
              }
.midcentre {
            width:95%;
            margin-top:2%;
            margin-bottom:3%;
            margin-left:1%;
            height:auto;
            background-color:#004D00;
            text-align:center;
            }
.guestrequest{
        background-color:#003300;
        height:auto;
        width:40%;
        margin:10%;
        margin-top:10%;
        margin-bottom:1%;
        padding:1%;
        font-size: 0.875em;
        color:#AC8330;
        margin-left:28%;
        border-style:solid;
        border-width:0.2em;
        border-color:#AC8330;
       }
.blurb{    
    width:20%;
    float:left;
    font-size: 0.82em;
    background-color: #19A347;
    background-image: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.logintable{
    width:65%;
    line-height:1em;
    margin:4%;
    margin-left:16%;
    padding:1%
    font-size: 1em;
    background-color: #53c653;
    border-style:solid;
    border-width:0.6em;
    border-color:#206020;
}
.blurb3{    
    width:20%;
    float:right;
    margin-right:40%;
    font-size: 0.82em;
    background-color: #19A347;
}
.blurb4{    
    width:15%;
    float:left;
    font-size: 0.82em;
    background-color: #19A347;
    background-image: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}    
.players{    
    width:50%;
    text-align:center;
    float:right;
    margin:5%;
    margin-right:20%;
    padding:2%;
    font-size: 1em;
    background-color: #19A347;
}
.players2{    
    width:25%;
    text-align:center;
    float:left;
    margin:1%;
    margin-left:2%;
    margin-right:2%;
    padding:1%;
    font-size: 0.75em;
    background-color: #19A347;
}
.players3{    
    width:50%;
    text-align:center;
    float:right;
    margin:1%;
    margin-right:15%;
    padding:2%;
    font-size: 0.75em;
    background-color: #19A347;
}
 
section {
    width:20%;
    height:auto;   
    background-color:#003300;
    float:left;
    margin:7%;
    padding:1%;
    border-style:solid;
    border-width:0.2em;
    border-color:#AC8330;
    font-family: Verdana, sans-serif;
}
.basic {
        border:none;
        padding:2%;
        margin:20%;
       }
.basic1 {
        background-color:#003300;
        height:auto;
        width:90%;
        margin-top:10%;
        padding:1%;
        font-size: 0.875em;
        margin-left:5%;
        border-style:solid;
        border-width:0.2em;
        border-color:#AC8330;
        }
.basic1a {
        background-color:#003300;
        height:auto;
        width:90%;
        margin-top:2%;
        padding:1%;
        font-size: 0.4em;
        margin-left:5%;
        border-style:solid;
        border-width:0.2em;
        border-color:#AC8330;
        }
.basic2 {
        background-color:#003300;
        height:auto;
        width:80%;
        border:none;
        margin-top:7%;
        padding:1%;
        font-size: 0.875em;
        margin-left:10%;
        border-collapse:none;
        border-style:solid;
        border-width:0.2em;
        border-color:#AC8330;
       }
.basic3 {
        background-color:#003300;
        height:auto;
        width:60%;
        margin:5%;
        margin-top:7%;
        padding:1%;
        font-size: 0.875em;
        color:#AC8330;
        margin-left:18%;
        border-style:solid;
        border-width:0.2em;
        border-color:#AC8330;
       }
.basic4 {
        background-color:#003300;
        height:auto;
        width:30%;
        margin:5%;
        margin-top:7%;
        padding:1%;
        font-size: 0.875em;
        color:#AC8330;
        margin-left:37%;
        border-style:solid;
        border-width:0.2em;
        border-color:#AC8330;
       }

.basic5 {
        background-color:#003300;
        height:auto;
        width:90%;
        border:none;
        margin-top:10%;
        padding:0.5%;
        font-size: 0.875em;
        margin-left:5%;
        border-style:solid;
        border-width:0.2em;
        border-color:#AC8330;
       }
.basic6 {
        background-color:#003300;
        height:auto;
        width:65%;
        margin:2%;
        margin-top:7%;
        padding:1%;
        font-size: 0.875em;
        color:#AC8330;
        margin-left:2%;
        border-style:solid;
        border-width:0.2em;
        border-color:#AC8330;
       }
footer {
    background-color:#339933;
    color:black;
    clear:both;
    text-align:center;
    padding:0.25em;
    font-family: Verdana, sans-serif;
    font-size: 1em;	 	 
}
ul 
      {
       clear:left;
       width:98%;
       float:left;
       background-color:#001A00;
       font-weight:bold;
       font-size:1em;
       list-style:none;
       margin:0.2%;
       padding:0.2%;
       //border-style:solid;
       //border-width:0.0625em;
       //border-color:#AC8330;
       position:absolute;
       text-align:center;
       overflow:visible;
       
       }
ul ul
     {
      position:absolute;
      display:none;
      overflow:visible;
      padding:0;
      margin:0;
      width:100%;
      pointer-events: auto;
      cursor: pointer;
     }

 li {
     position:relative;
     display:inline;
     float: left;
     width:8.85%;
     padding:1%
     background-color:#001A00;
     //border-left: 1px solid #AC8330;    
    }

li:first-child {
                     border-left:none;
                    }
li:hover ul
           {
            width:100%;
            display:block;
           }
li.bar
      {
       padding:0;
       width:100%;
       font-size:0.75em;
       z-index:9999;
       background-color:003300;
      }
li.stats
      {
       padding:0;
       width:800%;
       z-index:9999;
       background-color:003300;
      }
li.mon
    {float: left;
     width:10.85%;
     padding:1%
     background-color:#001A00;
     border-left: 1px solid #AC8330;    
    }
li.mon:first-child {
                     border-left:none;
                    }
li.dropdown {
             display: inline-block;
             width:98%;
             margin:0;
             padding:0;
            }

.dropdown-content {
    display: none;
    position: absolute;
    margin-top:-1.5%;
    margin-left:8%;
    background-color: #003300;
    min-width: 9%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 0%;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #AC8330}

.dropdown:hover .dropdown-content {
    display: block;
}
 
a:link, a:visited {
                   display:block;
                   width:auto;
                   height:auto;
                   float:center;
                   font-weight:bold;
                   font-size:1em;
                   color:#AC8330;
                   background-color:#001A00;
                   text-align:center;                   
                  }
a.winta:link, a.winta:visited {
                   display:block;
                   width:90%;
                   float:left;
                   font-weight:bold;
                   font-size:1em;
                   color:#AC8330;
                   background-color:#001A00;
                   text-align:center;                   
                  }
a.heading:link, a.heading:visited {
                   display:block;
                   width:5%;
                   float:right;
                   font-weight:bold;
                   font-size:1em;
                   color:#AC8330;
                   background-color:clear;
                   text-align:center;                   
                  }
a:hover, a:active {
                   background-color: #001A00;
                  }
.guest{
                   width:50%;
                   float:left;
                   font-weight:bold;
                   font-size:1.5em;
                   color:black;
                   background-color:#98bf21;
                   text-align:center;
                   padding:1%;
                   margin:3%;                                   
       }
.header{
                   display:block;
                   width:90%;
                   float:center;
                   font-weight:bold;
                   font-size:1em;
                   color:black;
                   background-color:#98bf21;
                   text-align:center;
                   padding:0.2em;
                   margin:0.2em;
                   text-decoration: none;
                   text-transform: none;                   
                   overflow:visible;
                   z-index:1;
        }
.header1{
                   display:block;
                   width:180%;
                   float:right;
                   font-weight:bold;
                   font-size:1em;
                   color:black;
                   background-color:#98bf21;
                   text-align:center;
                   padding:0.2em;
                   margin:0.2em;
                   text-decoration: none;
                   text-transform: none;                   
                   overflow:visible;
                   z-index:2;
        }
.ssnavli{
         width:9.9%;
        }
.success{
                   display:block;
                   width:90%;
                   float:center;
                   font-weight:bold;
                   font-size:1em;
                   color:#AC8330;
                   background-color:#003300;
                   text-align:center;
                   padding:0.2;
                   margin:0.2em;
                   text-decoration: none;
                   text-transform: none;                   
                   overflow:hidden;
                   border: 0.1em solid #AC8330;
         }
.lunch{
                   width:20%;
                   float:left;
                   font-weight:bold;
                   font-size:1.5em;
                   color:black;
                   background-color:#98bf21;
                   text-align:center;
                   padding:1%;
                   margin:3%;                   
                   border: 0.1em solid #AC8330;
         }
.winta{
                   width:100%;
                   float:left;
                   font-weight:bold;
                   font-size:1.5em;
                   color:black;
                   background-color:#0099cc;
                   text-align:center;
                   padding:1%;
                   margin:1%;                                   
       }
.group {
        width:95%;
        padding:1%;
        margin-right:2%;
        text-align: left;
        font-size: 0.875em;				
}
.plain {
        background-color:#0099cc;
        width:8%;
        overflow:hidden;
        border-color:#98bf21;
        text-align:left;
        margin:0;
        padding:0;
       }
hr {
    height: 0.1em;
    color: #AC8330;
    background-color: #AC8330;
    border: none;
   }

table {
       border: 1px solid #AC8330;
       border-collapse: collapse;       
       text-align: left;
       width:50%;
       font-size: 0.875em;				
       }
th {
     border: 1px solid #AC8330;
     background-color: #004d00;
     color: #AC8330;
     text-align: left;
     font-size: 0.875em;
    }
td {
    border: 1px solid #AC8330;    
    background-color: #001A00;
    padding:0.1em;
    color: #AC8330;
    text-align: left;
    font-size: 0.875em;				
   }
th.winta1 {
     border: 1px solid #AC8330;
     background-color: #004d00;
     color: #AC8330;
     text-align: center;
     font-size: 0.875em;
    }
td.winta1 {
    border: 1px solid #AC8330;    
    background-color: #001A00;
    text-align: center;
    color: #AC8330;
    font-size: 0.875em;				
   }
.log {
      background-color:white;
      border:none;
      text-align:left;
      font-size: 1em;
      padding:1%;       
      }
.log1 {
      background-color:white;
      width:60%;
      margin:2%;
      margin-left:18%;
      text-align:left;
      font-size: 1.1em;
      padding:1%;
      border-style:solid;
      border-width:0.2em;
      border-color:#206020;       
      }
.center  {
          background-color:#003300;
          margin-top:2%;          
    	  margin-left:auto; 
    	  margin-right:auto;
          font-size:1em;
          color:#AC8330
          padding:2%;
          border-style:solid;
          border-width:0.2em;
          border-color:#AC8330;
         }
.contacts {
           width:80%;
           margin-left:auto; 
    	   margin-right:auto;
           font-size:1em;
          }
.winter {
           border: 0.1em solid #AC8330;
           border-collapse: collapse;
           width:60%;
           margin-left:auto; 
    	   margin-right:auto;
          }	   

.profile {
             border: 0.1em solid #AC8330;
             color:#AC8330;
             padding:1%;
}
.groups {
             border: 0.1em solid #AC8330;
             width:14%;
             color:#AC8330;
             padding:1%;
             overflow:hidden;
}
.groupscomment {
             border: 0.1em solid #AC8330;
             color:#AC8330;
             font-size:1em;
             padding:1%;
             overflow:hidden;
}
.groupshead {
             border: 0.1em solid #AC8330;
             width:6%;
             color:#AC8330;
             padding:0.5%;
}
.groupsbighead {
             border: 0.1em solid #AC8330;
             font-size:1.5em;
             text-align:center;
             color:#AC8330;
             padding:1%;
}
.update{
             text-align:center;
}

.center1  {
    width:100%;
    margin-left:auto; 
    margin-right:auto;
}
.img {
      background-color:white;
      margin: 1%;
      padding: 2%;
      border: 0.1em solid black;
      height: auto;
      width: auto;     
      text-align: center;
      image-align:center;
     }
.imglog {
      background-color:white;
      margin: 1%;
      padding: 2%;
      border: 0.1em solid white;
      height: auto;
      width: auto;     
      text-align: center;
      image-align: center;
     }
form.loginf  { 
             display: table;
             text-align:center;
            }
input.logini { display: table-cell; }

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 1%;
    font-size: 1 em;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
  }

a.dropdown:last-child {
    border-bottom: none;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #001A00;
    width: 100%;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: none;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
} 


#div1 {
        width: 25%;
        height: 90%;
        float: left;
        margin-top: 15%;
        background: #DDD;
      }

#div2 {
        width: 25%;
        height: 100%;
        float: left;
        background: #AAA;
      }

#div3 {
        width: 25%;
        height: 100%;
        float: left;
        background: #777;
      }

#div4 {
        width: 25%;
        height: 100%;
        float: left;
        background: #444;
      }