/** css for shtuf-home **/    
            body {
                font-family: open-sans, sans-serif;
                font-size: 0.80rem; 
                line-height: .88rem;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                }
            .shwords{
                color: #666699;
                }
/** css for shtuf-text **/   
            h2, h3, h4, h5, h6 {
                font-family: Roboto, sans-serif;
                color:#666699;
                -webkit-font-smoothing: antialiased;
                }
            h2 {
                font-size: 1.2rem;
                }
            h3 {
                font-size: .88rem;
                }                
            h4 {
                font-size: .8rem;
                }   
            h5, h6 {
                font-size: .8rem;
                }   
            a.brando {
                font-family: "WDXL Lubrifont JP N", sans-serif;
                font-weight: 500;
                font-style: extra-bold;
                font-size: 1.6rem;
                }
            body a{
                color: #666699;
                text-decoration: none;
                }
            body a:hover{
                
                }
            p.disabled {
             	color:#0000ff;
             	}   
                
/** css for shtuf-resources **/      
             .container-fluid {
                margin: 0 auto;
                }         
            .clearfix{
            	clear: both;
            	}    	
			.border-test{
				border: 1px solid #0000ff;
				}            	
            .float-right{
                float: right;
                }  
            .float-left{
                float: left;
                }
  
/** css for shtuf-coluhs **/             	

/* navbar grey coluhs */
            .shf-gryblu500 { color: #ccccdd;
                }
            .shf-desblu500 { color: #666699;
                }
            .shf-drkgry300 { color: #333333;
                }
            .shf-drkgry700 { color: #777777;
                }
            .shf-drkgry800 { color: #888888;
                }
            .shf-drkgry900 { color: #999999;
                }
            .shf-litgrybe3 { color: #bebebe;
                }    
/* navbar wire coluhs */
            .shf-hok { color: #000000;
                }
            .shf-bok { color: #ffffff:
                }
            .shf-wire { color: #0000ff:
                }
            .shf-nope { background-color: transparent;
                }
/* navbar coluhs */
            .shf-blu300 { color: #d1d1ff;
                }
            .shf-blu400 { color: #a0a0ff;
                }
            .shf-blu500 { color: #000033;
                }
                
/** css for navbar shtyles **/
 /*            .navbar-hack{
                margin-bottom: 16px;
                } */
            .navbar-primary, .navbar-secondary, .navbar-tertiary{
                height: 24px;
                }
            .navbar-primary{
                background-color: #000033;               
                }
            .navbar-primary ul li a{
            	padding-top: 1.5px;
                color: #ccccdd;
                }      
            .navbar-primary ul li a:hover {
                color: #ffffff;
                }
            .navbar-primary ul li a.brando{
                font-family: "WDXL Lubrifont JP N", sans-serif;
                font-weight: 700;
                font-style: normal;
                font-size: .8rem;
                }                
            .navbar-secondary{
                background-color: #ccccdd;
                }
            .navbar-tertiary{
                background-color: transparent;
                border-bottom: 1px solid #666699;
                }
            ul {
                list-style-type: none;
                margin: 0;
                padding-top: 5px;
                overflow: hidden;
                }
            ul li.navleft{
                float: left;
                }
            ul li.navright{
                float: right;
                }
            ul li a {
                display: block;
                padding-right: 8px;
                text-decoration: none;
                }           
/*          .navbar-bottom{
                margin-bottom: 16px;          
                }			*/
 /*         .navbar-state style
                fw-bolder */  /* just in case I need a hack for the navbar state. */
                
/* info-nav-col shtyles */
            hr.hr-dot {
                border: none;
                border-top: 2px dotted #0000ff;
                width: 100%;
                }
            .list-header{
                font-size: .8rem;
                margin-bottom: 3px;
                font-weight: bold;
                }
			.version-info-nav-col{
                border-right: 1px solid #ccccdd;
				}
            p.version{
                font-weight: bold;
                margin-bottom: .5rem;
                padding-left: 0; !important
                }
            .version-row{
                border-bottom: 1px solid #ccccdd;
                margin: 24px 0 0 0;
                line-height: .8;
                }
            .version-numbah{
                font-family: "Nova Mono", monospace;
                font-weight: 100;
                font-size: 1.8rem;
                font-style: normal;
                letter-spacing: -3px;
                line-height: .8;
                }
			.info-nav-row{

				}
            .info-col{
                border-right: 1px solid #ccccdd;
                }
            .info-col-list{
                padding-left: 0; !important
                }
            .nav-col{
            	}  
            .nav-col-list{
                padding-left: 0; !important
                }  
/* content shtyles */
			.content-col{
                padding-top: 0; !important
                margin-left: 4px;
				}
            .col-images img{
                border: 1px solid #0000ff;
                display: block;
                max-inline-size: 100%;
                margin: 0 0 8px 12px;
                }
/* footer shtyles */
            .footer{
            	color: #ccccdd;
            	display: block;
            	height:32px;
                background-color: #000033;
                }
			.footer p{
				padding-top: 10px;
				}
/* content shtyles */



                
</style>