body {
    width:960px;
    margin:auto; /* this provides centered body */
    font:14px verdana; /* 'font' works.'font-family' does not */
}


div.posheeda {display:none; }

div.roundedBox {
    font-size: 1.0em;
    color: red;
    border: 2px solid;
    border-radius: 5px;
    padding: 5px; 
}

div.roundedBoxBlack 
{
    font-size: 1.5em;
    font-style:bold;
    color: black;
    border: 8px solid;
    border-radius: 5px;
    padding: 25px; 
    text-align: justify;
    text-justify: inter-word;
}

#menu { /* Ref: http://www.htmlgoodies.com/beyond/css/how-to-create-horizontal-navigation-with-css3.html */
    width: 950px;
    height: 18px;
    font-size: 0.9em;
    text-align: center;
    color:white;
    background-color: red;
    margin:-2px 0px 5px 0px; //TRBL - top, right, bottom, left
}

#menu ul {
    height: 18px;
    padding: 0px;
    margin: 0px;
}

#menu li {
    display: inline; 
    padding: 9px; /*  control spacing between menu items with this padding. Leave anchor padding at 0 */
    margin:0px;
}

#menu a {
    text-decoration: none;
    color: white;
    padding: 0px; /* leave this 0. Use li padding to control spacing between menu items */
    margin:0px;
}

#menu a:hover {
   color: red;
   background-color: white;
}

div.editor {
    font-size: 0.9em;
    font-weight: bold;
    font-style:italic;
    color: blue;
    margin: 20px 20px 20px 10px;
}


div.linksListHdr 
{
    font-size:1.1em; 
    font-weight:bold; 
    color:Red; 
    line-height:20px; 
    padding-left:25px;
    padding-bottom:5px;
}


ol.linksOL
{
    line-height:20px; 
    font-size:0.8em; 
    color:Gray;
}


a.linkInLi
{
    font-size:1.1em; 
    font-weight:bold;
}

   
table.alumni {
    border: solid 2px blue;  
    text-align: left;
    width: 950px; 
    border-collapse: collapse;
}

td {
    border: solid  2px blue;   
    font-family: Calibri;
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
    padding-top: 10px;
}

td.heading {
    border: solid 1px lightblue; 
    text-align: center;  
    font-weight: bold;  
    color: blue;
}

td.num {
    text-align: center;
    font-size:0.9em;
}

td.name {
    text-align: center;
}

table.alumniList {
    margin-left:auto;  /* to center the table*/
    margin-right:auto; /* to center the table*/
    border: solid 1px lightgrey;  
    text-align: left;
    width: 950px; 
    border-collapse: collapse;
}

caption.alumniList {
    border: none;
    text-align: center;
    font-size:1.2em;
    font-weight: bold;  
    color: red;
}

td.heading {
    border: solid 1px lightgrey; 
    text-align:center;  
    font-weight: bold;  
}

td.alm {
    border: solid 1px lightgrey; 
    text-align: left;
    font-size:1.0em;
    padding-top: 2px;
    padding-bottom: 2px;
}

td.almC { /* centered */
    border: solid 1px lightgrey; 
    text-align: center;
    font-size:1.0em;
    padding-top: 2px;
    padding-bottom: 2px;
}

td.almLs { /* left, small */
    border: solid 1px lightgrey; 
    text-align: left;
    font-size:0.9em;
    padding-top: 1px;
    padding-bottom: 1px;
}


div.picLeft {
    float: left;
    padding-left: 5px;
    padding-right:15px;
    padding-bottom:10px;
}

div.picRight {
    float: right;
    padding-right:5px;
    padding-left:15px;
    padding-bottom:10px;
}

div.picCenter {
    margin-left: auto;
    margin-right: auto;
    padding-top:20px;
    padding-bottom:10px;
}

p.picCaption {
    font-family: Calibri;
    color:Blue;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    text-align: justify;
    padding:0px 10px 10px 10px;
    margin:0px;
}
span.italic { font-style:italic }
span.leftAlign { float:left; }
span.rightAlign { float:right; }

h3 { margin-bottom:0px; }

ol {
  border: 0px;
  margin-top:0px;
  margin-left:20px;
  padding-left:20px;
}

blockquote {
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    width: 850px;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.3;
    position: relative;
    color: #383838;
}

h1 {
        border-top: 4px solid blue;
        font-size: 1.3em;
        font-weight:bold;
        color:blue;
        background-color: #d7f7f7;
        padding-top:0px;
        padding-bottom:0px;
        margin-top:0px;
        margin-bottom:0px;
		position:relative;
		top:-20px; // relative position and -20px top will eliminate space above the h1 line
}

h2{
        border-top: 2px solid blue;
        font-size: 1.2em;
        font-weight:bold;
        color:blue;
        background-color: #d7f7f7;
        padding-top:8px;
        padding-bottom:0px;
        margin-top:-10px;
        margin-bottom:0px;
}

h3{
       
        font-size: 1.1em;
        font-weight:bold;
        color:blue;
        background-color: #d7f7f7;
        padding-top:4px;
        padding-bottom:0px;
        margin-top:20px;
        margin-bottom:0px;
}

h4{
       
        font-size: 1.0em;
        font-weight:bold;
        color:blue;
        background-color: #d7f7f7;
        padding-top:4px;
        padding-bottom:0px;
        margin-top:20px;
        margin-bottom:0px;
}

h6{ /* use for date and contrib line. This pushes up against a h1-h4 header */
        font-size: 0.8em;
        font-style:italic;
		font-weight:normal;
        color:GrayText;
        background-color: #d7f7f7;
        padding-top:0px;
        padding-bottom:0px;
        margin-top:0px;
        margin-bottom:20px;
} 
