body {background-color: #a38a70;}
.headerColor {background-color: white;
	border-botom: 4px gold inset;}
.breadcrumbsColor {background: cornsilk; font-weight: bold; font-family: arial, sans;}
.breadcrumbsColor a { font-weight: normal; text-decoration: none; color: black}
.TOCList { background: #e3d4c8; width: 100%;}
.TOCList li a{color: #4a3625; text-decoration: none;}
.TOCList li a:hover {font-weight: bold;}
.compatTOC { color: green; background: #aaa;}
.compatTOC li { color: black; }
.compatTOC a { color: green; }
.leftColColor {background:#e5cfb2;}
.rightColColor { background:#e5cfb2;}
li a { color: white; }
li { color: white; }
.SearchNumberLine {font-size: 120%; font-family: arial; color: white;}
.SearchResults li { display: block; color: black;}
.SearchResults a { color: blue; }
.SearchResults { border: 3px solid green; border-radius: 8px; background: white; color: black;} 
.searchFailure { border: 3px solid #a00; border-radius: 8px; color: white;  margin: 3vw; 
	background: #878; padding: 1vw; font-family: arial,sans;}

.footerColor {background: #261b0c; border-top: 4px #eec762 inset; color: white;}
.footerColor a {text-decoration: none; color: white; font-weight: bold;}
 #outercontainer {}
.levelColor {background: radial-gradient(#ccc,#444); }
.level2Color {background: radial-gradient(#444,#aaa); }
#level1 a { text-decoration: none; color green;}
.level1Selected { font-weight:bold; color: black; text-decoration: none;}
.level1Color {background: white;}
 .navbarcolor input text { background: blue; }
 .navbarColor {background: #261b0c; border-bottom: 4px #eec762 inset;}
 .navbarColor div{border: 2px gold solid; border-radius: 10px; background:#7a5629; padding: 5px; margin: 10px;}
 .navbarColor a, .LTOC1Color a { color: white; font-weight: bolder; text-decoration: none;}
.level2Color {background: cornsilk;}
.level2Color a { color: #555; text-decoration: none; }
.level2Selected { font-weight:bold; color: black; text-decoration: none;}
.midColumnColor {border: 3px solid gold; border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; padding: 4px; background: white;
  }
.mag { width: auto; margin-bottom: -10px;}
.scartIcon {margin-bottom: -10px; width:auto;}
.btitle { background: cornsilk; font-size: 2vw; color: brown; margin: 1vw; padding: 0.5vw; border-radius: 10px;}
@media only screen and (max-width: 1024px; ) {
	.SearchResults ul { list-style: none; padding: 0; margin: 0; }
}

@media (max-width: 700px ) {
.SearchNumberLine {font-size: 120%; font-family: arial; color: white;}
.SearchResults li { display: block; color: black; background: white;}
.SearchResults a { color: blue; }
.SearchResults { border: 3px solid green; border-radius: 8px; background: white; color: black;} 
.searchFailure { border: 3px solid #a00; border-radius: 8px; color: white;  margin: 3vw; 
	background: #878; padding: 1vw; font-family: arial,sans;}
}
@media (max-width: 500px ) {
.SearchNumberLine {font-size: 120%; font-family: arial; color: white;}
.SearchResults li { display: block; color: black; background: white;}
.SearchResults a { color: blue; }
.SearchResults { border: 3px solid green; border-radius: 8px; background: white; color: black;} 
.searchFailure { border: 3px solid #a00; border-radius: 8px; color: white;  margin: 3vw; 
	background: #878; padding: 1vw; font-family: arial,sans;}
}