/*  non-IE uses ".IEHoverAdd:hover #list" rather than rely on JavaScript "expression" */
.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; }

/*  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; 
xmargin-left: -2px; 
              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}


#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 {xwidth: 80%; text-align: center; font-weight: bold; font-size: 2em}


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


.headerColor {background: rgb(32,85,170); background: rgb(41,100,186); color: white }
.header {font-weight: bold; font-family: sans-serif; 
         padding-top: 2em; padding-bottom: .4em;
        } 
.subheader {font-weight: normal; font-size: 0.8em; padding-top: .5em; }        
        
.menu {background-color: rgb(181, 230, 247);}


/* 47em = large photo 30em + 15  (2*small (.6+6.3+.6) ) +  */
/*.content {width: 81%; margin-left: auto; margin-right: auto; text-align: left}
*/
.content {width: 47em; margin-left: auto; margin-right: auto; text-align: left}
.leftwidth {width: 30em}
.rightcontent {width: 15em; 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; xmargin: 5px 10px;}