:root {
    --background-color: #FFFFF0;
    --font-color: #000000;
    --highlight-color: #FF0000;
    --font-family: Verdana, Calibri, Arial;
    --h1-background-color: #6cf55a;
    --h1-color: #000000;
    --h2-color: #051AC2;
    --footer-background-color: silver;
    --footer-color: #000000;
    --nth-child-background-color: lightsalmon;
}

body {
    background-color: var(--background-color);
    font-family: var(--font-family);
    max-width: 900px;
    margin: auto;
    padding: 5px 5px 5px 5px;
}

body aside {
    float: left;
    width: 0%;
}

body section {
    float: left;
    width: 100%;
}

p.subheads {
    margin: 0px 0px 0px 0px;
}

h1 {
    margin: 0px 0px 10px 0px;
}

.tophead {
    color: var(--h1-color);    
    display: inline; 
}

.homesub {
    text-align: left;
    background-color: white;
    color: black;
    padding: 0px 0px 0px 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.homehed {
    font-size: 24pt; 
    padding: 10px 5px 0px 20px; 
}

.applicationssub {
    text-align: left;
    background-color: lightyellow;
    color: black;
    padding: 0px 0px 0px 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.documentationhed {
    font-size: 24pt; 
    padding: 10px 5px 0px 20px; 
}

.documentationsub {
    text-align: left;
    background-color: powderblue;
    color: black;
    padding: 0px 0px 0px 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.documentationsubsub {
    text-align: left;
    background-color: lightskyblue;
    color: black;
    padding: 0px 0px 0px 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.applicationshed {
    font-size: 24pt; 
    padding: 10px 5px 0px 20px; 
}

.transportsub {
    text-align: left;
    background-color: lightsalmon;
    color: black;
    padding: 0px 0px 0px 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.transporthed {
    font-size: 24pt; 
    padding: 10px 5px 0px 20px; 
}

.personalsub {
    text-align: left;
    background-color: lightgreen;
    color: black;
    padding: 0px 0px 0px 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.personalhed {
    font-size: 24pt; 
    padding: 10px 5px 0px 20px; 
}

.cvDiv{
    border-width: 2px;
    border-style: solid;
    border-color: black; 
    margin: 5px 0px 5px 0px;
    padding: 10px 10px 10px 10px;
}

#subhead{
    background: var(--background-color); 
    color: var(--h1-color);    
    display: inline; 
}

#container { 
    text-align: left; 
    margin: 20px; 
    width: 900px; 
    background: var(--background-color); 
}

#body { 
    margin: 8px; 
}

h4 {
    text-align: center; 
    color: var(--h1-color); 
    background: var(--h1-background-color); 
    font-size: 48pt; 
    margin: 5px 0px 5px 0px; 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

h2 { 
    text-align: left; 
    color: var(--h2-color); 
    background: var(--background-color); 
    font-size: 20pt; 
    margin: 0px; 
    padding: 20px 0px 0px 0px;
}

h3 { 
    text-align: left; 
    color: var(--h2-color); 
    background: var(--background-color); 
    font-size: 16pt; 
    margin: 0px; 
    padding-top: 1em;
    padding-bottom: -2em;
}

img {
    max-width: 100%;
}

pre {
    max-width: 100%;
}

p b {
    text-align: left; 
    color: var(--h2-color); 
    background: var(--background-color); 
}

.red {
    color: var(--highlight-color);
}

.redItalic {
    color: var(--highlight-color);
    font-style: italic;
}

#warninghead { 
    text-align: center;
    font-size: 32pt; 
    font: bold; 
    color: var(--highlight-color); 
    line-height: 0.5; 
}

#couriertype { 
    font-family: var(--font-family);  
    font-size: 12pt; 
    color: var(--font-color); 
    line-height: 0.0; 
}

#codehead { 
    font-family: var(--font-family); 
    font-size: 14pt; 
    font:bold;
    color: var(--h2-color); 
}

#codetype { 
    font-family: var(--font-family); 
    font-size: 12pt; 
    color: #7F207F; 
    line-height: normal; 
}

#defaulthead { 
    font-family: var(--font-family); 
    font-size: 14pt; 
    font: bold; 
    color: var(--h2-color); 
    padding: 14px 0px 0px 0px;
}

#defaultheads { 
    font-family: var(--font-family); 
    font-size: 12pt; 
    font: bold; 
    color: var(--h2-color); 
    padding: 12px 0px 0px 0px;
}

#defaulttype { 
    font-family: var(--font-family); 
    font-size: 12pt; 
    color: var(--font-color); 
}

#defaulttypen{ 
    font-family: var(--font-family); 
    font-size: 12pt; 
    color: var(--font-color); 
    line-height: 0.0; 
}

#navigation  { 
    float: left; 
    width: 150px; 
    background: var(--background-color); 
    margin-left: 10px; 
    padding: 30px 0; 
}

#listhead { 
    font-family: var(--font-family); 
    font-size: 16pt; 
    padding: 0 10px 0 10px; 
}

li#listhead {
    font-family: var(--font-family); 
    font-size: 16pt; 
    background: var(--h1-background-color); 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: var(--h1-color);  
    display: inline; 
    padding: 0 10px 0 10px; 
}

#listsites    { 
    font-family: var(--font-family); 
    font-size: 12pt; 
    color: var(--h1-color); 
    background: var(--background-color); 
    line-height: 1.5;
}

#content { 
    float: left ; 
    width: 700px; 
    margin-left: 45px; 
    position: relative;
    top: 50px;
}

.nth_child_table_color tr:nth-child(odd) {
    background-color: var(--nth-child-background-color);
}

#footer {
    clear: both; 
    background: var(--footer-background-color); 
    color: var(--footer-color); 
    margin-top: 4em;
    padding: 0px 15px; 
    font-size: 80%; 
    line-height: normal;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.footerLeft {
    text-align: left; 
}

.footerMiddle {
    text-align: center; 
}

.footerRight {
    text-align: right; 
}

ul { 
    margin-left: 20px; 
    margin-right: 20px; 
    padding-left: 0; 
    background: var(--background-color); 
    list-style: none; 
    margin: 0px; 
}

.fav { 
    padding-left: 0em;
}

#xfav_pic {
    padding-top: 25px;
    padding-bottom: 25px;
}

.tab1 {
    margin-left: 25px; 
}

.tab2 {
    margin-left: 50px; 
}

.tab3 {
    margin-left: 75px; 
}

.tab4 {
    margin-left: 100px; 
}