/*   style sheet for tech page - Jan 2023
*   Last jab 22 2023 - trying a separate style sheet
*
*   header cut off from old page  for separate file
*  <style>
*/



* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

/* Create four e(Q)ual columns that floats next to each other */
.column {
    float: left;
    width: 275px;
    padding: 10px;
    textcolor:#000000;
    font-family:Lexend;
    border-radius: 20px ;
    
}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
#whitebox{
    background-color:#ffffff;
    color:#dddddd;
    text-align:left;
     font-size: 40px;
    padding:15px;
    border-radius: 20px ;
}


#box1{
    background-color:#ffffff;
    color:#dddddd;
    text-align:left;
     font-size: 40px;
    padding:15px;
    border-radius: 20px ;
}
#box1a{
    background-color:#ffffff;
    color:#000000;
    text-align:center;
     font-size: 20px;
    padding:20px;
    border-radius: 20px ;
}

#box1b{
    background-color:#eafaf1;
    color:#dddddd;
    text-align:center;
     font-size: 24px;
    padding:15px;
    border-radius: 20px ;
}
#box1bb{
    background-color:#eafaf1;
    color:#dddddd;
    text-align:left;
     font-size: 24px;
    padding:15px;
    border-radius: 20px ;
}
#box1c{
    background-color:#ffffff;
    color:#dddddd;
    text-align:center;
     font-size: 24px;
    padding:15px;
    border-radius: 20px ;
}
#boxdd{
    background-color:#eee8cd;
    color:#dddddd;
    text-align:left;
     font-size: 20px;
    padding:15px;
    border-radius: 20px ;
}

#box2{
    background-color:#dddaaa;
    color:#dddddd;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box2b{
    background-color:#eafaf2;
    color:#dddddd;
    text-align:left;
     font-size: 24px;
    padding:15px;
    border-radius: 20px ;
}
#box3{
    background-color:#caaaaa;
    color:#dddddd;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box3b{
    background-color:#e8f8f4;
    color:#dddddd;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box4{
    background-color:#aaa555;
    color:#dddddd;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box4b{
    background-color:#e6d3b3;
    color:#dddddd;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box5{
    background-color:#cccaaa;
    color:#bbbbbb;
    textcolor:#000000;
    text-align: center;
    padding:15px;
    border-radius: 20px ;
}
#box5a{
    background-color:#EBF5FB;
    color:#bbbbbb;
    textcolor:#000000;
    text-align: center;
    padding:15px;
    border-radius: 20px ;
}
#box5b{
    background-color:#cccaaa;
    color:#bbbbbb;
    textcolor:#000000;
    text-align: left;
    padding:15px;
    border-radius: 20px ;
}
#box6{
    background-color:#42f4f4;
    color:#bbbbbb;
    textcolor:#000000;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box7{
    background-color:#f4b642;
    color:#bbbbbb;
    textcolor:#000000;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box7b{
    background-color:#e8f8f4;
    color:#bbbbbb;
    textcolor:#000000;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box7c{
    background-color:#85C1e9;
    color:#bbbbbb;
    textcolor:#000000;
    text-align:
    center;
    padding:15px;
    border-radius: 20px ;
}
#box7d{
    background-color:#f4c88a;
    color:#bbbbbb;
    textcolor:#000000;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box7e{
    background-color:lightblue;
    color:#bbbbbb;
    textcolor:#000000;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#carbbox{
    background-color:#f6f6f6;
    color:#bbbbbb;
    textcolor:#000000;
    text-align:left;
    padding:15px;
    border-radius: 20px ;    
}
#ignbox{
    background-color:#d6d6d6;
    color:#bbbbbb;
    textcolor:#333333;
    text-align:left;
    padding:15px;
    border-radius: 20px ;    
}
#coolbox{
    background-color:#e6e6e6;
    color:#cccccc;
    textcolor:#000000;
    text-align:left;
    padding:15px;
    border-radius: 20px ;    
}
#litebox{
    background-color:#eee8cd;
    color:#cccccc;
    textcolor:#000000;
    text-align:left;
    padding:15px;
    border-radius: 20px ;    
}
#box8{
    background-color:#ccaaaa;
    color:#dddddd;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box9new{
    background-color:#efec9a;
    color:#bbbbbb;
    textcolor:#000000;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}

#box10{
    background-color:#f4c88a;
    color:#efec9a;
    text-align:left;
    padding:15px;
    border-radius: 20px ;
}
#box11{
    background-color:#fef9e7;
    color:#fef9e7;
    text-align:left;
    textcolor:#2266aa;
    padding:15px;
    border-radius: 20px ;
}
#ibox2{
    background-color:#cccaaa;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
#ibox3{
    background-color:#aaaaaa;
    color:#2266aab;
    image-align:center;
    vertical-align:middle
    text-align:left;
    text-color:#000000;
    padding:15px;
    border-radius: 20px ;
}
#indexc{
    width:125px;
    background-color:#cccaaa;
    color:#bbbbbb;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}

#footer{
    background-color:#eac117;
    color:#000000;
    text-align:center;
    padding:15px;
    border-radius: 20px ;
}
.comical2, .comical2 TD
{
font-family:Lexend;
font-size:12pt;
color:#000000;
background-color:#fff8cd;
}

.comical, .comical TD
{
font-family:Lexend;
font-size:12pt;
color:#000000;
background-color:#f5e2c1;
}
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 20px;
right: 20px;
overflow: hidden;
width: 90px;
height: 100px;
border: none;
text-indent: -999px;
background:url(https://studebaker-info.org/jump_to_top_arrow.jpg) no-repeat left top;
z-index: 3000;
}

#toTopHover {
background:url(https://studebaker-info.org/2rps6r5.jpg) no-repeat left -40px;
width: 30px;
height: 40px;
display: block;
overflow: hidden;
float: left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
outline: none;
}
</style>

p {
    font-family: "Lexend;
    color:#000000;
{

</style>