@font-face {
    font-family: '95font';
    src: url('../fonts/w95fa.woff2') format('woff2'),
    url('../fonts/w95fa.woff') format('woff'),
    url('../fonts/w95fa.ttf') format('truetype'),
    url('../fonts/w95fa.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TahomaRegular';
    src: url('../fonts/TahomaRegular.woff2') format('woff2'),
    url('../fonts/TahomaRegular.woff') format('woff'),
    url('../fonts/TahomaRegular.ttf') format('truetype'),
    url('../fonts/TahomaRegular.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cmd';
    src: url('../fonts/cmd.woff2') format('woff2'),
    url('../fonts/cmd.woff') format('woff'),
    url('../fonts/cmd.ttf') format('truetype'),
    url('../fonts/cmd.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

html
{ height: 100%;}
*
{ margin: 0;
  padding: 0;}

body {
    font-family: 'TahomaRegular';
    font-size: 16px;
    background: #FFFFFF url(bg.png) repeat fixed;
    color: #FFFFFF;
}

p
{ font-size: 113%;
  padding: 0 0 15px 0;
  line-height: 1.5em;}

.imgcontainer {
    margin: 10px;
    width: 115px;
    height: 115px;
    line-height: 115px;
    text-align: center;
}
.resize_fit_center {
    max-width:90%;
    max-height:90%;
    vertical-align: middle;
}

h1, h2, h3, h4 {
    font-weight: normal;
    font-style: normal;
}

/* h1: large title */
h1 {
  font-family: '95font';
  padding: 5px 0 5px 0;
  color: #000000;
}

/* h2: medium title */
h2 {
  font-family: '95font';
  padding: 5px 0 5px 0;
    color: #000000;
}

/* h3: smaller body text */
h3 {
  color: #000000;
  font-size: 90%;

}

/* h4: even smaller body text, news archive table */
h4 {
  color: #000000;
  font-size: 85%;
}

/* h5: footer */
h5 {
    padding: 2px 0 2px 0;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
}

a, a:hover {
    background: transparent;
    outline: none;
    text-decoration: underline;
    color: #2153c1;
}

a:hover {
  text-decoration: none;
  color: #c3c3c3;
}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

.left
{ float: left;
  width: auto;
  margin-right: 10px;}

.right
{ float: right; 
  width: auto;
  margin-left: 10px;}

.center
{ display: block;
  text-align: center;
  margin: 20px auto;}

#main, #header, #logo, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#main
{ width: 950px;
  margin: 20px auto;}

#header
{ width: 950px;
  height: 80px;}

#logo
{ width: 910px;
  position: relative;
  height: 80px;
  background: transparent;
  padding: 0px 0 0px 0;}

#logo h1, #logo h2
{ 
  border-bottom: 0;
  text-transform: none;
  margin: 0 0 0 9px;}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{ padding: 0px 0 0 0;
  color: #FFFFFF;
  letter-spacing: 0.075em;
  text-decoration: none;}

#logo_text h1 a .logo_colour
{ color: #FFF;}

#logo_text h2 {
    font-size: 120%;
    padding: 1px 0 0 0;
    color: #FFFFFF;
}

#menubar
{ height: 46px;
  width: 950px;
  margin: 1px auto 0 auto;
  background: transparent url(tab.png);} 

ul#menu
{ float: left;
  margin: 0;padding: 0;}

ul#menu li
{ float: left;
  padding: 0 0 0 6px;
  list-style: none;
  margin: 0px 2px 0 0;}

    ul#menu li a 
    {
        display: block;
        float: left;
        height: 27px;
        padding: 12px 28px 5px 22px;
        text-align: center;
        color: #FFF;
        border-right: 1px solid #636363;
        text-decoration: none;
    } 

ul#menu li.tab_selected a
{ height: 27px;
  padding: 6px 28px 5px 22px;}

    ul#menu li.selected a, ul#menu li.selected a:hover {
        color: #c3c3c3;
    }

    ul#menu li a:hover {
        color: #c3c3c3;
    }

#site_content
{ width: 950px;
  overflow: hidden;
  margin: 44px auto 0 auto;
  padding: 15px 0 0 0px;
  background: #FFFFFF;
  border-top: 0;
  border-bottom: 0;
  color: #000000;} 

#content{ 
  
  margin: auto 60px auto 60px; }

#content ul
{ margin: 2px 0 12px 0px;}

#content ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 2px 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}

#footer {
    width: 950px;
    height: 40px;
    padding: 0px 0 0px 0;
    text-align: center;
    color: #FFF;
    background: transparent url(tab.png) repeat;
}

#footer p
{ padding: 0 0 10px 0;}

#footer a, #footer a:hover
{ color: #FFF;
  text-decoration: underline;}

#footer a:hover
{ color: #FFF;
  text-decoration: none;}

div.text700 {
    width: 700px;
    margin: auto;
}
div.text800 {
  width: 800px;
  margin: auto;
}

.column {
  float: left;
  width: 45.1%;
  padding: 20px 20px 20px 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column2a {
    float: left;
    width: 45%;
    padding: 10px;
}
.row2a:after {
    content: "";
    display: table;
    clear: both;
}

.column4 {
  float: left;
  width: 22%;
  padding: 10px;
}
.row4:after {
  content: "";
  display: table;
  clear: both;
}

.column3 {
  float: left;
  width: 32%;
}

.row3:after {
  content: "";
  display: table;
  clear: both;
}

#myBtn {
  display: none;
  position: fixed;
  top: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}



.modal {
z-index:1;
display:none;
padding-top:10px;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.8)
}

.modal-content{
margin: auto;
display: block;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.modal-hover-opacity {
opacity:1;
filter:alpha(opacity=100);
-webkit-backface-visibility:hidden
}

.modal-hover-opacity:hover {
opacity:0.60;
filter:alpha(opacity=60);
-webkit-backface-visibility:hidden
}


.close {
text-decoration:none;float:right;font-size:24px;font-weight:bold;color:white
}
.container1 {
width:200px;
display:inline-block;
}
.modal-content, #caption {   
  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}


@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}


table.table1 {
    max-width: 800px;
    margin: 0 auto;
    border-spacing: 0;
}
td.td1, th.th1 {
    padding: 5px 10px;
    border-top-width: 0;
    border-left-width: 0;
}
table.table1, td.td1, th.th1 {
    border: 1px solid;
    border-color: rgb(192,192,192);
}


table.table2 {
    max-width: 800px;
    margin: 0 auto;
    border-spacing: 0;
}

td.td2, th.th2 {
    padding: 5px 10px;
    border-top-width: 0;
    border-left-width: 0;
}

.br { 
  display: block; 
  margin-bottom: 0em; 
} 

.brsmall { 
  display: block; 
  margin-bottom: 0.5em; 
} 

.brmedium { 
  display: block; 
  margin-bottom: 1em; 
} 

.brlarge { 
  display: block; 
  margin-bottom: 2em; 
} 

.like-btn {
  padding: 10px 15px;
  background: #0000;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
 }