/*TOP NAVIGATION */ 

#navigation  {

    background-color: #transparemt;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    padding-top: 6px;

    padding-bottom: 25px;

    padding-left: 25px;

    font-size: 1.1em;

    margin-top:-120px;

}

#navigation  li

{

    display: inline;

    list-style-type: none;

    padding-left: 5px;

    text-transform: capitalize;



}

#navigation  a {

    text-decoration: none;

    color: #ffffff;

    font-weight: bolder;

    padding:3px 5px;

}




.linkOne a:hover {

    color: #ffffff;
        
    background-color:#D9C32C;
        
    padding:3px 5px;
      
}


.linkTwo a:hover {

    color: #ffffff;
        
    background-color:#F9A721;
        
    padding:3px 5px;
      
}

.linkThree a:hover {

    color: #ffffff;
        
    background-color:#f52f15;
        
    padding:3px 5px;
      
}

.linkFour a:hover {

    color: #ffffff;
        
    background-color:#f700f2;
        
    padding:3px 5px;
      
}

.linkFive a:hover {

    color: #ffffff;
        
    background-color:#5800DD;
        
    padding:3px 5px;
      
}

.linkSix a:hover {

    color: #ffffff;
        
    background-color:blue;
        
    padding:3px 5px;
      
}

.linkSeven a:hover {

    color: #ffffff;
        
    background-color:#29cc15;
        
    padding:3px 5px;
      
}


.linkActive1 {

    color: #ffffff;
        
    background-color:#D9C32C;
        
    padding:3px 5px;
      
}


.linkActive2 {

    color: #ffffff;
        
    background-color:#F9A721;
        
    padding:3px 5px;
      
}

.linkActive3 {

    color: #ffffff;
        
    background-color:#f52f15;
        
    padding:3px 5px;
      
}

.linkActive4{

    color: #ffffff;
        
    background-color:#f700f2;
        
    padding:3px 5px;
      
}

.linkActive5 {

    color: #ffffff;
        
    background-color:#5800DD;
        
    padding:3px 5px;
      
}

.linkActive6 {

    color: #ffffff;
        
    background-color:blue;
        
    padding:3px 5px;
      
}

.linkActive7 {

    color: #ffffff;
        
    background-color:#29cc15;
        
    padding:3px 5px;
      
}




			/*SIDE NAV */ 


#nav { 

    text-align: left;

    width: 200px;

    float: left;

    margin: 35px 0px 0px 25px;

    font-size:1.1em;

}



#nav ul { 

    width: 200px; 

    padding-top: 4px; 

    margin: 0px 0px 20px 2px;


}



#nav li { 


    list-style: none; 
    padding:0px 0px 5px 0px; 
  
}



#nav li a, #nav li a:visited { 

    padding: 4px 4px 4px 6px; 

    text-decoration: none; 

    display: block;

    font-weight: bolder;

    color:#ffffff;

    background-color:transparent;


} 





#nav ul .active a {

    padding: 4px 4px 4px 6px; 

    text-decoration: none; 

    display: block;

    font-weight: bolder;

    color:#ffffff;

    background-color:#AEC144;

    border-top: 1px solid #AEC144;

    border-right: 1px solid #AEC144;

    border-left: 4px solid #AEC144;

}


#nav .linkOne a:hover {

    color: #ffffff;
        
    background-color:#D9C32C;
        
    padding:3px 5px;

    padding: 4px 4px 4px 6px; 
      
}


#nav .linkTwo a:hover {

    color: #ffffff;
        
    background-color:#F9A721;
        
    padding:3px 5px;

    padding: 4px 4px 4px 6px; 
      
}

#nav .linkThree a:hover {

    color: #ffffff;
        
    background-color:#f52f15;
        
    padding:3px 5px;

    padding: 4px 4px 4px 6px; 
      
}

#nav .linkFour a:hover {

    color: #ffffff;
        
    background-color:#f700f2;
        
    padding:3px 5px;

    padding: 4px 4px 4px 6px; 
      
}

#nav .linkFive a:hover {

    color: #ffffff;
        
    background-color:#5800DD;
        
    padding:3px 5px;

    padding: 4px 4px 4px 6px; 
      
}

#nav .linkSix a:hover {

    color: #ffffff;
        
    background-color:#blue;
        
    padding:3px 5px;

    padding: 4px 4px 4px 6px; 
      
}

#nav .linkSeven a:hover {

    color: #ffffff;
        
    background-color:#29cc15;
        
    padding:3px 5px;

    padding: 4px 4px 4px 6px; 
      
}