/*-------------------------------------------------------------------------*/
/* ############################## standard elements #######################*/
* {
    font-family: 'quantico',sans-serif;
    color: #2B8A2B;
    background: #000000;
}

body {


    min-width:  800px; ;
    font-size: 1.3em
}

img {
    border: none;
}

a {
    text-decoration: none
}

a:hover {
    color: #212121;
    background: #88C587;
}

li {
    list-style: none;
    display: block;
}

li a {

    display: block;

}

/* ############################## tools ############################## */
.clearer {
    height: 8px;
    clear: both;
}

.bar {
    height: 1px;
}

/*-------------------------------------------------------------------------*/
/* ############################## header ############################## */
.header {

    text-align: center;
    font-size: 150%;
    height: 30px;
}

/*-------------------------------------------------------------------------*/
/* ############################## bardate ############################## */
.bardate {
    text-align: center;
    height: 22px;
    font-size: 70%;
    padding-top:6px;
}

/*-------------------------------------------------------------------------*/
/* ############################## menu ############################## */
.menu {
    height: 24px;
    text-align: center;
    border-width: 1px;
    
}

.menu a {
    display: block; 
    width: 70px;
    vertical-align: middle;
    float: left;
    font-weight: bold; 
    font-size:80%;
    padding: 3px 0 1px 1px;
}

.menu a:hover {
    color: #212121;
    background: #88C587;
}

/*-------------------------------------------------------------------------*/
/* ############################## banner ############################## */
.banner {
    height: 20px;
    text-align: center;
    vertical-align: middle;
    border-bottom-style: dotted;
    border-top-style: dotted;
    border-width: 1px;
    font-size: 80%;
}

/*-------------------------------------------------------------------------*/

.covidGraph {

    font-size: 70%;
    font-weight: bold;
    padding: 1%
}




/* ############################## linkbar ############################## */
.linkbar {
    font-size: 70%;
    font-weight: bold;
    padding: 1%
}


.linkbar ul {}

.linkbar li {

    display: block;
}

.linkbar li a {

    display: block;
    padding-left: 4%;
    width: 96%;
    font-weight: normal;
}

.linkbar li a:hover {
    color: #212121;
    background: #88C587;
}

/*-------------------------------------------------------------------------*/
/* ############################## cols ############################## */
/*-------------------------------------------------------------------------*/

/* ############################## 3 cols ############################## */

.col3 {
    float: left;
    width: 31%;
}

.col3center {
    float: left;
    width: 31%;
    margin: 0 3%;
}
 

/* ############################## 4 cols ############################## */

.col4 {
    float: left;
    width: 23%;
}


.col4center {
    float: left;
    width: 23%;
    margin: 0 2%;
}
 

/* ############################## 5 cols ############################## */

.col5 {
    float: left;
    width: 18%;
}


.col5center {
    float: left;
    width: 18%;
    margin: 0 1%;
}
 

/*-------------------------------------------------------------------------*/
/* ############################## footer ############################## */
.footer {
    border: none;
    font-size: 80%;
    text-align: center; 
    border-top-style: dotted;
    border-top-width: 1px;
}
.useragent {
    border: none;
    font-size: 70%;
    text-align: center; 
    border-top-style: dotted;
    border-top-width: 1px;
}
/* ############################## footer ############################## */
.left,
.right,
.center {
    float: left;
    width: 32%;
}

@font-face {
    font-family: 'mainframe';
    src: url('http://www.tyrnanog.lan/css/mainframe-cn_trois_six_r.woff2') format('woff2'),
         url('http://www.tyrnanog.lan/css/mainframe-cn_trois_six_r.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quantico';
    src: url('http://www.tyrnanog.lan/css/Quantico-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}