* {box-sizing: border-box; } 

body{
margin:0;padding:0;
}

img{max-width:960px;height:auto;}


h1,h2,h2,h3,h4{
 font-family: 'Open Sans',Fontin,Arial;
 font-weight:600;
 color:#23364C;
}



#cmsBannerSlideDiv img {
 width: auto;
	max-width:100%;
}

#outer{
	margin:0 5%;
	width: 90%;
	max-width:1680px;
}

.site{
}
.list-style-default .cmsItem .cmsText {
font-size: 100%;
}


td,table,body,input,label,textarea,select {
font-size: 12px;}

input, select, textarea {
       background-color: #FFFFFF; 
       border: 1px solid #999999; 
       color: #333333; font-size: 
       12px; 
       font-family: "arial",helvetica;}


.cleared {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}
#container {
	
        background-color: #FFFFFF;
}


/* end Box, Sheet */


/* Resert some headings default style & links default style for links in headings*/

a:hover { color: #666; }

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	/*font-weight: normal;
	font-style: normal;*/
	text-decoration: none;
}
/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
	font-size: 32px;
	/*font-style: normal;
	font-weight: normal;*/
        
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
	font-size: 24px;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
	font-size: 18px;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
	font-size: 14px;
        font-weight:bold;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
	font-size: 12px;

}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
	font-size: 10px;
}

h2{
margin-top:1.5em;}

h3{
    margin-bottom: 0.25rem;
color:#405572;

}


/* Finish Content headings Fonts & Colors  */

/* end PostContent */

/* begin Sheet Footer */

#footer {
	overflow:hidden;
	
}
#footer-text {
	padding: 6px 6px 6px 6px;
	text-align: center;
}
#footer-text a:link {

}
#footer-text a:visited {

}
#footer-text a:hover {

}
/* end SheetFooter */


#ContentCMS ol li,#ContentCMS ul li{
       margin-bottom:10px;
}


.infobox{
       background-color:#e1e8f2;
       border:2px dotted #00518a;
       padding:5px;
}

.quotebox{
       /*background-color:#e1e8f2;*/
       border:1px dotted #333;
       padding:10px;
       font-style: italic;
}

.hotbox{
       background-color:#f4dedf;
       border:2px dotted #8a0021;
       padding:5px;
}

.searchResultsTable .searchresult{margin-bottom:8px;}


p.infoItem b,
p.content b,
p a b,
td.videoThumbTextTd b
{
 font-weight:normal;
}

p.infoItem,p.content{
margin-bottom:22px;
}

p.infoItem a, 
p.content a, 
p a,
td.videoThumbTextTd a
{
 text-decoration:none;
 border-bottom:1px dotted;
 margin-bottom:4px;
}

.videosummary{
 display:block;
 padding-bottom:12px;
}

.cmsTitle{
	font-size:120%;
}
.cmsTitle,.cmsTitle b{
	font-weight: 400;
}
.cmsItem {
	margin-bottom:20px;
}

/*--- SEARCH BOX ----*/


#sub{margin-bottom:30px;}
#searchbox{
width:340px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color:#93b2dd;
 padding:1px 20px 20px 20px;
}

.searchtoykeywords{ height:18px;width:120px;}
.searchtoysubmit{height:22px;}

#searchbox .searchtoykeywords{ width:180px;}

#searchbox h2{color:#fff;margin-bottom:12px;font-size:18px;}

#searchbox input{height:20px;}
#searchbox .searchtoysubmit{margin:0 52px 0 6px;height:24px;}

.searchtoysubmit{
 background-color:[WSCOL_LINK];
 color: white;
 border: none;
}

.searchtoysubmit:hover{
 background-color:#C73504;
}

#menu button{display:none;}

/*=============================
MOBILE
==============================*/

@media (max-width: 560px) {

.cmsLogoImg {
    max-width: 100%;
    height: auto;
    height: 70px;
    margin-top: 5px;
}

.breadcrumbtrail .bcPrefix,.bcSeparator{display:none;}

body .breadcrumbtrail a {
    margin-inline: 0;
    margin-bottom: 4px;
    font-size: 13px;
}

#menu .material-icons {
  transform: rotate(90deg);
}

#menu button{display:inline-block;}

#leftside{
    position: absolute;
    top: 0;
    left: -100vw;
    width:100vw;
    min-height: 100vh;
   background:rgba(0,0,0,0.3);
}

#leftside #menu{
   width:100vw;
   padding: 4vw 6vw 4vw;
padding-top:80px;
    box-sizing:border-box;
        min-height: 100vh;
    background: white;
}

.active #leftside{
	left:0;
}

body #menu ul ul ul {
    margin: 0;
    border: 0px solid #666;
    overflow: initial;
    width: 100%;
    position: relative;
    
}
#menu li{position:relative;}

    #menu ul#nav ul ul {
      padding-left: 0.5rem;
border-left:1px solid [WSCOL_LINK];
        border-radius: 0;
    }


body #menu ul ul ul li a{
	padding-left:1rem;display:block;
        
}

body #menu #nav li li.menuliparentactive > a, 
body #menu #nav li li li.menuliparentactive > a{
    background: none;
border:none;
     color: #666;
}

#menu button{
    position: absolute;
    top: 0;
    right: 0;
    min-width:60px;
	border:none;
    height:34px;
}

#menu ul{display:flex;flex-direction:column;gap:4px;}

#mobbtn {
    position: absolute;
    top: 4vw;
    right: 4vw;
    background: #0f8ac5;
    padding: 8px 10px;
    color: white;
    border-radius: 4px;
    cursor:pointer;
    text-align:center;
    min-width:70px;
    z-index:10;
}

.active #mobbtn{
   right:4vw;
}
.close{display:none;}
.active .open{display:none;}
.active .close{display:inline;}


#menu ul#nav ul{display: none;}
#menu ul#nav li.active > ul{display:flex;}

#menu li.active > ul > li > button .material-icons {
  transform: rotate(-90deg);
}

#nav > li
{
border-bottom: 1px solid [WSCOL_LINK];
    padding-bottom: 4px;
}

#nav > li a {
    display: block;
    padding: 8px;
}

#nav > li:active > a {
    color:white;
    background:[WSCOL_LINK];
}

#menu #nav li li{
    border-top: 1px dotted #bababa!important;
    position: relative;
}
#menu #nav li li li{
    border-top: 0px dotted #bababa!important;
}

#menu #nav li li a.menuparentactive{font-weight:800;color: #23364C!important;}


}