/*
 * GLOBAL PROPERTIES
 */
body      { background-color:#222266; color:#FFFFFF }
a:link    { color:#88FFFF; text-decoration:underline }
a:visited { color:#FF66FF; text-decoration:underline }

/* we want all tables to be centered and with their cells adjoined edge-to-edge: */
table { margin-left:auto; margin-right:auto; padding:0; border-style:none; border-collapse:collapse }
td { padding:0; margin:0; text-align:left }

/* all images should be borderless, and should not be treated as inline (text-like), mostly
   because Gecko then pads them to the height of a line of text even if no text is present: */
img { border-style:none; border:0 }
img.inlined { }
@media all {			/* hide this from NS4 or it will spazz */
	img { display:block }
	img.inlined { display:inline }
}


/*
 * TOOLS FOR CENTERING
 */
.centric { text-align: center }		/* use this on an enclosing div, because IE won't center blocks without it */
.central { margin-left:auto; margin-right:auto }	/* use this on block-level elements */


/*
 * THE UPPER BANNER (and the "send me mail" near the bottom)
 */
.topinside { text-align:center; background-color:#444477 }
.here      { position:relative; left:0; top:0 }					/* helps with the drop-shadow hack */

.bigbottom { font-family:sans-serif; color:#000000; font-size:xx-large }	/* drop-shadow text */
.bigontop  { font-family:sans-serif; color:#FFFFFF; font-size:xx-large }	/* text above drop-shadow */
.bottom    { font-family:sans-serif; color:#000000 }							/* drop-shadow text */
.ontop     { font-family:sans-serif; color:#FFFFFF }							/* text above drop-shadow */
.nominate  { font-weight:bold; color:#FFCC00 }								/* highlighted words in front text */


/*
 * THE LEFT SIDEBAR
 */
.llactive   { background-color:#3E3E6A }
.llinactive { background-color:#444477 }
.sorry      { font-family:sans-serif; font-size:8pt; color:#BBDDEE; margin:0.5ex 0 1ex 0 }


/*
 * THE RIGHT HAND BOX
 */
td#inside             { background-image:url("img/gning-mainback.jpg");
                        background-color:#F2F2F2; color:#000000 }
td#inside a:link      { color:#000077; text-decoration:underline }
td#inside a:visited   { color:#770077; text-decoration:underline }

.SubHeading                    { font-size: 133%; font-style: italic;
                                 margin-top: 0.75em; margin-left: 4em;
                                 color: #556600; }
td#inside .StealthLink         { text-decoration: none; color: #556600; }
td#inside .StealthLink:link    { text-decoration: none; color: #556600; }
td#inside .StealthLink:active  { text-decoration: none; color: #556600; }
td#inside .StealthLink:visited { text-decoration: none; color: #556600; }
td#inside .StealthLink:hover   { text-decoration: none; color: #775500; }



/*
 * THE WEBRINGS AT THE BOTTOM
 */
.ring td { font-family:Verdana,sans-serif; font-size:9px; font-weight:bold; color:#AAAAAA }
.ring:link { color:#55AAAA; text-decoration:underline }
.ring:visited { color:#AA55AA; text-decoration:underline }
.lefthalf { width:50%; text-align:right }


/* We leave user defaults intact for all other size and typeface issues. */