/* 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;
      margin:0; 
      padding:0;
      text-align:center;
      min-width:740px;
      
}




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 {
width: 720px;
valign:top;
text-align:center;
margin-left:0px auto;
margin-right:0 px auto;

}







/* 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: navy;
	text-decoration: none;
}

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

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

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

#top {width:100%}


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


#main-a {
	width:900;
      horizontal-align: center;

      
      }

#main-a table {
     width: 100%;
     margin-left: 25px; 
     margin-right: 0px;
     margin-bottom: 2px;
     margin-top: 2px;
     
}
#main-a td {
        width:auto;
        text-align: center; 
        font-family:"Garamond", sans-serif; 
        font-size: 20px; 
        color: gold; 
        margin-bottom: 2px;
        line-height: 110%;
}


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


#main-b p {
     width: 100%;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 15px; 
     margin-right: 0px;
     margin-bottom: 15px;
     color:yellow; 
     line-height:110%;
     
}

#main-b table {
     width: 100%;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 10px; 
     margin-right: 0px;
     margin-bottom: 8px;
     color:yellow; 
     line-height:110%;
     
}

#main-b td {
     width: 100%;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 10px; 
     margin-right: 0px;
     margin-bottom: 8px;
     color:yellow; 
     line-height:110%;
     
}

#main-bnested {
     width:auto;
     float:right;
     horizontal-align:center;
     margin-left: 10px;
     text-align: left;
     margin-right: 60px;
     margin-bottom: 20px; 
     background: white;
     border: 2px solid black;
   }  


#main-c {
     width: auto;
     horizontal-align: center;
     margin-left: 110px;
     margin-right: 30px;
     margin-top: 20px;
     margin-bottom: 30px; 
     background:#FFFDED;
     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 {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 40px; 
     margin-right: 20px;
     margin-bottom: 30px;
     color:blue; 
     line-height:100%;
     
}

#main-c table {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 40px; 
     margin-right: 20px;
     margin-bottom: 30px;
     color:blue; 
    line-height:100%;
     
}

 
#hnavbar2 td {
	
	font-family: "Garamond", sans-serif;
	font-size: 12px;
	text-align: center;
	color: blue;
}

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

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


#main-d {
     width: auto;
     horizontal-align: center;
     margin-left: 80px;
     margin-right: 30px;
     margin-top: 20px;
     margin-bottom: 30px; 
     background:navy;
     border: 4px gold;
     line-height: 110%;
} 
#main-d h1 {
     text-align: center; 
     width:80%:
     font-family:"Garamond", sans-serif; 
     font-size: 16px; 
     color:yellow; 
     line-height: 110%;
}

#main-d p {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 40px; 
     margin-right: 20px;
     margin-bottom: 30px;
     color:yellow; 
     line-height:100%;
     
}

#main-d table {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 60px; 
     margin-right: 20px;
     margin-bottom: 30px;
     color:blue; 
    line-height:100%;
     
}

#main-e a: link:
 {
	color: yellow;
	text-decoration: none;
}

#main-e {
     width: auto;
     horizontal-align: center;
     margin-left: 0px;
     margin-right: 30px;
     margin-top: 20px;
     margin-bottom: 30px; 
     background:navy;
     border: 4px gold;
     line-height: 110%;
} 
#main-e h1 {
     text-align: center; 
     width:80%:
     font-family:"Garamond", sans-serif; 
     font-size: 16px; 
     color:yellow; 
     line-height: 110%;
}

#main-e p {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     color:yellow; 
     line-height:100%;
     
}

#main-e a {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 2px; 
     margin-right: 2px;
     margin-bottom: 0px;
     color:gold; 
     line-height:100%;
     
}
#main-e table {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 40px; 
     margin-right: 20px;
     margin-bottom: 30px;
     color:blue; 
    line-height:100%;
     
}


#main-g1{
     width: auto;
     horizontal-align: center;
     margin-left: 0px;
     margin-right: 30px;
     margin-top: 20px;
     margin-bottom: 30px; 
     background:navy;
     border: 4px gold;
     line-height: 110%;
} 
#main-g1 h1 {
     text-align: center; 
     width:80%:
     font-family:"Garamond", sans-serif; 
     font-size: 16px; 
     color:yellow; 
     line-height: 110%;
}

#main-g1 p {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 40px; 
     margin-right: 20px;
     margin-bottom: 30px;
     color:yellow; 
     line-height:100%;
     
}

#main-g1 table {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 0px; 
     margin-right: 20px;
     margin-bottom: 30px;
     background:navy;
     color:blue; 
    line-height:100%;
     
}

#main-g1 a: 
 {
	color: yellow;
	text-decoration: none;
}
#main-g{
     width: 880;
     horizontal-align: center;
     margin-left: 60px;
     margin-right: 30px;
     margin-top: 5px;
     margin-bottom: 20px; 
     background:white;
     border: 4px gold;
     line-height: 110%;
} 
#main-g h1 {
     text-align: center; 
     width:80%:
     font-family:"Garamond", sans-serif; 
     font-size: 16px; 
     color:navy; 
     line-height: 110%;
}

#main-g p {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 0px; 
     margin-right: 20px;
     margin-bottom: 30px;
     color:navy; 
     line-height:100%;
     
}

#main-g table {
     width: 820;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 30px; 
     margin-right: 30px;
     
     margin-top: 30px;
     margin-bottom: 30px;
     background: #FFFDED;
     color:blue; 
    line-height:100%;
     
}
#main-g td {
     width: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 14px; 
     margin-left: 0px; 
     margin-right: 20px;
     margin-bottom: 30px;
     color:blue; 
    line-height:100%;
     
}

#main-g a: 
 {
	color: yellow;
	text-decoration: none;
}