<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Cascading Style Sheet for Knut's Homepage */

/* Dark Blue style */
/* All properties that are style specific are marked as "STYLE" */

/* Compatibility notes:
 *
 * Names starting with "#" are ID selectors meaning they point to one specific single object/element
 */

/* This stylesheet expects the following HTML structure
body#page
        table#pageHeader
                tr
                   td.left
                                div.Name
                                div.subTitle
                   td.right (rowspan 2)
                                div.contactInformation

        col left is optional sidebar navigation
                col.main
                col.right


   &lt;BODY MAIN CONTENT&gt;

        &lt;TOPIC&gt;

        &lt;TOP COMMAND&gt;

        table#pageFooter
                tr
                        td.left      (rowspan = 2, could be used for image)
                        td.center    (rowspan = 2)
                            div.footerText
                        td.right
                           div.poweredBy
                tr
                   td.right
                           div.lastUpdated
 */



/* GLOBAL SYTLE global styling, sets overall style of page */

body {
        font-family: Verdana;
        margin: 0px; /* increase to have page float on background */
        padding: 0px;
        font-size: 10pt;
}

h1, h2, h3 h4, h5 {
        font-family: Arial;
        color: darkblue;
}

li {
        margin-bottom: .3em; /* make list items more compact than default */
}

img {
        border: 0; /* by default, images should not have a border */
}

.name {
        font-size: 24pt;
        color: blue;
}

.emptyImage {                                                /* used for special effects */
        float:left;
        margin: 0px;                        /* distance to outline */
}


/* all headers in boxes */
.header {
        clear: both;    /* floating element below */
}

/* link styles */
a {
        text-decoration: underline; /* set to "none" to hide underlines on links */
}

a img {
        text-decoration: none; /* set to "none" to hide underlines on links */
}


a:link {
        color: #000099;                /* STYLE */
}

a:visited {
        color: #00008B;                /* STYLE */
}

/* Note: hover selector should be last in order to take precedence in :visited AND :hover situation */
a:hover {
        color: #CC0000;                /* STYLE */
}

/* special link styles */
a.noHover:hover {
        background-color:transparent;        /* If you don't want images wrapped in &lt;a&gt; to have hover effect, make it &lt;a class="noHover"&gt; */
}

a:active {
        color: #FF3300;                /* STYLE */
}


/*********************************************************************************/
/*** Styles of specific modules **************************************************/
/*********************************************************************************/

/* MODULE:  HEADER --------------------------------------------*/
#pageHeader {
        width: 100%;
        color: blue;
        border-bottom: 3px solid #FFCC66;        /* STYLE */
}


#pageHeader td {
        padding-left: 6px;
        padding-right: 6px;
}

#pageHeader div {
        /*margin-bottom: .2em;        */
}

/* logo image on left side of header */
#pageHeader .left {
        width: auto;
        margin-right: 8px;
}

/* header information */
#pageHeader .right {
        margin-left: 8px;
        vertical-align: bottom;
      /*  color: #0000DF    White; */                                       /* STYLE */
}



/* link style in header */
/* note: Order is important. If ambiguous, last has precedence. */
#pageHeader a:link {
        color: darkblue;                                                        /* STYLE */
        text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageHeader a:visited {
        color: blue;                                                        /* STYLE */
        text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageHeader a:hover {
   color: blue;                                                /* STYLE */
        text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageHeader a:active {
        color: ddarkblue;                                                /* STYLE */
        text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageHeader .left .Name {
        text-align: left;
        font-family: Arial;
        color: blue;
        font-size: 32pt;
        vertical-align: middle;
}
#pageHeader .left .subTitle {
        text-align: left;
        font-family: Arial;
        font-size: 16pt;
        vertical-align: middle;
}
#pageHeader .right .contactInformation{
        text-align: right;
        font-size: 8pt;
        vertical-align: bottom;
        /*margin-right: 4px;                        */        /* to right align with commands in utilities */
}



/* MODULE: FOOTER  ------------------------------------------------------------*/
#pageFooter {
        width: 100%;
        background-color: #0062BF;                                        /* STYLE */
        border-top: 3px solid #FFCC66;                        /* STYLE */
        font-size: 8pt;
        color: White;                                                                        /* STYLE */
}


#pageFooter td {
        padding-left: 6px;
        padding-right: 6px;
}

#pageFooter div {
/*        margin-bottom: .2em;        */
}

/* link style in footer */

#pageFooter a:link {
        color: White;                                                                /* STYLE */
}

#pageFooter a:visited {
        color: White;                                                                /* STYLE */
}

#pageFooter a:hover {
   color: #BEDBF7;                                                        /* STYLE */
}

#pageFooter a:active {
        color: #FF3300;                                                        /* STYLE */
}

/* reserved for image */
#pageFooter .left {
        width: 0px;
        margin-right: 0px;
}

#pageFooter .center {
        width: 65%;                                        /* helps to left align text */
        text-align: left;
        vertical-align: top;
}

#pageFooter .center .footerText {
}

/* Last update and powered by MindManager */
#pageFooter .right {
        width: 35%;
        text-align: right;
}

#pageFooter .right .poweredBy {
        vertical-align: top;
}

#pageFooter .right .lastUpdated {
        vertical-align: bottom;
}</pre></body></html>