body {background: #FFFFFF; width:95%; margin: 0 auto; }

a:hover {text-decoration:underline;}

table.main {font-family: 'PT Sans', sans-serif; font-size:13px;}

a {text-decoration:none;}

a:hover.nav {text-decoration:underline; color:#FFFFFF; font-weight:bold}

a.nav {text-decoration:none; color:#FFFFFF; font-weight:bold; }

h1 {color:#FFFFFF; font-size:24px; font-family: 'PT Sans', sans-serif; font-weight:bold; margin-left:10px; 
  margin-top:5px; margin-bottom:0px;}

h2 {color:#CC33CC; font-size:20px; font-family: 'PT Sans', sans-serif; font-weight:bold; margin-left:10px; 
  margin-top:5px; margin-bottom:0px;}

tr.topnav {font-size:13px; font-family: 'PT Sans', sans-serif; font-weight:bold}

tr.content {font-size:16px; font-family: 'PT Sans', sans-serif;}

tr.header {background-color:#000000; font-weight:bold; color:#FFFFFF;}

td.search-box { }

table.content {font-size:16px; font-family: 'PT Sans', sans-serif;}

table.result {font-size:16px; font-family: 'PT Sans', sans-serif; color:royalblue; font-weight:bold}

table.main-content {font-size:16px; font-family: 'PT Sans', sans-serif; width:100%; }

table.main {width:100%;}

#srchResult iframe { 
        width: 760px; 
} 

.box {background-color:#dddddd; padding-top:8px; padding-bottom:8px; padding-left:10px; width:92%; font-family: 'PT Sans', sans-serif; font-size:16px; font-weight:bold;}

.colwrap {
  width:100%;
}


@media (max-width: 515px) {

#left-nav { display: block; text-align:left; font-family: 'PT Sans', sans-serif; font-size:14px; }
#left-nav ul { list-style: none; margin: 0px; padding: 0px; }
#left-nav ul li { list-style: none; text-align: left; }
#left-nav ul li a { display: block; padding: 5px 10px; text-decoration: none; }
#left-nav ul li a:hover { background-color: #ccc; color: #000; }

table.main-top {width:100%; background-color:#000000; font-size:16px; font-family: 'PT Sans', sans-serif; }

a:hover.nav {text-decoration:underline; color:#3333FF; font-weight:bold}

a.nav {text-decoration:none; color:#3333FF; font-weight:bold}

.n-wrap {
  width:100%;
  background-color:#0000CC;
  text-align:center;
}

.n1 {
  float:left;
  width:49%;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n2 {
  float:left;
  width:49%;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n3 {
  float:left;
  width:49%;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n4 {
  float:left;
  width:49%;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-bottom:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n1h {
  float:left;
  width:49%;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n2h {
  float:left;
  width:49%;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n3h {
  float:left;
  width:49%;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#FFFFFF 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n4h {
  float:left;
  width:49%;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#FFFFFF 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

#srchResult iframe { 
        width: 95%; 
} 

h1 {color:#CC33CC; font-size:18px; font-family: 'PT Sans', sans-serif; font-weight:bold; margin-left:10px; 
  margin-top:5px; margin-bottom:5px; text-align:left;}

#custom-search {
  display:none;
}

#col1 {
  width:100%;
  float:none;
  text-align:left;
}

#col2 {
  width:100%;
}

#col3 { display:none; }

.rslot { display:none; }

}


@media (min-width:516px) and (max-width:900px) {

div.mousescroll {
    overflow: hidden;
}
div.mousescroll:hover {
    overflow-y: scroll;
}

#left-nav { display: block; text-align:left; font-family: 'PT Sans', sans-serif; font-size:14px; position:fixed; top:75px; height:100%; background-color:#EEEEEE;}
#left-nav ul { list-style: none; margin: 0px; padding: 0px; }
#left-nav ul li { list-style: none; text-align: left; }
#left-nav ul li a { display: block; padding: 5px 10px; text-decoration: none; }
#left-nav ul li a:hover { background-color: #ccc; color: #000; }

table.main-top {width:100%; background-color:#000000; font-size:16px; font-family: 'PT Sans', sans-serif; position:fixed; z-index:999;}

#srchResult iframe { 
        width: 545px; 
} 

.n-wrap {
  width:64%;
  background-color:#0000CC;
  text-align:center;
  margin-left:180px;
}

.n1 {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-bottom:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n2 {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-bottom:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n3 {
  float:left;
  width:32%;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n4 {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-bottom:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n1h {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-bottom:#FFFFFF 1px solid;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n2h {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#FFFFFF 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n3h {
  float:left;
  width:32%;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#FFFFFF 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n4h {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#FFFFFF 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

#col1 {
  float:left;
  width:170px;
  background-color:#6600FF;
}

#col2 {
  float:right;
  width:100%;
  margin-left:-180px;
  position:relative;
  top:80px;
}
#col2n {
  padding-left:180px;
}

#col3 { display:none; }

.rslot { display:none; }

}

@media (min-width:901px) {

body {background: #FFFFFF; width:100%; margin: 0 auto; }

div.mousescroll {
    overflow: hidden;
}
div.mousescroll:hover {
    overflow-y: scroll;
}

#left-nav { display: block; text-align:left; font-family: 'PT Sans', sans-serif; font-size:14px; position:fixed; top:75px; height:100%; background-color:#EEEEEE;}
#left-nav ul { list-style: none; margin: 0px; padding: 0px; }
#left-nav ul li { list-style: none; text-align: left; }
#left-nav ul li a { display: block; padding: 5px 10px; text-decoration: none; color:#000; }
#left-nav ul li a:hover { background-color: #ccc; color: #000; }

table.main-top {width:100%; background-color:#000000; font-size:16px; font-family: 'PT Sans', sans-serif; position:fixed; z-index:999;}

.n-wrap {
  width:65%;
  background-color:#0000CC;
  text-align:center;
  margin-left:180px;
}

.n1 {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-bottom:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n2 {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-bottom:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n3 {
  float:left;
  width:32%;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n4 {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  background-color:#E7F1F8;
  text-align:center;
  border-top:#666666 1px solid;
  border-bottom:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n1h {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-bottom:#FFFFFF 1px solid;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n2h {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#FFFFFF 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n3h {
  float:left;
  width:32%;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#FFFFFF 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

.n4h {
  float:left;
  width:22%;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  background-color:#FFFFFF;
  text-align:center;
  border-top:#666666 1px solid;
  border-left:#666666 1px solid;
  border-right:#666666 1px solid;
  border-bottom:#FFFFFF 1px solid;
  padding-top:5px;
  padding-bottom:5px;
}

#custom-search {
  position: fixed;
  top: 10px;
  left: 60%;
  z-index: 1000;
}

#col1 {
  left:0;
  top:68px;
  width:210px;
  position:absolute;
}

#col2 {
  width: calc(100% - 390px);
  margin: 0 auto;
  position:relative;
  top:95px;
}

#col2n {

}

#col3 {
  width:180px;
  right:10px;
  top:90px;
  text-align:right;
  position:absolute;
}

.rslot { width:160px; height:600px;  }

}