/* Changed font size based on recommendations from http://www.w3schools.com/css/css_font.asp
    1 em = 16 px

   Margins: top right bottom left OR top/bottom, left/right OR top, left/right, bottom
*/
body { font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 100%; margin: 0px}
p {margin: 16px 8px}
li {margin-bottom: 10px; margin-right: 8px}
input, textarea, select { font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 1em }
h3 {text-align: center; font-size: 1em; font-weight: bold; margin: 16px 8px 8px}
hr { border-width: 1px  }
dt {margin: 8px 8px 0px 8px}
dd { margin-bottom: 10px; margin-right: 8px}
fieldset { border-style: none}

.bigTitle { text-align: center; font-size: 1.2em; font-weight: bold; margin: 8px 8px 0px 8px }
.title {text-align: center; font-size: 1em; font-weight: bold; margin: 8px}
.small { font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 0.5em /* 8px */ }

/** margin-left, -right centers */
.center {margin-left:auto; margin-right:auto}

.smallAlpha {list-style-type: lower-alpha}

/* use as class for table, td */
.borderTable {border:1px solid #999999; border-collapse:collapse; padding: 5px}

/* Class for table with invisible border */
.noborder {border-width: 0px}

/*
    Color schemes

    Peachy beige:
        menu background #ebd798 = 235, 215, 152
        menu link, search button #662C00 = 102, 44; alt #713000 = 113, 48
        active menu link #e66200 = 230, 98
        search box border #d8af5c = 216, 175, 92
        search button border #2D1300

    Gray and navy:
        menu background #ddd
        menu link #282880 = 40, 40, 128
        search button #999999
        search box and button border #666666
*/

.divmenu {background-color: #ebd798; padding: 0px 0px; margin: 0px; width: 100%; display: table; height: 63px}
.menuCell {background-color: #282880; padding: 0px; margin: 0px; border: 0px; vertical-align: middle}
.fakeTableCell {display: table-cell; vertical-align: middle;}
.fakeTableCellRt {display: table-cell; vertical-align: middle; text-align: right;}

/* Top of page just under the menu bar.  Used by main page */
.topOfPage {left: 0px; top: 63px; display: none}

/** Gray: #dddddd
    Beige: #dbd1ae, #c5b57c
    Peachy beige: 235, 215, 152 = #ebd798
    Brown to go with peachy beige: #713000  = 113, 48; 83, 35 = #532300; 53, 22 = #351600
    Dark green: #005858, #003333 for lettering on gray, #bbbb00 hover color
*/

a:link {color: #003399; text-decoration: none}
a:visited {color: #663399; text-decoration: none}
a:hover {text-decoration: underline}

a.menulink:link {color: #662C00; font-weight: bold; text-decoration: none; padding: 0px 10px}
a.menulink:visited {color: #662C00;} 
a.menulink:hover {text-decoration: underline;}
a.menulink:active {color: #e66200;}

a.indexLink:link { font-size: 0.5em; }
a.indexLink:visited { font-size: 0.5em; }
a.indexLink:hover { font-size: 0.5em; }
a.parenLink:link {color: #003399} /*#666*/
a.parenLink:visited {color: #663399}
a.parenLink:hover {color: #006666}

a.ftnote:link {color: #003399; font-size: 0.5em; text-decoration: none; vertical-align: super}
a.ftnote:visited {color: #663399; font-size: 0.5em;  text-decoration: none; vertical-align: super}
a.ftnote:hover {color: #006666; font-size: 0.5em; text-decoration: underline; vertical-align: super}