/* --- Base Element Styles (Applies to all pages) --- */
body { 
    background-color: #aaddff; /* #99ccee; darker also nice */
    font-family: "Trebuchet MS", Helvetica, sans-serif; 
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

h1 { color: #000000; }
h2 { color: #2233ff; }
h3 { color: #800080; }
h4 { color: #800080; margin-bottom: 5px; }

p { 
    color: #112299; 
    margin-bottom: 0; 
    margin-top: 0; 
    background-color: #aaddff /* #ccffff lighter colour */; 
    font-size: large; 
    font-family: "Times New Roman", Times, serif;
} 

a { color: #0000ff; text-decoration: none; } 
a:hover { text-decoration: underline; } 
a:link { color: #0000FF; }
a:visited { color: #0F0FF0; }
a:hover { color: #FF0000; }
a:active { color: #000000; }

table { 
    margin: 0; 
    padding-left: 20px; 
    border-collapse: collapse;
}

td { 
    font-family: "Trebuchet MS", sans-serif; 
    font-size: 11pt; 
}

ul { visibility: visible; }

/* --- Layout Structure --- */
#header { background-color: #99ccee; padding: .5em; } 
#left { float: left; width: 161px; padding: .5em; background-color: #aaddff; } 
#right { float: right; width: 200px; padding: .5em; background-color: #aaddff; } 
#center { margin-right: 217px; margin-left: 178px; padding: .5em; background-color: #aaddff; } 
#footer { clear: both; background-color: #99ccee; padding: .5em; } 	



/* --- Page-Local Custom Classes (Only used where applied in HTML) --- */
.text-dark { color: #000000; } /* Replaces <font color="#000000"> */
.header-link { color: #0000ff; text-decoration: underline; } /* Replaces <font color="#0000ff"><u> */
.img-bordered { border: 1px solid #000000; } /* Replaces BORDER=1 on images */

/* Erases all styles of a targeted extension container */
#unwanted-extension-root-id {
    all: unset !important;
    display: none !important;
}