/* Style sheet linked from tom.supergan.com pages */
/* Created 9/29/02 */
/* Updated 8/11/07 */
/* Copyright (c) 2002, 2004, 2007 Tom Supergan.  All rights reserved. */

/*
The list of keyword color names is: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
The RGB color model is used in numerical color specifications. These examples all specify the same color: 
Example(s):
EM { color: #f00 }              * #rgb *
EM { color: #ff0000 }           * #rrggbb *
EM { color: rgb(255,0,0) }      * integer range 0 - 255 *
EM { color: rgb(100%, 0%, 0%) } * float range 0.0% - 100.0% *
*/

/* Defaults for entire page */
BODY.tables {
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		medium;
    color:		black;
    background:		white;
    margin-top:		0;
    margin-bottom:	0;
    margin-left:	0;
    margin-right:	2px;
}

/* defaults for all paragraphs */
P {
    text-align:		justify;
    margin-top:		0.5em;  /* default margin = 1.33em, 0 */
    margin-bottom:	0.83em;
}

/* change bar on left for P, DIV, SPAN, etc. */
.change-bar {
    padding-left:	0.2em;
    border-left:	solid;
    border-top:		none;
    border-bottom:	none;
    border-right:	none;
    border-left-width:	thin;
    border-color:	red;
}

/* need to change all pages on site to add <P> after <H2-4> */
H1, H2, H3, H4 {
/*    margin-top:	 1em; */
    margin-bottom: 0.25em;
}


/* Main title in top border */
.page-title {
    color:	 #FFFFFF;
    filter:	 shadow(color=white);  /* MS-IE effect */
    font-family: Arial, Helvetica, sans-serif;
    font-size:	 large;
    font-weight: bold;
    font-style:	 italic;
    text-align:	 center;
}

/* Page borders outside of content */
.border {
    color:	 #FFFFFF;
    background:	 #003366;
    font-family: Arial, Helvetica, sans-serif;
}

/* Cell for list of links */
.links {
    text-align:	 justify;
    font-family: sans-serif;
    font-size:	 smaller;
    margin-bottom: 1.5em;
}

/* Cell along bottom of page */
.footer {
    background:	 #DDDDFF;
    text-align:	 justify;
    font-size:	 smaller;
    border-width: 6px;
    border-style: ridge;
}

/* For highlighting links on mouse over */
A:hover {
    background:	 #CCCCFF;
}

/* Left navigation bar column adjustments */
.left-nav-bar {
}

/* Title in top of content area */
TD.short-title {
    background:	 #DDDDFF;
    font-family: serif;
    font-size:	 medium;
    font-weight: bold;
    font-style:	 italic;
    text-align:	 center;
}

/* Menu buttons */
TD.text-button {
    background:	 #CCCCFF;
    font-family: serif;
    font-weight: bold;
    font-style:	 italic;
    text-align:	 center;
    cursor:	 hand;
    border:	 4px;
    border-style: groove;
}

/* Change cell on mouse over */
TD:hover.text-button {
    background:	 #55BBFF;
}

/* So hover won't change link bg */
A:hover.text-button {
    background:	 transparent;
}

/* Change cell on select */
/* border and bg work in NS7, nothing in IE6 */
TD:active.text-button {
    color:	 white;
    background:	 red;
    border-style: ridge;
}
