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

a:hover {text-decoration:underline;}

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:22px; font-family:Georgia; font-weight:bold; margin-left:10px; 
  margin-top:10px; margin-bottom:10px;}

h2 {color:#FFFFFF; font-size:22px; font-family:Georgia; font-weight:bold; margin-left:10px; 
  margin-top:10px; margin-bottom:10px;}

h3 {font-size:18px; font-family: 'PT Sans', sans-serif; font-weight:bold; }

h6 {font-size:16px; font-family:Georgia;}

tr.topnav {font-size:15px; 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;}

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-content1 {font-size:14px; font-family: 'PT Sans', sans-serif; width:100%; max-width:600px; }

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

.box {background-color:#dddddd; padding-top:8px; padding-bottom:8px; padding-left:10px; width:92%; font-family:verdana; font-size:13px; font-weight:bold;}

.myframe {
    overflow: auto;
    -webkit-overflow-scrolling:touch;
}

.colwrap {
  width:100%;

}


@media (max-width: 650px) {

#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: #fff; }

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

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

h1 {color:#FFFFFF; font-size:18px; font-family:Georgia; font-weight:bold; margin-left:10px; 
  margin-top:20px; margin-bottom:20px; text-align:left;}

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

#col2 {
  width:100%;
}

#col3 {
  display:none;
}

.n-wrap {
  width:95%;
}

.n1 {
  float:left;
  width:100%;
  text-align:center;
}

.n2 {
  float:left;
  width:100%;
  text-align:center;
}

.top-header {
  display:none;
}

#custom-search {
  display:none;
}

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

}


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

#col1 {
  float:left;
  width:170px;
}

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:80px; height:105%; background-color:#EEE;}
#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; }

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

#col2n {
  padding-left:180px;
}

#col3 {
  display:none;
}

.n-wrap {
  width:95%;
}

.n1 {
  float:left;
  width:50%;
  text-align:center;
}

.n2 {
  float:left;
  width:50%;
  text-align:center;
}

.top-header {
  width:100%;
  background-color:#DDDDDD;
  font-size:17px; font-family: 'PT Sans', sans-serif;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
}

#custom-search {
  display:none;
}

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

}

@media (min-width:901px) and (max-width:1100px) {

#col1 {
  float:left;
  width:170px;

}

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:80px; height:105%; background-color:#EEE;}
#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; }

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

#col2n {
  padding-left:180px;
}

#col3 {
  display:none;
}

.n-wrap {
  width:95%;
}

.n1 {
  float:left;
  width:420px;
  text-align:center;
}

.n2 {
  float:left;
  width:420px%;
  text-align:center;
}

.top-header {
  width:100%;
  background-color:#DDDDDD;
  font-size:19px; font-family: 'PT Sans', sans-serif;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
}

#custom-search {
  position:  fixed;
  top: 5px;
  right: 50px;
  z-index:9999;
}

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

}

@media (min-width:1101px) {

#col1 {
  left: 0;
  width:170px;
  position: absolute;

}

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:80px; height:105%; background-color:#EEE;}
#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; }

#col-content { width:100%; }

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

#col2n {

}

#col3 {
  width:170px;
  right: 0;
  top: 80;
  position: fixed;
  text-align:right;
}

#col4 {
  float:left;
  width:100%;
}

.n-wrap {
  width:95%;
}

.n1 {
  float:left;
  width:420px;
  text-align:center;
}

.n2 {
  float:left;
  width:420px%;
  text-align:center;
}

.top-header {
  width:100%;
  background-color:#DDDDDD;
  font-size:19px; font-family: 'PT Sans', sans-serif;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
}

#custom-search {
  position:  fixed;
  top: 5px;
  right: 50px;
  z-index:9999;
}

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

}