body 
{
    /* Someone complained it was hard to read blue on light-blue so I changed the background to off-white. */ 
    /*background-color:#d0e4fe;*/  /* light blue */ 
    background-color: #f3f3ff; /* off-white with a slight bluish tint */ 
    color: blue; 

    font-size: 0.9em;  
    /* Some people complained about the font (they didn't like comic sans MS) so I changed it. */ 
    font-family: Verdana, Geneva, sans-serif;    
}
h1
{
    color: red;
    text-align: center;
}
h2
{
    color: blue; 
    text-align: center;
}

p {margin-left: 30px}
p {margin-right: 30px}
h3 {margin-left: 30px}
table {margin-left: 30px}

/* I now do the indentation using li instead of ol an ul to make it look right in internet explorer. 
ol {margin-left:30px}
ol {margin-right:30px}
ul {margin-left:30px}
ul {margin-right:30px}
*/

li {margin-left: 30px;}

pre {margin-left: 30px;}
blockquote {margin-left: 60px;}
blockquote {margin-right: 90px;}
font {
    /*font-family:cursive, serif; */ 
    font-family: Verdana, Geneva, sans-serif; 
} 

a:link {color: black;}       /* unvisited link */
a:visited {color: #FF00FF;}  /* visited link */
a:hover {color: orange;}     /* mouse over link */
a:active {color: #00FF00;}   /* selected link */ 

.page_title {
    font-size: 1.8em;  
    font-weight: bold; 
    text-align: center;
/*    vertical-align: text-top; */ /* needed when title is in a table */ 
}

.page_subtitle {
    font-size: 1.6em;  
    font-weight: bold; 
    text-align: center;
}

.page_subsubtitle {
    font-size: 1.4em;  
    font-weight: bold; 
    text-align: center;
}


.byline {
    font-size: 1.2em;  
    font-weight: bold; 
    text-align: center;
}

.imagetext { 
    font-size: 1.0em;  
    font-weight: bold; 
    text-align: center;
}

.table_image { 
    text-align: center; 
}

.column_header { 
    text-align: center; 
}

.c_number { /* a centerd number */ 
    text-align: center; 
} 

.r_number { /* a right aligned number */ 
    text-align: right; 
} 

.simple_table {  
    margin-left: 30px;  
}