/*  non-IE uses ".IEHoverAdd:hover #list" rather than rely on JavaScript "expression" */
div.IEHoverAdd:hover #list,
.IEHover #list {display: block}


/* IE doesn't support "fixed".
   IE does supports "html" selector and so doesn't confuse Firefox.
   3 selectors are more specific so goes for IE only  */
* html .linkbar {position: absolute}

* html, body { height: 94%; margin-top: 8px}
* html .linkbar {height: 105%}
* html #list {height: 105%}

body {margin: 0; }
p {margin-top: 0}

/*  non-IE can use "position: fixed;" for non-scrolling bar on side */
.linkbar {position: fixed; }

.linkbar,
.linkbarMenu {background: rgb(0,0,150); }

.linkbar {left: 0px; top: 0px;
          border: 3px solid rgb(0,0,150);
          height: 100%; width: 0px
         }
.linkbarMenu {float: left;
              padding: 0 1em;
             }

.linkbarMenu a  {text-decoration: none; color: white}

/* bar border 3px so back up to border edge -3px  */
#list {position:absolute; top: 0em; left: 0px;
       height: 99%; width: 25em;
       display: none; overflow: scroll; padding-left: .2em;
       border: 3px solid rgb(0,0,150); background-color: rgb(181, 230, 247) }


/*set table default until better classed for main */
table td, table th {padding-right: 1.5em; vertical-align: text-top}
table .right {text-align: right}


/* lefthand list */
#list td, #list th {padding-right: .5em; font-size: .8em; vertical-align: text-top}
#list th {border-bottom: 1px solid black}


#list .YrMkMd {width: 12em}
#list .right {text-align: right}
#list .color {text-align: center}

.YrMkMd {text-align: center; font-weight: bold; margin: 0}


.menu a {padding: 0 1em;
  border-right: 1px solid black;
text-decoration: none; color: black;
}
.menu a:hover {background-color: rgb(41,100,186); color: white}
.menu a.first {border-left: 1px solid black}


.header {
         margin-top: 10px;
         background: rgb(41,100,186);
         color: white;
        }

.logo {font-weight: bold; font-family: sans-serif;
         padding-top: 2em; padding-bottom: .4em;

        }
.sublogo {font-weight: normal; font-size: 0.8em; padding-top: .5em; }

.menu {background-color: rgb(181, 230, 247);}

.message {color: red; font-weight: bold; margin: 1em 0; }

/* 47em = large photo 30em + 15  (2*small (.6+6.3+.6) ) +  */
/*.content {width: 81%; margin-left: auto; margin-right: auto; text-align: left}
*/
.header, .content {width: 80%; margin-left: auto; margin-right: auto; }
.content {text-align: left}
.leftwidth {width: 30em}
.rightcontent {width: 18em; margin-left: 10px; margin-top: 5px}
.largephoto {margin-top: 5px; margin-bottom: 5px; float: left}
.smallphotos {width:100px; width: 6.3em; margin-right: 10px; margin-bottom: 5px}