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: 70%; }
#headerRight {margin: 0px auto; min-width: 150px; height: 6.1vw; padding-top: 3vw;padding-bottom: 2vw;}
#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: left; width: 69%; margin-top: 0px;}
#midColumn img { max-width: 100%; height: auto;}
#innercontainer { border: none;}
#innercontainer::after { display: table; clear: both;
}
#navbar { margin: 0px; padding: 0.7vw; line-height: 200%;}
#navbar div {
 display: inline; font-size: 1.3vw; margin: 2px 1px; padding: 3px; 
	font-family: Arial, Helvetica, Sans;  white-space: nowrap;  border-radius: 7px;
}
#navbar form{ display: inline;} 
#navbar a { text-decoration: none; font-weight: bolder; }
#title{ text-align: center; font-size: 2.5vw; font-family: Arial,Swiss,Helvetica, Sans;
    font-weight: bolder; Color: #5d3820;
}

#buttonID button, #closeMbutton button { text-decoration: none; font-weight: bolder; font-size: 1.4vw; border: none; padding: 0px 0.2vw;}
#buttonID { display: none;}
#closeMbutton { display: none;}
#navb_content ul {margin-left: -2vw;}

#footer {
    padding: 10px;
    text-align: center; 
	border-radius: 0px 0px 10px 10px;
	font-size: 12px;
}

.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 a { font-size: 80%;}
.compatTOC { display: none;}

.SCTable { margin-left: auto; margin-right: auto;}
  aform_clear { width:100%; border: 2px black solid; }
 .aform_clear div {display: inline;}
.aform_clear::after { clear: both;}
 .aform_left { float: left;}
 .aform_right { float: right;}
 .aform_right { clear: both;}

@media only screen and (max-width: 1000px) {
	
	#headerLeft { width: 100%; margin: 0px auto; float: none; clear:  both;}
	#headerRight { width: 100%; height: 40px; padding-top: 0.7vw; }
	#title { font-size: 4vw; }
	#leftCol {float: left;width: 99.99%; margin-right: 0px; display: none;}
    #midColumn { float: left; width: 99.99%; margin-right: 0px; }
	#buttonID { display: block; position: relative; float: right; margin-right: 1vw; margin-top: -4px;  font-size: 20px;}
	#closeMbutton { display: none;  position: relative; float: right;  margin-right: 1vw;  margin-top: -4px;  font-size: 20px;}
	#buttonID button, #closeMbutton button { text-decoration: none; font-weight: bolder; font-size: 2vw; border: none; padding: 0px 0.2vw;}
   
	#navbar div {font-size: 2.0vw; }
	#midColumn a {} 
	ul { margin-left: auto; margin-right: auto; font-size: 2vw; }
	li { padding: 2px;}

}

@media only screen and (max-width: 700px ) {
	#breadcrumbs { font-size: 3vw; }
	#navbar div {font-size: 2.5vw;}
	#headerLeft { max-width: 640px; }
	#headerRight { height: 40px; }
	#midColumn { float: left; width: 99.62%; padding: 2px; margin-right: 0px; 
	}
	#buttonID button, #closeMbutton button { font-size: 15px; font-weight: bolder; }
	
	#breadcrumbs, #buttonID, #closeMbutton { font-size: 3vw;}
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	li { float: left;
	}
	ul { font-size: 3vw;}
	li a {
    display: block;
    text-align: center;
    padding-right: 16px;
}
	.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: 12px; line-height: 200%; margin-bottomL 0.5vw;}
}