body {background: #FFFFFF; width:95%; 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:#CC33CC; font-size:22px; font-family:Georgia; font-weight:bold; margin-left:10px; 
  margin-top:5px; margin-bottom:0px;}

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:13px; font-family: 'PT Sans', sans-serif; width:100%; }

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

#left-nav { display: block; text-align:left;}
#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; border-bottom: 1px solid #ccc; text-decoration: none; }
#left-nav ul li a:hover { background-color: #ccc; color: #fff; }

.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: 600px) {

#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; border-bottom: 1px solid #ccc; 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:#CC33CC; font-size:18px; font-family:Georgia; font-weight:bold; margin-left:10px; 
  margin-top:5px; margin-bottom:5px; text-align:left;}

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

#col2 {
  width:100%;
}

.n-wrap {
  width:95%;
}

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

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


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

#left-nav { display: block; text-align:left; font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:bold;}
#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; border-bottom: 1px solid #ccc; text-decoration: none; color:white; }
#left-nav ul li a:hover { background-color: #ccc; color: #fff; }

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

#col2 {
  float:right;
  width:100%;
  margin-left:-180px;

}
#col2n {
  padding-left:180px;
}

.n-wrap {
  width:95%;
}

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

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

@media (min-width:901px) {

#left-nav { display: block; text-align:left; font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:bold;}
#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; border-bottom: 1px solid #ccc; text-decoration: none; color:white; }
#left-nav ul li a:hover { background-color: #ccc; color: #fff; }

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

#col2 {
  float:right;
  width:100%;
  margin-left:-180px;

}

#col2n {
  padding-left:180px;
}

body {width:900px;}

.n-wrap {
  width:95%;
}

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

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