*{margin:4px;padding:4px;}
body {
    position: center;       
    font-family: Arial, Helvetica, sans-serif;
    background-color: AliceBlue;
}
.header {
	background-color: #005C97;
	color: white;
	font-size: 36px;
    border-radius:8px;
}
.vertical-menu {
	width: 100%;
	text-align: center;
	border-radius:8px;
	background-color: lightcoral;
}
.vertical-menu a {
	background-color: lightseagreen;
	color: white;
	display: block;
	padding: 24px;
	text-decoration: none;
}
.vertical-menu a:hover {
	background-color: #ccc;
	color: black;
}
.vertical-menu a.active {
	background-color: Gray;
	color: white;
}
		
.clockdate-wrapper {
	background-color: #005C97;
    padding:8px;
    width:100%;
    text-align:center;
    border-radius:8px;
 }
 #clock{
    font-family: sans-serif;
    font-size:24px;
    text-shadow:0px 0px 1px #fff;
    color:#fff;
 }
 #clock span {
    color:#888;
    text-shadow:0px 0px 1px #333;
    font-size:12px;
    position:relative;
    top:-5px;
    left:10px;
 }
 #date {
    letter-spacing:3px;
    font-size:14px;
    font-family:arial,sans-serif;
    color:#fff;
 }