/* basic.css
 * Cascading StyleSheet for NFU pages ... 
 * Annotated to help CSS newbies
 */



/* The BODY section contains default styles for the entire page. */

BODY {
    background-color: rgb(255,255,255);
    font-family : "Hoefler Text", "Georgia", serif; 
    font-size : 12pt;
    color : rgb(0,0,0);
    margin : 2em 5% 0em 5%;  /* Top, left, bottom, right */
}


P {
    background-color: rgb(255,255,255);
    font-family : "Hoefler Text", "Georgia", serif; 
    font-size : 12pt;
    color : rgb(0,0,0);
    margin : 0.5em 5% 0em 5%;  /* Top, left, bottom, right */

}

UL {
    background-color: rgb(255,255,255);
    font-family : "Hoefler Text", "Georgia", serif; 
    font-size : 12pt;
    color : rgb(0,0,0);
}    



/* The following sections define the styles invoked by various tags. */

BIG { 
    font-size : 110%;  /* relative to the size before entering the tag */
    font-weight : bold;
} 

H1 {
    font-family : "Capitals", "Georgia", serif;
    font-size : 20pt;
    text-align : center;
}

H2 { 
    font-family : "Capitals", "Georgia", serif;
    font-size : 18pt; 
} 

H3 { 
    font-family : "Capitals", "Georgia", serif;
    font-size : 14pt; 
} 

H4 { 
    font-family : "Hoefler Text", "Georgia", serif;
    font-size : 14pt;
    font-weight : bold;
    
} 


/* The A:link and A:visited styles affect links, whose colors change
 * when they have been visited. 
 */

A:link { 
    background-color: rgb(255,255,255);
    color : rgb(153,0,0); 
}

A:visited { 
    background-color: rgb(255,255,255);
    color : rgb(204,0,0); 
}



/* These class definitions can be invoked in any tag with the class 
 * attribute.  For instance, <p class="center"> or <big class="large">.
 */

.large {
    font-size : 145%
}

.center {
    text-align : center;    
}

.red {
    background-color: rgb(255,255,255);
    color : rgb(153,0,0);
}