P {font-family: non-serif; font-size: medium; color: black}
H1 {font-size: 35; font-family: pegasus; color: black; }
H2 {font-size: 25; font-family: pegasus; color: black; }
H3 {font-size:20; font-family:arial; color:black}
H4 {font-size:15; font-family:pegasus; color:black}

/*The next line is for the links at the bottom of all the pages*/
div.test {font-size:17; font-family:pegasus;}

a:link{color:blue}
a:visited{color:blue}
a:hover{color:red;}
a:active{color:white}

a.back:link{color:blue;font-size:12pt;}
a.back:visited{color:blue;font-size:12pt;}
a.back:hover{color:red;font-size:12pt;}
a.back:active{color:green;font-size:12pt;}

a.sidebuttons:link{color:"#C4130A";font-weight: bold;font-size:11pt;}
a.sidebuttons:visited{color:"#C4130A";font-weight: bold;font-size:11pt;}
a.sidebuttons:hover{color:"#C4130A";font-weight: bold;font-size:12pt;}
a.sidebuttons:active{color:green;}

table.maintable {width: 100%; margin-left: auto; margin-right: auto}

.title {font-size:22pt;font-family:arial;color:black;}
.text {font-size:16; font-family:arial; color:black}

/*Want to add a background color to your links? Change the

background:transparent;
to
background:#000000; (specify hex value)

You can even choose to have a different background color for each of the four properties. Text-decoration and color I would assume are self explanatory.

Neat little features that help add a little pizzazz to your links!

Important Note: The a:hover must be placed after the a:link and a:visited rules, since otherwise the cascading rules will hide the color property of the a:hover rule. Similarly, because a:active is placed after a:hover, the active color will apply when the user both activates and hovers over the a:element.
*/