.top {
    height: 100px;
    width:100%;
    font-size: 200%;
    color:white;
    vertical-align: middle;
    font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-style: italic;
    text-align: left;
    padding-bottom: 0px;
}
    
.logo {
    
    top:0px;
    width:300px;
    float:left;
    padding-left: 30px;
}

    

.foot{}

.sideLeft{
    position: absolute;
    height: 100%;

}
.sideRight{
    float:right;
    height:100%;
    width:152px;

}

.menu{

    font-family: "Verdana", sans-serif;
    color: white;
    font-size:medium;
    width:100px;
    position: relative;
    top: 30px;
    padding-left: 15px;
    padding-right: 5px;

    
}

.mid{
    font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    color:black;
    position:absolute;
    top: 105px; left:135px;right:160px;bottom:215px;

    


}

p {
    font-family: "Verdana", sans-serif;
} 

/* unvisited link */
a:link {
    color: #FF0000;
}

/* visited link */
a:visited {
    color: #00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
     color: #0000FF;
}

.yellowCircle {
    font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    height:95px;
    width:150px;
    border-radius:100px 100px 100px 100px;
    background: #Ffc965;
    float:right;
    color:white;
    font-size: large;
    text-align: center;
    padding-top:55px;
    padding-bottom:-50px;

}


.yellowCircle2 {
    font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    position:relative;
    top:-25px;
    height:95px;
    width:150px;
    border-radius:100px 100px 100px 100px;
    background: #Ffb732;
    float:right;
    color:white;
    font-size: large;
    text-align: center;
    padding-top:55px;
    padding-bottom:-50px;
    z-index: 50px;

}

.yellowCircle3 {
    font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    position:relative;
    top:-50px;
    float:right;
    height:95px;
    width:150px;
    border-radius:100px 100px 100px 100px;
    background: #Ffa500; 
    color:white;
    font-size: large;
    text-align: center;
    padding-top:55px;
    padding-bottom:-50px;
    z-index: 100px;

}


.central{
    clear:both;

    text-align: center;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom:0; right: 0;
}

    
.retreat{
    text-align: center;
    vertical-align: middle;
}    

.halfCircleLeft{
     height:90px;
     width:40px;
     border-radius: 90px 0 0 90px;
     background:green;
}

.halfCircleBottom{
     position:absolute;
     top:510px;
     margin:auto; 
     height:67px;
     width:98%;
     border-radius: 0 0 90px 90px;
     background:#ff00d7;
     clear:both;
     text-align:center;
     padding-top:5px;
     color: white;
     font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
     font-size: 250%;
     
}

.halfCircleTop{
     position:absolute;
     top:0px;
     margin:auto; 
     height:100px;
     line-height: 100px;
     width:98%;
     border-radius: 00px 00px 300px 00px;
     background:#ff00d7;
     clear:both;
     text-align:center;
     padding-top:5px;
     color: white;
     font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
     font-size: 125%;
     
}

.halfElipseRight{
     height:75px;
     width:125px;
     background: #bf00a1;
     border-radius: 0px 1000px 1000px 0px;
         margin-bottom: 2px;
    
}