body { width: 99.62%; margin: 0px auto;}
#header {
    
    text-align: center;
    font-size: 35px;
	width: 100%;
	margin: 0px 0px;
	padding: 0px;
} 
#headerLeft {float: left; width: 75%; }
#headerRight {margin: 0px auto; min-width: 200px; height: 6.1vw; padding-top: 1vw;}
#header form { display: inline;}
#header::after{clear: both;}
/*style of outer container */
#outercontainer { margin: 0px auto; padding: 0px; 
}

#breadcrumbs { font-size: 15px; width: 100%;
} 
#leftCol, #midColumn { display: inline-block; }
#leftCol {float: left; width: 30%; height: 100%;}
#midColumn {float: right; width: 69%; padding-left: 4px;}

#innercontainer { border: none;}
#innercontainer::after { display: table; clear: both;
}
.dContent { display: inline; float: left } /*inline divs*/
#navbar { margin: 0px 0px; padding: 0.7vw;  line-height: 180%;}
#navbar div {
 display: inline; font-size: 1.2vw; margin: 2px 1px; padding: 3px; 
	font-family: Arial, Helvetica, Sans;  white-space: nowrap;
}
#navbar form { display: inline;}
#navbar a { text-decoration: none; font-weight: bolder;}
#navb_content ul {margin-left: -2vw;}

#LTOC1{ margin: 0px 0.05vw; padding: 0.7vw; text-align: center; line-height: 190%;}
#LTOC2{ margin: 0px 0px 0px 0px; padding: 0.7vw; text-align: center; line-height: 190%;}

#LTOC1 div {
 display: inline; font-size: 1.8vw; margin: 0px 3px; font-weight: bold;
	font-family: Arial, Helvetica, Sans;  white-space: nowrap;}
#LTOC2 div { display: inline; font-size: 1.7vw; margin: 0px 0px; font-weight: normal;
	font-family: Arial, Helvetica, Sans;  white-space: nowrap;
}
#catopts { margin-left: auto; margin-right: auto; padding-left: 1vw;}
#catopts form{ display: inline;}	

#footer {
    padding: 10px;
    text-align: center; 
	border-radius: 0px 0px 10px 10px;
}
#levelNav { display: none;}
.TOCList { margin: 0px; padding: 0px;}
.TOCList ul {margin-left: -0.0vw; margin-top: -1vw; list-style-type: none; }
.TOCList ul > li > ul {margin-top: 0vw; }
.TOCList li {margin-left: -2.5vw;}
.TOCList  { font-size: 1.8vw; font-weight: bold; margin-left: 2px;}
.TOCList a { font-weight: normal; }
.tocSec { font-size: 1.2vw; }
.compatTOC { display: none;}

@media only screen and (max-width: 1000px) {
	
	#headerLeft { width: 100%; margin: 0px auto; float: none; clear:  both;}
	#headerRight { width: 100%; height: 10vw; min-height: 60px; padding-top: 2vw;}

	#leftCol, .TOCList {display: none;}

    #midColumn { 
        float: left; width: 99.95%; margin-right: 0px;
   }
   #midColumn p { margin:0px; padding: 0px;
   }
	#midColumn a {} 
/*	ul { display: inline;  font-size: 2vw; }
	li { display: inline; padding: 2px;}
*/
	#levelNav{display:inline;}
	.compatTOC {display: block; font-size: 2vw;}
	.compatTOC { display: inline; float: right; margin-right: 1vw;}
	#compatTOC strong;{font-size: 2vw;}
}

@media only screen and (max-width: 700px ) {
	#leftCol, .TOCList {display: none;}
	#headerLeft { max-width: 640px; }
	#midColumn { float: left; width: 99.62%; padding: 2px; margin-right: 0px; 
	}
	#breadcrumbs { font-size: 3vw;}

	.compatTOC  {display: inline-block; font-size: 2vw; margin-left: auto; margin-right: auto; }
	.compatTOC ul {margin-left: -2vw; font-size: 120%}
	.compatTOC li { padding-left: 0px; padding-right: 4vw;}
	#navbar div { padding: 0.2vw; font-size: 10px;	margin-top: 0.5vw; padding: 2px;}

	#LTOC1 div {padding: 2px; font-size: 10pt; 
		font-size: 14px; margin: 0px 2px; 
	}

	#LTOC2 div {padding: 2px; font-size: 4vw; border-radius: 0.6vw;
		font-size: 2.5vw; margin: 0px 0.1px;
	}
}

@media (max-width: 700px) {
	#breadcrumbs { font-size: 3vw; }
	.compatTOC {display: inline-block; font-size: 3vw; margin-left: auto; margin-right: auto; }
	.compatTOC ul { margin-left: 0px; font-size: 120%; }
	.compatTOC li { font: 120%;}
	.compatToc2nd ul{float: Right;}
	#catopts { padding: 0px;}
}