.heading {          
    font-size: 20px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif, serif;
    color: #30302E;
    padding: 10px 0px;
    margin: 0px 0px;
    text-align: center;
    background-color: #98A7B8;

} 

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.topictitle {          
    font-size: 20px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #30302E;
    padding: 0px 0px;
    margin: 0px;
    text-align: left;
}

.desctext {
    font-size: 15px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
    color:#888888;
    font-style: italic;
    padding: 5px 0px 0px 5px;
}

.footer {
    font-size: 16px;
    padding: 10px 0px 30px 0px;
    background-color: #98A7B8;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}


/* #menu ul {
    list-style:none;
    font-family: 'palatino linotype',palatino;
    font-size: 30px;
    letter-spacing: -3px;
    line-height: 1.2em;
    float:left;
    clear:both;
    margin:5px;
    border:0px double #ccc;
}
*/
#menu {
    align-items:center;
    background-color: #dddfe6;
    display:flex;
    justify-content: center;
    margin: 0px 0px;
}

#menu ul {
    list-style:none;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size:23px;
    letter-spacing: 1px;
    text-align: left;
    line-height: 1.2em;
    float:center;
    clear:both;
    margin:0px;
    border:0px double #ccc;
}
#menu ul li{
    float:left;
}
#menu ul li a{
    display:block;
    text-decoration:none;
    padding:20px 5px 0px 0px;
    color:#555;
    width: 150px;
}
#menu ul li a span{
    display:block;
}
#menu ul li a span.title{
    border-top:1px solid #888888;
    border-bottom:1px solid #888888;
}
#menu ul li a:hover span.title{
    color:#ccc;
}
#menu ul li a span.text{
    padding:0px 5px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.7em;
    color:#444;
    visibility:hidden;
}
#menu ul li a:hover span.text{
    visibility:visible;
}
#menu p.text{
    padding:0px 15px;
    font-style: normal;
    font-weight: normal;
    color:#444;
}

body {
    background-color: #F0EEF2;
	margin:0px; padding:0px;
	text-align:center;
}


#wrapper {
width: 900px; 
margin: 0px auto;
padding: 0px;
text-align:left;

}

#page  {
margin: 0px 40px 40px 60px;
padding: 0;
vertical-align: baseline;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 16px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
letter-spacing: 0px;
list-style:none;
color: #6e6e6e;

/*
margin: 10px 140px 100px 67px;
    	font-family: 'palatino linotype',palatino;

        color: #0000000;
    	padding:10px 10px 5px 10px;

        text-align: justified;
*/
}

#page a:link {color: #ccc;text-decoration:none;
}
#page a:visited {color: #bbb;text-decoration:none;
}
#page a:hover {color: #333333;text-decoration:none;
}
#page a:focus {color: #333333;text-decoration:none;
}
#page a:active {color: #999999;text-decoration:none;
}