/* 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.addition issue is absolute and relative positioning; see Castro p.179; setting starting pt at plus 125 for secondary pages and plus 100 for main. on bigframe.*/



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 >780? "780px": "auto" );
       

}




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%}

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

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





#imagedivision {width:75%; margin-left:auto; margin-right:auto;}
#imagedivision h1 {text-align:center; width:80% font-family: "Garamond", sans-serif; font-size: 17px; color:navy; line-height: 160%;}
#imagedivision p {align:left; font-family: "Garamond", sans-serif; font-size: 15px; color:navy; text-align: left; line-height: 100%;}



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

#bigframe {width: 720px;
           position: absolute; left 60px;
           horizontal-align: center;
           position: absolute; left: 25px;
           vertical-align: top;
           height: auto;
}


#main-a {
	height:140px;
	width:auto;
	background:white;
      horizontal-align: center;
      
      }


#main-b {
     width:90%;
     horizontal-align:center;
     margin-left: 80px;
     margin-right: 30px;
     margin-bottom: 30px; 
     background:#EBF5FC;
     font-color: blue;
     border: 4px black;
     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: auto;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 16px; 
     margin-left: 60px; 
     margin-right: 10px;
     margin-bottom: 30px;
     color:blue; 
     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: 90%;
     horizontal-align: center;
     margin-left: 80px;
     margin-right: 40px;
     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: 16px; 
     margin-left: 40px; 
     margin-right: 20px;
     margin-bottom: 30px;
     color:blue; 
     line-height:100%;
     
}


#hnavbar2 td {
	width: 90px;
	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: green;
      
}

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