img
    {
    display: inline;
    border-style: none;
    }
body
    {
    background-color:#505079;
    min-width:320px;
    width:responsive;
    height:100%;
    color:#000000;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:15px;
    margin:0;
    cursor:default;
    text-align:center;
    }
::-moz-selection 
    {
    color:#FFFFFF;
    background: #505079;
    }
::selection
    {
    color:#FFFFFF;
    background: #505079;
    }
@font-face
    {
    font-family: bauhs;
    src: url(/files/BAUHS93.TTF);
    }
@font-face
    {
    font-family: LITHOS;
    src: url(/files/LITHOSPRO-REGULAR.OTF);
    }
A:link 
    {
    text-decoration: none; 
    font-weight:bold;
    color: #505079;
    transition:color .5s, background-color .5s;
    -webkit-transition:color .5s, background-color .5s; /* Safari */
    }
A:visited 
    {
    text-decoration: none; 
    font-weight:bold;
    color: #505079;
    }
A:active 
    {
    text-decoration: none; 
    font-weight:bold;
    color: #505079;
    }
A:hover 
    {
    text-decoration: none; 
    font-weight:bold;
    color: #FFFFFF;
    background-color:#505079;
    }
h1
    {
    margin:0 auto 0 auto;
    padding:0;
    text-indent:-9999px;
    height:0;
    }
.top
    {
    z-index:3;
    width:100%;
    margin:0;
    padding:0;
    display: inline-block;
    background-image:url(/images/design/bg.png);
    position:fixed;
    }
.topbanner
    {
    z-index:2;
    max-width:100%;
    min-height:175px;
    margin:0 auto;
    }
h2
    {
    margin:0;
    padding:0;
    font-weight:normal;
    }
.navigation
    {
    padding:0; 
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    }
.navbutton
    {
    font-size:18px;
    }
.navbutton:hover
    {
    background-color:#505079;
    }
.content
    {
    min-height:580px;
    margin: 0 auto 0 auto;
    padding: 15px 25px;
    background-color: #FFFFFF;
    }
p
    {
    text-align:justify;
    }
.ileft
    {
    float:left;
    margin:0 15px 0 0;
    min-width:250px;
    max-width:500px;
    min-height:250px;
    width:100%;
    }
.iright
    {
    float:right;
    margin:15px 0 0 15px;
    min-width:250px;
    max-width:500px;
    min-height:250px;
    width:100%;
    }
.image
    {
    width:100%;
    }
.footer
    {
    font-size:17px;
    padding: 15px 25px;
    font-family: Tahoma;
    border-top:5px solid #FFFFFF;
    background-color:#505079;
    color:#FFFFFF; 
    }
.footerimg
    {
    max-height:125px;
    float:left;
    margin-right:5px;
    }
.footer a
    {
    color:#FFFFFF;
    font-weight:normal;
    font-size:23px;
    }
@font-face
    {
    font-family: special;
    src: url(/files/FRAHV.TTF);
    }
.special
    {
    font-family: special, tahoma, sans-serif;
    }
.whitebutton
    {
    font-size:15px;
    padding:5px;
    border-radius:5px;
    -moz-border-radius:5px;
    border:solid 2px #ffffff;
    }
.whitebutton:hover
    {
    color:#505079;
    background-color:#FFFFFF;
    }
.biodiv
    {
    float:right; 
    margin-left:25px; 
    margin-bottom:10px; 
    min-width:250px;
    max-width:500px;
    min-height:250px;
    width:100%;
    background-color:#cccccc;
    transition:background-color .5s;
    -webkit-transition:background-color .5s; /* Safari */
    text-align:center;
    color:#FFFFFF;
    }
.biodiv:hover
    {
    background-color:#666666;
    }
.biodiv p
    {
    max-width:100%;
    text-align:center;
    }
.bioinfo
    {
    margin:0;
    padding:0 0 5px 0;
    text-align:left;
    color:#FFFFFF;
    font-size:15px;
    font-weight:normal;
    font-family:SHONAR, verdana, arial, helvetica, sans-serif;
    }
.socialmedia
    {
    padding: 0px 0px;
    font-family: Tahoma;
    color:#FFFFFF;
    text-align:center;
    }
.socialbutton
    {
    height: 35px; 
    display: inline-block;
    margin:5px 10px;
    padding:0;
    vertical-align:middle;
    }
.maintitle
    {
    margin:0 0 -5px 0;
    font-size:40px;
    color:#000000;
    }
.subtitle
    {
    margin:0 0 -5px 0;
    font-size:35px;
    color:#000000;
    }
.mintitle
    {
    margin:0 0 -5px 0;
    font-size:30px;
    color:#000000;
    }
.footer p
    {
    max-width:100%;
    }
input
    {
    font-size:18px;
    margin:5px 0 5px 0;
    padding:8px;
    border:solid 2px #f0f0f0;
    color:#757575;
    }
input:Focus
    {
    border:solid 2px #663399;
    color:#000000;
    }
select
    {
    font-size:18px;
    margin:5px 0 5px 0;
    padding:8px;
    border:solid 2px #f0f0f0;
    color:#757575;
    }
select:Focus
    {
    border:solid 2px #663399;
    color:#000000;
    }
textarea
    {
    font-size:18px;
    font-family: Verdana;
    margin:5px 0 5px 0;
    padding:8px;
    border:solid 2px #f0f0f0;
    color:#757575;
    }
textarea:Focus
    {
    border:solid 2px #663399;
    color:#000000;
    }
.bauhs
    {
    font-family:bauhs, verdana, arial, helvetica, sans-serif;
    }


#flex
    {
    column-width:350px;
    column-left: 400px;
    column-right: 400px;
    column-gap: 25px;
    column-count:3;
    -webkit-column-width:350px;
    -webkit-column-left: 400px;
    -webkit-column-right: 400px;
    -webkit-column-gap: 25px;
    -webkit-column-count:3;
    -moz-column-width:350px;
    -moz-column-left: 400px;
    -moz-column-right: 400px;
    -moz-column-gap: 25px;
    -moz-column-count:3;
    }
.news
    {
    min-width:33%;
    max-width:100%;
    max-width:640px;
    min-width:250px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:25px;
    }
.article
    {
    min-width:33%;
    max-width:100%;
    max-width:640px;
    min-width:250px;
    width:100%;
    display: inline-block;
    margin-bottom:25px;
    }
.article:hover
    {
    }
.articleimg
    {
    width:100%;
    margin-bottom:-5px;
    }
.articlettl
    {
    margin:0;
    padding:0;
    text-align:center;
    font-size:30px;
    color:#FFFFFF;
    }
.articletxt
    {
    max-width:100%;
    margin:0 0 0 0;
    padding: 15px;
    color:#FFFFFF;
    }