UL {margin-top: 3px; margin-bottom: 3px;}
/*
#pagewidth {width: 790px;}
#emptycell TD {padding-left: 20px;}
#contentcell td {padding: 5px 5px 5px 5px;}*/

/* fonts and text colors forground bacground combos */ 

 .menufont { font-family: verdana, geneva, sans-serif; font-size: 10px; font-weight: bold; color: #FF6600;}
 .smallfont {font-family: verdana, arial, geneva, sans-serif; font-size:10px; font-weight: bold;}
 .serif {font-family: Georgia, Garamond, Book Antiqua, Palatino, Times New Roman, Times Roman, Serif;}
 .fixedwidth { font-family:  OCR A Extended, Lucida Console, Lucida Sans Unicode, Andale Mono, Monaco, Courier New, Monospace;}
 .handwritten { font-family: Lucida Handwriting, Monotype Corsiva, Apple Chancery, Comic Sans MS, Cursive;}

 .menucolors { color: white; background-color: #1958b7; font-weight: 400;}
 .nporangetext { color: #FF8000; font-weight: 400;}
 .redtext { color: #004B79; font-weight: 400;}
 .grayback { color: black; background-color: #D3D3D3; font-weight: 400;}
 .tanback { color: black; background-color: #f7f2da; font-weight: 400;}
 .highlight { color: black; background-color: #7FFFD4; font-weight: 400;}

 table {border-collapse: collapse; empty-cells:show;}

 img {border:0;}
#stllogo img:hover { background-color: #D7FBFD; } 
 .tablewhite TD { padding: 3px 3px 3px 3px; border: 3px solid white;}
 .tableorange TD { padding: 3px 3px 3px 3px; border: 2px solid #FF8000;}
 .tableblue TD { padding: 3px 3px 3px 3px; border: 2px solid #000099;}
 .tablegray TD { padding: 3px 3px 3px 3px; border: 2px solid gray;}
 .tableblack TD { padding: 3px 3px 3px 3px; border: 1px solid black;}
 .tablereverse TD { background-color: #D3D3D3; padding: 3px 3px 3px 3px; border: 3px solid white;}


/* classes for alignment and justify */  /*/*/
 .center { text-align: center; }
 table.center {clear: left;clear: right; margin-left: auto; margin-right: auto; text-align: right;} 
 tr.center TD { text-align: center; }
 img.center {display: block; margin-left: auto; margin-right: auto;}
 div.center {text-align: center;} 
 div.center table {margin: auto; text-align: left;} 
  
 .right { text-align: right; } 
 table.right { margin-left: auto; margin-right: 0px; text-align: right; }
 tr.right TD { text-align: right; } 
 img.right {display: block; margin-left: auto; margin-right: 0;}
 HR.right {display: block; margin-left: auto; margin-right: 0;}
 div.right {text-align: right;} 
 div.right table {margin-left: auto; margin-right: 0; text-align: left;} 
 
 .left { text-align: left; } 
 table.left { margin-left: 0; margin-right: auto; text-align: left; } 
 tr.left TD { text-align: left; }
 img.left {display: block; margin-left: 0; margin-right: auto;}
 HR.left {display: block; margin-left: 0; margin-right: auto;}
 div.left {text-align: left;} 
 div.left table {margin-left: 0; margin-right: auto; text-align: left;} 
 
 .justify {text-align: justify;}
 
 .floatright { display: inline; float: right; }
 .floatleft { display: inline; float: left; }

/* Add an info banner to a large image link on hover */ /*/*/

a.info{ position: relative; text-align: center; z-index:24; text-decoration:none;}

a.info span{display: none; }

a.info:hover{z-index:25;border-bottom:0px;}
a.info:hover img{ border-bottom: 0px solid white; background-color: #FFFFFF; }
a.info:hover span{  position: absolute; display:block;
    top:30px; right:45%; width:auto;
    padding: 6px 6px 6px 6px;
    border:2px solid #800000;
    background-color:#ff854a; color:white;
    text-decoration:none;
    text-align: center;}
html>/**/body a.info:hover span{top:-40px;}

 
/* blockquote and indented text in css classes -margin numbers run- top right bottom left */ /*/*/
 div { margin: 0px 0px 0px 0px ; padding: 0px 0px 0px 0px ;}
 div.indent { margin: 10px 0px 10px 35px ;}
 p.indent {text-indent: 35px;}
 div.blockquote { margin: 10px 35px 10px 35px ;}
 
 
 
 /* IDs and classes for navigation elements and menus and buttons */ /*/*/
 #stltopmenu TD { background-color: #1958b7; }
 #stltopmenu a { white-space: nowrap; text-decoration:none; color: #ffffff; background-color: #1958b7;}
 #stltopmenu a:visited { text-decoration:none; color: #ffffff; background-color: #1958b7;} 
 #stltopmenu a:active { text-decoration:none; color: #ffffff; background-color: #1958b7;} 
 #stltopmenu a:hover{ text-decoration: underline; color: #ffffff; background-color: #1958b7;}

/* side menus with rolover */ /*/*/
 #navcontainer
{ width: 15%; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:10px;font-weight: bold; background-color: #004B79; color: #333; }

#navcontainer ul
{ list-style: none; margin: 0; padding: 0; border: none; }

#navcontainer li
{ border-bottom: 1px solid #D7A320;  }

#navcontainer li a
{  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size:10px;font-weight: bold; border-right: 10px solid #F0C755; display: block; padding: 10px 0px 10px 3px; background-color: #004B79;
border-left: 6px solid #1958b7; border-right: 6px solid #1958b7; color: #fff; text-decoration: none; }

#navcontainer li a:hover
{ border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #D7A320;
color: #fff; }

 /* NAVAGATION BUTTONS VERTICAL AND HORIZONTAL */ /*/*/

/* Turn any list into horizontal buttons like on RES AREA PAGES just add id="buttons" to the UL tag */ /*/*/
 
 #hbuttons { margin-left: 0px; padding-left: 0px;}
 #hbuttons li {list-style-type: none; display: inline; color: #FF8000; font-size: 22px; font-weight: bold;  margin: 4px 4px; }
 #hbuttons li a { white-space: nowrap; color:#ffffff; font-size: 11px;  background-color:#1958b7; text-decoration: none; border: 2px solid #FFFFFF; padding:5px 8px;}
 #hbuttons li a:hover { color: #fff; background-color: #2586d7; text-decoration: underline; border: 2px solid blue;}


/* This turns a list into vertical 3D buttons just add id="buttonlist" to any list */ /*/*/
  ul#buttonlist
  { text-align: left; list-style: none; padding: 0; margin: 0 ; width: 225px; 
    font-family: georgia, serif; font-size: 13px; text-transform: capitalize; }
  
  ul#buttonlist li
  { display: block; margin: 7px 7px ; padding: 0; } 
  
  ul#buttonlist li a
  { display: block; width: 100%; padding: 0.5em 0 0.5em 0.5em; border-width: 2px;
  border-color: #ffd #aaab9c #ccc #ffd; border-style: solid; color: #3366FF;
  text-decoration: none; background: #f7f2ea; }
  
  ul#buttonlist li a:hover, ul#navlist li#active a:hover
  { color: #3366FF; background:  #f7f2da; border-color: #aaab9c #ffe #ffe #ccc; 
  text-decoration: underline; }

a.buttonlink
  {height: auto; white-space: nowrap; Margin:3px; padding: 0.5em 1em 0.5em 1em; border-width: 2px;
  border-color: #ffd #aaab9c #ccc #ffd; border-style: solid; color: #3366FF;
  text-decoration: none; background: #f7f2ea; 
  font-family: georgia, serif; font-size: 13px; text-transform: capitalize; }
  
 a:hover.buttonlink 
  { color: #3366FF; background:  #f7f2da; border-color: #aaab9c #ffe #ffe #ccc; 
  text-decoration: underline; }