body {width: 100%; height: 100%; background-color: #4d4d4d}
h3 {text-align: center; font-weight: bold}
button {margin: 4px 4px}
#indexbody {text-align: center; background-image: url('pictures/me_piano_sq_sm.png'); background-size: contain; background-position: center top;background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif}
#topleft {width: 50%; height: 47.5%; float: left}
#topright {width: 50%; height: 47.5%; float: right}
#bottomleft {width: 50%; height: 47.5%; float: left}
#bottomright {width: 50%; height: 47.5%; float: right}
#menu {display: inline-block; width: 400px; height: auto;}
#logo {display: inline-block; width: 500px; height: 265px; background-image: url('pictures/bannerNameSm.png'); vertical-align: top; background-repeat: no-repeat;}
#header {display: inline-block; width: 100%;}
#imgDiv {position: fixed; top: 0; width: auto; height: auto; z-index: -1;}
#name {margin-left: 10px; padding-left: 5px}
#clockspace {display: inline-block; text-align: center; width: 400px; vertical-align: top;}
#clock {padding: 0 2px 0 2px; color: #f2f2f2}
#dashclock {position: relative; left: 50%; display: inline-block; padding: 0 2px 0 2px; color: #808080}
#spacer {display: inline-block; width: 400px}
.logFrm {max-width: 330px; position: absolute; bottom:0; right:0; color: #017572}
.projbtn {font-size: 100%; font-weight: bold; background-color: #bddacd; border-style: none; box-shadow: 5px 5px #f2f2f2; height: 36px; width: 180px; cursor: pointer}
.centernav {width: 100%; height: 5%; display: inline-block; background-color: #f0f0f5}
.centernav p {display: inline; vertical-align: middle}
.topnav {background-image: url('misc/topDK.jpg')}
.topnav a:hover {background-color: #ddd; color: black}
.topnav a:active {background-color: #FFFFFF}
a:hover {background-color: #ddd; color: black}
a:active {background-color: #FFFFFF;}