/* tricky element of setting the maximum width of the page; I do this with some redundancy.  First by setting the maximum width of the body
that applies to non-IE type browsers.  The limit here is in em's which is in units at 12 pt text.  Next I create an outer
division called "bigframe which contains all tables and other divisions.  This may be unnecessary and may not necessarily contain all the text outside of tables.
Next I use tables to contain certain text and the table statements specifies width.  Finally, I use controls on maximum text size which seems to
be the element that is elongated on certain browsers when the screens are wider and have higher res and
larger viewable areas.  A glitch in this might be that there could be some conflict between the body statements in the stylesheet page and the body statements in the html.Also similar
possible conflict with p statements.*/



body {
      max-width:48em;
}




p {font-family "Garamond", sans-serif; font-size: 12px; color #000000;}

p  {
       margin:0;
       padding:0;
       max-width:expression(document.body.clientWidth >800? "800px": "auto" );
       

}




#bigframe {horizontal-align: center;
           vertical-align: top;
           width: 720px;
           position: absolute; left: 50px;

}



/* tricky element of setting the maximum width of the page; I do this with some redundancy.  First by setting the maximum width of the body
that applies to non-IE type browsers.  The limit here is in em's which is in units at 12 pt text.  Next I create an outer
division called "bigframe which contains all tables and other divisions.  This may be unnecessary and may not necessarily contain all the text outside of tables.
Next I use tables to contain certain text and the table statements specifies width.  Finally, I use controls on maximum text size which seems to
be the element that is elongated on certain browsers when the screens are wider and have higher res and
larger viewable areas.  A glitch in this might be that there could be some conflict between the body statements in the stylesheet page and the body statements in the html.Also similar
possible conflict with p statements.*/


a:visited {
	color: none;
	text-decoration: none;
}

a:hover {
	text-decoration:none;
	background-color: none;
	color: red;
}

a:link  {
	color: none;
	text-decoration: none;
}

a:active {
	color: none;
	text-decoration:none;
}

#top {width:100%}


#righthandads {width:auto: border: 5px;margin-left:20px;}

#bigframe {width: 720px;
           horizontal-align: center;
           vertical-align: top;
           height: auto;
}


#main-a {
	height:150px;
	width:auto;
	background:white;
       margin-bottom:5px;
      horizontal-align: center;
      
      }


#main-b {
     width: 620px;
     horizontal-align:center;
     margin-left: 40px;
     margin-bottom: 30px; 
     margin-right: 30px;
     margin-top: 30px;
     background:#EBF5FC;
     font-color: blue;
     line-height: 110%;
} 
#main-b h1 {
     text-align: center; 
     width:80%:
     height: 110px;
     font-family:"Garamond", sans-serif; 
     font-size: 16px; 
     color:blue; 
     line-height: 110%;
}


#main-b p {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 13px; 
     margin-left: 60px; 
     margin-right: 10px;
     margin-bottom: 30px;
     color:blue; 
     line-height:110%;
     
}
#main-b td {
     color:blue; 
     line-height:105%;
     font-size: 1.4em;
     margin-right: 3px;
     margin-left: 60px;
     
}

#main-b table {
     color:blue; 
     line-height:105%;
     font-size: .9em;
     margin-right: 3px;
     margin-left: 40px;
     
}



#main-barch {
     width:auto;
     horizontal-align:center;
     margin-left: 30px;
     margin-right: 30px;
     margin-bottom: 30px; 
     margin-top: 20px;
     background:#EBF5FC;
     font-color: blue;
     border: 4px black;
     line-height: 110%;
} 
#main-barch h1 {
     text-align: center; 
     width:80%:
     font-family:"Garamond", sans-serif; 
     font-size: 15px; 
     color:blue; 
     line-height: 110%;
}


#main-barch p {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 5px; 
     margin-right: 10px;
     margin-bottom: 4px;
     margin-top: 4px;
     color:blue; 
     line-height:100%;
     
}
#main-barch td {
     color:blue; 
     line-height:100%;
     margin-right: 3px;
     margin-left: 0px;
     
}

     

#main-c {
     width: auto;
     horizontal-align: center;
     margin-left: 80px;
     margin-right: 60px;
     margin-top: 30px;
     margin-bottom: 30px; 
     background: white;
     border: 4px black;
     line-height: 110%;
} 
#main-c h1 {
     text-align: center; 
     width:80%:
     font-family:"Garamond", sans-serif; 
     font-size: 16px; 
     color:blue; 
     line-height: 110%;}

#main-c p {
     text-align: left; 
     width: auto;
     text-indent: 0px;
     margin-left: 40px;
     font-family:"Garamond", sans-serif; 
     font-size: 15px; 
     color:blue; 
     line-height: 110%;
}


#hnavbar2 td {
	width: 90px;
	font-family: "Garamond", sans-serif;
	font-size: 12px;
	text-align: center;
       margin-bottom:4px;
       margin-right: 4px;
	color: blue;
}

#hnavbar2 p {
	width: 90px;
	font-family: "Garamond", sans-serif;
	font-size:11px;
	text-align: center;
	color: green;
      
}

#hnavbar2  {
     width: 90%;
     horizontal-align: center;
     height:16px; 
     padding-left: 10px;
     margin-left: 40px;
     padding-right:4px;
     padding-bottom: 20px; 
     margin-bottom: 5px;
     margin-top:20px; 
     background: white;
}




 

#top {width:100%}

#main-trainsa {width:100%; margin-left:auto; margin-right:auto; margin-bottom: 20px;}
#main-trainsa h1 {text-align:center; width:80% font-family: "Garamond", sans-serif; font-size: 18px; color:navy; line-height: 160%;}
#main-trainsa p {align:left; font-family: "Garamond", sans-serif; font-size: 16px; color:navy; text-align: left; line-height: 100%;}

#main-trainsb {width:85%; margin-left:auto; height: 120px; margin-right:auto;background:#EBF5FC; border: 4px; margin-bottom: 20px; line-height: 120%;} 
#main-trainsb h1 {text-align:center; width:80% font-family: "Garamond", sans-serif; font-size: 16px; color:navy; line-height: 1200;}
#main-trainsb p {align:left; font-family: "Garamond", sans-serif; font-size: 15px; color:navy; text-align: left; line-height: 120%;}



#main-trainsarchivesb1 {width:80%; margin-left:auto; height: 2000px; margin-right:auto;background:#EBF5FC; border: 4px; margin-bottom: 20px; line-height: 120%;} 
#main-trainsarchivesb1 h1 {text-align:center; width:80% font-family: "Garamond", sans-serif; font-size: 16px; color:navy; line-height: 1200;}
#main-trainsarchivesb1 p {align:left; font-family: "Garamond", sans-serif; font-size: 15px; color:navy; text-align: left; line-height: 120%;}




#main-trainsb1 {width:80%; margin-left:auto; height: 940px; margin-right:auto;background:#EBF5FC; border: 4px; margin-bottom: 20px; line-height: 120%;} 
#main-trainsb1 h1 {text-align:center; width:80% font-family: "Garamond", sans-serif; font-size: 16px; color:navy; line-height: 1200;}
#main-trainsb1 p {align:left; font-family: "Garamond", sans-serif; font-size: 15px; color:navy; text-align: left; line-height: 120%;}


#main-trainsc {width:80%; margin-left:auto; margin-right:auto;background:#EBF5FC; border: 4px; line-height: 120%;} 
#main-trainsc h1 {text-align:center; width:80% font-family: "Garamond", sans-serif; font-size: 16px; color:navy; line-height: 1200;}
#main-trainsc p {align:left; font-family: "Garamond", sans-serif; font-size: 15px; color:navy; text-align: left; line-height: 120%;}

.caption (font-siz:.8em;}





/* only the horizontal nav bar seems to be behaving properly, possibly because it doesn't have a 
list; most of the id specs below for the vertical bars don't seem to work*/


#main-bnested {
     width:520px;
     height: 90px;
     text-align: left;
     cell-padding: 2px; 
     margin-right: 5px;
     color: yellow; 
     margin-bottom: 5px; 
     
        }  
#main-bnested td {
          font-size: .9em;
          line-height:110%;
          cell-padding: 4px; 
          } 
#main-bnested table {
          font-size: .9em;
          margin-left: px;
          line-height:110%;
          cell-padding: 4px; 
          } 

#main-bnested p {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 11px; 
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 4px; 
     margin-bottom: 4px;
     color:blue; 
     line-height:100%;
     
#lowerrightads
     width: auto;
     heigh: autho:
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 15px; 
     margin-bottom: 4px;
     line-height:100%;

}

#main-carch {
     width:auto;
     horizontal-align:center;
     margin-left: 80px;
     margin-right: 30px;
     margin-bottom: 30px; 
     margin-top: 20px;
     background:#EBF5FC;
     font-color: blue;
     border: 4px black;
     line-height: 110%;
} 
#main-carch h1 {
     text-align: center; 
     width:80%:
     font-family:"Garamond", sans-serif; 
     font-size: 15px; 
     color:blue; 
     line-height: 110%;
}


#main-carch p {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 5px; 
     margin-right: 10px;
     margin-bottom: 4px;
     margin-top: 4px;
     color:blue; 
     line-height:100%;
     
}
#main-carch td {
     color:blue; 
     line-height:100%;
     margin-right: 3px;
     margin-left: 0px;
     
}