BODY {
    BACKGROUND-COLOR: #33e;
    FONT-FAMILY: Verdana;
    MARGIN-LEFT: 40px;
    MARGIN-RIGHT: 40px;
    background: url("skicanada7.jpg") fixed;
SCROLLBAR-FACE-COLOR: #00c; 
SCROLLBAR-HIGHLIGHT-COLOR: #00f; 
SCROLLBAR-3DLIGHT-COLOR: #88f; 
SCROLLBAR-ARROW-COLOR: white; 
SCROLLBAR-TRACK-COLOR: #009; 
SCROLLBAR-SHADOW-COLOR: yellow;
SCROLLBAR-DARKSHADOW-COLOR: #003; 
}

H1, H2, H3, H4 {
    COLOR: #900;
}
H1 {
    FONT-SIZE: 16;
}
H2 {
    FONT-SIZE: 14;
}
H3 {
    FONT-SIZE: 12;
    TEXT-ALIGN: center;
}
H4 {
    FONT-SIZE: 11;
}
P {
    FONT-SIZE: 12;
    TEXT-ALIGN: justify;
    text-indent: 1em; 
    LINE-HEIGHT: 1.5;
}
P:first-letter { 
    FONT-STYLE: italic;
    FONT-WEIGHT: BOLD;
    font-size: 110%;
}
P:first-line { 
    font-size: 120%;
}

TH {
    FONT-SIZE: 14;
}
TD {
    FONT-SIZE: 12;
}
A {
    COLOR: #C00; 
    TEXT-DECORATION: none;
}
A:hover {
    COLOR: #F00; 
    TEXT-DECORATION: underline;
}
ACRONYM {
    CURSOR: help
}

div {
    padding: 16px;
}

div P:hover {
    BACKGROUND-COLOR: #ebf2ea;
}

img {
    border: 0;
    text-ALIGN: center;
    padding-left: 16px;
}


#upd {
    COLOR: black;
    MARGIN: 10; 
}
#upd A {
    COLOR: black;
}


.scrollit {
    overflow-y:scroll;
}

/* to show scollbar if overflow on iOS */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}