@import "foundation.css";

/* ==================== fonts ==================== */

BODY { font-family: Verdana, Arial, Sans-serif;  font-weight: normal; }

H1, H6 { font-family: Arial, Verdana, Sans-serif; }

H1 { font-size: 20px; }
H2 { font-size: 16px;  font-weight: 400; }
P, TABLE { font-size: 14px; }

.topbanner p, p.tagline { font-family: Verdana, Arial, Sans-serif;  font-size: 10px;  font-weight: bold; }

.navbar, .navbar a, .text_menu { font-family: Arial, Sans-serif;  font-size: 13px; }
.navbar { font-weight: bold; }
.navbar td a { text-decoration: none; } /* part of a button; don't need to underline this link. */

.text_menu, .text_menu p, .text_menu a {
	font-size: small;  font-weight: normal;  text-decoration: none; } /* de-emphasize */


body div *.feature_tail_line { text-align: left;  margin-left: 3em;  margin-bottom: 8px; }


/* ==================== dimensions ==================== */

.topbanner { height: 96px;  width: 778px; }

/* 'height'==graphic's height;  then make 'line-height' same, to v-center a's text. */
.navmain a { height: 28px;  line-height: 28px; }


/* ==================== colors & borders ==================== */
/* SEE ALSO--> colors in section "=== current page ===". <--SEE ALSO */

BODY, HR, H2, A { color: #044;  background-color: #cdd; }
H1 { color: #044; }
P, TD { color: #044; }
TABLE { border:0px solid #000; }
A:hover { color: #6aa; }


/* ==================== images ==================== */


/* ==================== current page ==================== */
/* Each page's HTML & each menu item have matching CLASS;
   therefore the menu item for the "current page" is specified
   as "class ABC inside same class ABC";  i.e.  ".ABC .ABC".
   PUT THIS LAST FOR PRECEDENCE (ended up needing "! important" for IE's precedence anyway.)

   HACK: Don't know how to "disable" a hyperlink; so de-emphasize "hover over current" by:
   1. "! important" to take precedence over "a:hover" above;
   2. "cursor" doesn't change to link-pointer.
 */

/* ----- top navigation bar ----- */
.home .home {
    color: #FFF ! important;
    background-color: transparent ! important;
    background-image: url('images/nav/menu_tab_current_left_long.gif') ! important;
    cursor: default;
    }