body { background-image: linear-gradient(#79a4d1,#fefefe); 
	margin: 0 auto; padding:5px 0px; font-family: Copperplate Gothic Bold, Times, Serif;
}
/* header graphic background bottom: 79a4d1 top 79a4d1
*/
#outercontainer {background-image: linear-gradient(#79a4d1,#fefefe); }
	.titleGradiant{ border-radius: 10px;
		background-image: linear-gradient(#f7ffff,#7e9bbb);
		margin: 0px auto;
	}
	.titleGradiant a { text-decoration: none; font-size: 2.5vw;}
	.titleGradiant img { height: auto;}

 .headerColor {}
#headerLeft img {width: 100%; height: auto;}
#headerRight { border-bottom: 0.1vw solid blue; }
#headerRight form { border: 2px blue solid; border-radius: 10px; padding: 2px;margin-top: -10px;}
#headerRight input { border-radius: 7px;}
 .breadcrumbsColor {background: #e0ffff; border-bottom: 0.3vw blue inset; float: left; padding-bottom: 0.3vw; margin-bottom: 0.5vw; }
 .breadcrumbsColor a {text-decoration: none;}
 .navbarcolor input text { background: blue; }
 .navbarColor {background: #eeffff; border-bottom: 0.5vw blue inset;}
 .navbarColor div{border: 2px blue solid; border-radius: 10px; background:#88f; }
 .navbarColor a { color: white; font-weight: bolder; }
 .leftColColor { background: #aab; font-family: arial, sans; padding: 0px;}
 .leftColColor H1,H2,H3 { color: white;}
 .TOCList { background-image: linear-gradient(#fff,#aad2e8); width: 100%; margin: 0px;}
 .TOCList a {text-decoration: none;}
/* .TOCList li a { color: black; text-decoration: none; }
 .TOCList li a:hover { color: blue; text_decoraction: underline; }
*/
#navb_content{background:#4fa4cc; color: gold;  padding: 03vw;}
#navb_content a { color: gold; text-decoration: none;}
#navb_content h1 { font-size: 1.5vw; color: gold; font-weight: bolder;}
 .catoptsColor { border: 0px; color: white;}
 .compatTOC { color: #00a; background: #aaa;}
 .compatTOC li { color: black; }
 .compatTOC a { color: green; }
 #levelNav {background: #eef; }
    
 .LTOC1Color { background: #fff; border-radius: 0px; color: #339; border-bottom: 2px solid blue; color: #008; }
  .LTOC1Color div {
	    margin: 20px 0px; background-image: linear-gradient(#aad2e8,#ddf); padding: 2px 2px;
		border-radius: 5px;
  }
  .tocSec {margin-left: 0.5vw; color: black; padding: 0px 4px;}
  .tocSec a {color: #448;}
 .LTOC2Color {background-image: linear-gradient(#fff,#aad2e8); color: black;}
 .LTOC2Color div { 
	 margin: 20px 0px; background-image: linear-gradient(#aad2e8,#ddf); padding: 2px 2px;
	border-radius: 5px;
 }
 .LTOC1Color a { text-decoration: none; color black;}

 .LTOC2Color a { color: #005; text-decoration: none; }
 /*.level1Selected a { font-weight:bold; color: black; font-style: italic; background:white;}
 .level2Selected { font-weight:bold; color: black; font-style: italic; background:white;}
 
 .catoptsColor {background-color: #ddf; border-radius: 0px; color: #339; border-bottom: 0.3vw solid blue; text-align: center;}
 */
 .btitle { font-family: arial, sans; font-size: 2.5vw; font-weight: bold; color: #44f; margin-bottom: 1vw;
    margin: 0px auto; text-align: center;
}

 .midColumnColor { background-color: #a8c4e1; color: black;}
 .midColumnColor h1,h2,h3,h4 { color: black;}
 .midColumnColor p { margin-bottom: 10px; }
 .midColumnColor ul {list-style: none; margin-left: -20px;}
 .midColumnColor li::before { content: "\2022"; color: red; font-weight: bold; display: inline-block; font-size: 110%;
     margin-left: -1em; width: 1em;}
 .midColumnColor img { margin: 0.02vw;}
 .rightColColor {background-color: #ddf; } 
 .innercontainerColor { background-color: white; }
 .TCatlist  a::before { font-weight: bold; content: "• "; }
 #nav_facebook{ float: left; margin 10px;}
 #nave_content, #navc_content, #navd_content { float: left; margin: 10px;}
 #nave_content h1, #navc_content h1, #navd_content h1 { font-size: 110%; padding: 0.2vw; 
	border: gold inset 4px; border-radius: 10px;}

 .footerColor {background: white; border-top: 2px solid blue; padding-top: 0.2vw;}
 .footerColor a {color: red; font-weight: bold;}
#footer_right, #footer_bottom, #footer-top { text-align: center;}

.SearchResults a {font-weight: bold; font-family: arial,sans;}
.searchScore { color: white; font-size: 120%; }

@media only screen and (max-width: 1000px ) {
 .btitle { font-size: 20px;}
 .navbarColor div { border-radius: 5px; } 
 .midColumnColor ul {list-style: none; margin-left: -20px;}
 .midColumnColor li::before { content: "\2022"; color: red; font-weight: bold; display: inline-block; font-size: 110%;
     margin-left: -1em; width: 1em;}
 .midColumnColor { width: 95%;}
 .titleGradiant { font-size:20px;}
 .titleGradiant td:first-of-type { min-width: 300px;}
 
}

@media only screen and (max-width: 700px ){
 .midColumnColor ul {list-style: none; margin-left: -20px;}
 .midColumnColor li::before { content: "\2022"; color: red; font-weight: bold; display: inline-block; font-size: 110%;
     margin-left: -1em; width: 1em;}
.titleGradiant  { font-size: 4vw;}
}