
 a:link { text-decoration: none; color: darkblue ; }
 a:visited { text-decoration: none; color: darkblue ; }
 HR { height: 4px; color: #FF9900; border-bottom: 4px solid #FF8000; border-left: 0px; border-right: 0px; border-top: 0px;} 
 body { font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: white;}
 h1 { font-size: xx-large; font-weight: 700; color: #FF8000; margin: 25px 0px 15px 0px;}
 h2 { font-size: x-large; font-weight: 700; color: #FF8000; margin: 25px 0px 15px 0px;}
 h3 { font-size: large; font-weight: 700; margin: 20px 0px 5px 0px;}
 h4 { font-size: medium; font-weight: 700; }
 TD, TR {font-size: 14px;text-align: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif;
line-height:1.2;}
 TH {text-align: center; }
 UL {margin-top: 3px; margin-bottom: 3px;}

.dltab-active {font-size: x-large;font-weight:bold;font-style: italic;
color: navy;line-height:2;border-top: 1px dotted navy;}
.tabbed dt {font-size: x-large;font-weight:bold;font-style: italic;color: navy;line-height:2;
border-top: 1px dotted navy;}

/* a:link:after, a:visited:after { content:" [Web Link: " attr(href) " ] "; } */
.tabbed dt a:link {color: navy;text-decoration:none;}
.tabbed dt a:visited {color: navy;text-decoration:none;}
.tabbed dt a:active {color: navy;text-decoration:none;}
.tabbed dt a:visited:after {color: navy; content:"";}
.tabbed  a:link:after {color: navy; content:"";}



#skiplink {display:none;}
#pagewidth {width: 98%;}
#contentcell {width: 100%; padding-left: 2px;}
.handcursor { color: black; }
.switchgroup1 { display: block; }
/*/*/
#header_container { display: none;}
#header { display: none;}
#navcontainer { display: none;}
#top_menu { display: none;}
#left_menu { display: none;width:95%;}
#stltopmenu { display: none;}
#seek1  { display: none;}
#footer   { display: none;}
#emptycell  { display: none;}
#topofpage  { display: none;}
a.info span{display: none}
dl.tabbed dd {display: block;}

#content_container {
  border: 1px solid #ffffff;}

/* fonts and text colors forground bacground combos */ 
 
 .smallfont {font-family: Trebuchet MS, 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: 700;}
 .highlight { color: black; background-color: #7FFFD4; font-weight: 700;}
 .nporangetext { color: #FF8000; background-color: white; font-weight: 700;}
 .redtext { color: red; font-weight: 700;}
 .grayback { color: black; background-color: #D3D3D3; font-weight: 700;}

 table {border-collapse: collapse; empty-cells:show;}

 img {border:0;}
#stllogo img:hover { background-color: #D7FBFD; } 

 .tableorange TD {  padding: 3px 3px 3px 3px; border: 1px solid black;}
 .tableblue TD { padding: 3px 3px 3px 3px; border: 1px solid black;}
 .tablegray TD { padding: 3px 3px 3px 3px; border: 1px solid black;}
 .tableblack TD { padding: 3px 3px 3px 3px; border: 1px solid black;}
 .tablereverse TD { padding: 3px 3px 3px 3px; border: 1px solid black;}

/* classes for alignment and justify */ 
.center { text-align: center; }
 table.center { margin-left: auto; margin-right: auto; text-align: left;} 
 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; } 
 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; } 
 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; }


 
/* 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 ;}
 

 /* 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 {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; font-weight: bold;}
TD {border: none}