#header {
    max-width: 2048px; margin: 0px auto;
    text-align: center;
	width: 100%;
	margin: 0px 0px;
	padding: 0px;
} 
#header div {display: inline;}
#header::after{clear: both;}
#headerLeft {float: left; width: 50%; }
#headerRight {float: right;  font-size: 2.3vw; margin: 0px auto; min-width: 150px; margin-top: 4.0vw; padding-right: 1.0vw;}

#outercontainer {max-width: 2048px; margin-left: auto; margin-right: auto; 	padding: 0px; }
#breadcrumbs { font-size: 15px; font-size: 15px; width: 100%; }
#breadcrumbs div {position: relative;float: right;}
#BCSearch form { display: inline; float: right; }
#buttonID, #closeMbutton  {  margin-top: -4px;  font-size: 20px;}
#menucontainer{ font-family: arial,sans,swiss;}

#midColumn, #rightCol { display: inline-block; }
#innercontainer::after { display: table; clear: both; }
#innercontainer { border: none;}
#midColumn {float: left; width: 76%; margin-top: 0px;}
#midColumn img { max-width: 100%; height: auto;}
#rightCol  {float: left; padding: 0px 0px 0px 0.1vw; width: 24%; margin: 0px -10px 0px 0px; }
#navbar {display; none;}
#searchBox { }
#searchBox form{ display: inline;} 
#title{ text-align: center; font-size: 2.5vw; font-family: Arial,Swiss,Helvetica, Sans;
    font-weight: bolder; 
}
#buttonID button, #closeMbutton button {text-decoration: none; font-weight: bolder; font-size: 15px; padding: 0px 0.2vw;}
#buttonID { display: none;}
#closeMbutton { display: none;}


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

#TOCList { margin: 0px 0px 0px -5px; padding: 00px;  font-size: 2.0vw; width: 50%; min-width: 350px}
#TOCList ul { margin-top: -1vw;} 
#TOCList ul > li > ul {margin-top: 0vw; }
#TOCList li {margin-left: 10px;}
.toc, .tocsub { margin-left: 20px;}

#TOCList a {  text-decoration: none;}
.compatTOC { display: none;}
.TOCList { dipslay: none;}

@media only screen and (max-width: 1000px) {
	
	#menucontainer { display: none}
	#header div {display: block;}
	#headerLeft { width: 100%; margin: 0px auto; float: none; clear:  both;}
    #headerRight { padding: 0.8vw; margin: 0px auto; float: none;}
	    
	#searchBox {margin-left: auto; margin-right: auto;}
	#leftCol {float: left;width: 99.99%; margin-right: 0px; display: none;}
    #midColumn { float: left; width: 99.99%; margin-right: 0px; }
	#buttonID { position: relative; float: right; margin-right: 1vw; margin-top: -4px;}
	#closeMbutton { display: none;  position: relative; float: right;  margin-right: 1vw;  margin-top: -4px; }
	#buttonID button, #closeMbutton button { text-decoration: none; font-weight: bolder; font-size: 15px; border: none; padding: 0px 0.2vw;}
	#navbar { margin: 0px; padding: 0.7vw; line-height: 200%; display: block;}
	#navbar div {
		display: inline; font-size: 2.0vw; margin: 2px 1px; padding: 3px; font-weight: bolder;
		font-family: Arial, Helvetica, Sans;  white-space: nowrap;  border-radius: 7px;
	}
	#navbar a { text-decoration: none;}
	#menucontainer { display: none;}
	#BCSearch {}
}
@media only screen and (max-width: 700px) {
    #navbar div, #headerRight  { font-size: 14px; }
    #TOCList { font-size: 12px; }
    
}