html{ height: 100%;}

@font-face {
    font-family: "Sawasdee";
    src: url("SawasdeeBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

body {
    min-height: 100%; 
    background: #000;
    font-family: 'Sawasdee'!important;
}

#tpv{ position: fixed; width: 0px; opacity: 0.0; } 

.wrappers { position: relative;  width: 100%; /* overflow: hidden; */ }

#wrap-links{     background: #000; opacity: 1.0;}
#wrap-logo{      background: #000;}
#wrap-mid{       background: #000; opacity: 1.0;}
#wrap-low-link{  background: #000; opacity: 0.88;}

#place-links-top{        position: relative; background: #000; font-size: 0px; font: bold;}
#place-links-top    a:link { color: #fff; }
#place-links-top    a:visited { color: #fff; }
#place-links-top    a:hover { color: #aaf; text-decoration: underline; font: bold;}

#place-logo {        position: relative; background: #aaa; }
#place-mid{        position: relative; background: #000; font-size: 0px; }

#place-low-link    { position: relative; background: #000;}
#place-low-link a:link { color: #888; }
#place-low-link a:visited { color: #666; }
#place-low-link a:hover { color: #111; text-decoration: underline; font: bold;}



#banner-left{  position: absolute; background: #000;}
#banner-logo{  position: absolute; background: #fff;}
#banner-right{ position: absolute; background: #000;}
#siz-banner-logo{  width: 0px; }

#mid          { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid1         { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid2         { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid2 a:link  { color: #fff; text-decoration: underline; }
#mid2 a:visited { color: #fff; }
#mid2 a:hover { color: #fff; text-decoration: underline; font: bold;}
#mid3         { position: absolute; color: #444;  background: #000; font-size: 0px; }
#mid3 a:link  { color: #fff; text-decoration: underline; }
#mid3 a:visited { color: #fff; }
#mid3 a:hover { color: #fff; text-decoration: underline; font: bold;}
#mid4         { position: absolute; color: #444;  font-size: 0px; }
#mid4 a:link  { color: #fff; text-decoration: none; }
#mid4 a:visited { color: #fff; }
#mid4 a:hover { color: #fff; text-decoration: underline; font: bold;}


#mim{ position: absolute;}
#b1           { font-size: 0px; }
#b2           { font-size: 0px; }
#b3           { font-size: 0px; }
#b4           { font-size: 0px; }
#mars         { width: 0px; }


#word-home    { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }
#word-instit  { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }
#word-faculty { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }
#word-board   { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }
#word-public  { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }
#word-funding { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }
#word-station { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }
#word-affil   { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }
#word-contact { position: absolute; color: #888;  background: #ddd; font-size: 0px; text-align: center; }




#cpyrght      { position: absolute; color: #000; background: #fff; opacity: 0.35; font-size: 0px;text-align: center;}
#wirly        { position: absolute; }
#wrly         { width : 0px; }