body {
    font-family: 'Open Sans', Arial;
    margin:0px;
    background-image:url(Grey-cement-Seamless-Pattern-For-Website-Background.jpg);
}
.circleDiv, .navButtons{
    cursor: pointer;
}
a {
    color: inherit;  
    text-decoration: none; /* no underline */
}

#topNavBar{
    top: 0px;
    background-color: white;
    color: rgb(128, 128, 128);
    position: absolute;
    width: 100%;
    /* margin-left: 100px; */
    border-bottom-style: solid;
    border-bottom-color: rgb(128, 128, 128);
}
#DHATitleDiv{
        
        padding-left: 40px;
        padding-right:0px;
}



#DHATitle, #logo{
    float:left;
}
#exploreButton{
    float:left;
}
#showcaseButton{
    float:left;
    padding-left:50px;

}
#centeringContatinerOuter{
    margin-top:130px;
    width:100%;
}
#centeringContatinerInner{
    margin:0 auto;
}
#navButtonsDiv{
    width:200px;
    padding-left:100px;
    margin-top:10px;
    float:left;
}
.circleDiv{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 7px solid rgb(128, 128, 128);
    margin-left:20px;
    margin-bottom:20px;
}

/*.row{
    clear:both;
    height:280px;
    margin-bottom:20px;
}
.twoWide{
    width:58%;
}
.threeWide{
    width:100%;
}
.oneWide{
    width:33%;
}*/

#breathingCity{
    background-image: url(nyBreathe.gif);
    background-size: cover;
    
    background-position-x: 22px;
    background-position-y: 7px;
    float:left;
}
.squares{
    width: 600px;
    margin-bottom:50px;
    height: 448px;
}
#clearTable{
    background-image: url(ClearOffTheTableMd.gif);
    background-size: cover;
    
    background-position-x: 0px;
    background-position-y: 0px;
    float:left;

}
#naked{
    background-image: url(data-ink.gif);
    background-size: cover;
    
    background-position-x: 0px;
    background-position-y: 0px;
    float:left;

}
#pie{
    background-image: url(devourThePie3.gif);
    background-size: cover;
    
    background-position-x: 0px;
    background-position-y: 0px;
    float:left;

}
#worldChatClock{
    background-image: url(worldChat.jpg);
    background-size: cover;
    
    background-position-x: -20px;
    background-position-y: 0px;
    float:left;

}

#highSchoolViz{
    background-image: url(grades.jpg);
    background-size: cover;
    
    background-position-x: 0px;
    background-position-y: 7px;
    float:left;
}
#babyNames{
    background-image: url(babyNames.jpg);
    background-size: cover;
    
    background-position-x: -20px;
    background-position-y: 0px;
    float:left;
}
#hockeyImpact{
    background-image: url(hockeyImpact.jpg);
    background-size: cover;
    
    background-position-x: -15px;
    background-position-y: 0px;
    float:left;
}
#uniform{
    background-image:url(uniform.jpg);
    background-size: cover;
    
    background-position-x: -241px;
    background-position-y: -19px;
    float:left;
}
#aphin{
    background-image: url(aphin.jpg);
    background-size: cover;
    
    background-position-x: -241px;
    background-position-y: -19px;
    float:left;
}

#abed{
    background-image: url(abed.jpg);
    background-size: cover;
    
    background-position-x: -241px;
    background-position-y: -19px;
    float:left;
}
#mortgage{
    background-image: url(mortgage.jpg);
    background-size: 220px 220px;
    
    background-position-x: 0px;
    background-position-y: -19px;
    float:left;
}
#excel{
    background-image: url(excel.jpg);
    background-size: 223px 239px;
    background-position-x: -124px;
    background-position-y: 7px;
    float: left;
}