/* 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: white;
}

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

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



body {
      max-width:48em;
}

a {color:white;}


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

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

}




#bigframe {horizontal-align: center;
           vertical-align: top;
           width: 907px;
           background-color: blue;
           position: absolute; left: 20px;
}



/* 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 {text-decoration: none; border: 0 px white;
         
}



#top {width:100%}


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

#home {
	height:148px;
	width:903px;
	background-color:blue;
        margin-left:4px;
       horizontal-align: left;
      }
#home table {
	height:148px;
	width:830px;
	background-color:blue;
       margin-left:5px;
       horizontal-align: center;
      }


#homecartoon {
	height:148px;
	width:100%;
	background:red;
       margin-left:10px;
      horizontal-align: center;
      }

#main-a {
	height: auto;
	width:auto;
	background:blue;
      margin-left: 40px;
      margin-bottom:5px;
      horizontal-align: center;
      
      }



#main-b {
     width:auto;
     horizontal-align:center;
     margin-left: 60px;
     margin-right: 30px;
     margin-bottom: 30px; 
     margin-top: 20px;
     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: 15px; 
     margin-left: 60px; 
     margin-right: 10px;
     margin-bottom: 30px;
     color:blue; 
     line-height:110%;
     
}
#hnavbar2  {
     width: auto;
     horizontal-align: center;
     height:5px; 
     padding-left:0px;
     padding-right:0px;
     padding-bottom: 0px;
     margin-left: 0px; 
     margin-bottom: 0px; 
     background: white;
}

#main-barch {
     width:870px;
     height:700px;
     horizontal-align:center;
     margin-left: 10px;
     margin-right: 0px;
     margin-bottom: 5px; 
     margin-top: 5px;
     font-color: blue;
     border: 4px black;
     background-color: blue;  
     line-height: 110%;
} 
#main-barch h1 {
     text-align: left; 
     width:100%:
     font-family:"Garamond", sans-serif; 
     margin-left: 210px;
     font-size: 18px; 
     color:red; 
     line-height: 100%;
}


#main-barch p {
     width: 90%;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 18px; 
     margin-left: 8px; 
     margin-right: 10px;
     margin-bottom: 4px;
     margin-top: 4px;
     color:blue; 
     line-height:100%;
     
}
#main-barch td {
     font-size: 18px; 
     line-height:100%;
     margin-left: 0px;
     background-color;blue;
     margin-right: 0px;   
     
}
#main-barch table {
     width:100%;
     text-align: left;
     margin-left: 1px;
     margin-right: 1px;
     margin-bottom: 1px; 
     margin-top: 3px;
     font-color: blue;
     background-color:blue;
     border: 2px black;
     line-height: 110%;
} 
 #main-barchcafe {
     width:100%;
     horizontal-align:center;
     margin-left: 10px;
     margin-right: 0px;
     margin-bottom: 12px; 
     margin-top: 5px;
     font-color: blue;
     border: 4px black;
     line-height: 110%;
} 
#main-barchcafe h1 {
     text-align: left; 
     width:100%:
     font-family:"Garamond", sans-serif; 
     margin-left: 225px;
     font-size: 18px; 
     color:red; 
     line-height: 100%;
}


#main-barchcafe p {
     width: 100%;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 16px; 
     margin-left: 220px; 
     margin-right: 10px;
     margin-bottom: 8px;
     margin-top: 4px;
     color:red; 
     line-height:100%;
     
}
#main-barchcafe td {
     
     line-height:100%;
     margin-left: 0px;
     margin-right: 0px;   
     
}
#main-barchcafe table {
     width:100%;
     text-align: left;
     margin-left: 0px;
     margin-right: px;
     margin-bottom: 0px; 
     margin-top: 0px;
     font-color: blue;
     border: 2px black;
     line-height: 110%;
} 
    
#main-barchgarten {
     width:840px;
     height:760px;
     horizontal-align:center;
     margin-left: 55px;
     margin-right: 0px;
     margin-bottom: 12px; 
     margin-top: 5px;
     font-color: blue;
     border: 4px black;
     line-height: 110%;
} 
#main-barchgarten h1 {
     text-align: left; 
     width:100%:
     font-family:"Garamond", sans-serif; 
     margin-left: 190px;
     font-size: 18px; 
     color:red; 
     line-height: 100%;
}


#main-barchgarten p {
     width: 100%;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 16px; 
     margin-left: 10px; 
     margin-right: 10px;
     margin-bottom: 8px;
     margin-top: 4px;
     color:blue; 
     line-height:100%;
     
}
#main-barchgarten td {
     
     line-height:100%;
     margin-left: 0px;
     margin-right: 0px;   
     
}
#main-barchgarten table {
     width:100%;
     hieght:510px;
     text-align: left;
     margin-left: 0px;
     margin-right: px;
     margin-bottom: 0px; 
     margin-top: 0px;
     font-color: blue;
     border: 2px black;
     line-height: 110%;
} 
    
#main-barchbio {
     width:90%;
     horizontal-align:center;
     margin-left: 10px;
     margin-right: 0px;
     margin-bottom: 0px; 
     margin-top: 5px;
     line-height: 110%;
} 
#main-barchbio h1 {
     text-align: left; 
     width:100%;
     font-family:"Garamond", sans-serif; 
     margin-left: 270px;
     font-size: 18px; 
     color:red; 
     line-height: 110%;
}


#main-barchbio p {
     width: 100%;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 16px; 
     margin-left: 0px; 
     margin-right: 0px;
     margin-bottom: 4px;
     margin-top: 2px;
     color:blue; 
     line-height:100%;
     
}
#main-aquarium {
     width:100%;
     horizontal-align:center;
     margin-left: 30px;
     margin-right: 0px;
     margin-bottom: 0px; 
     margin-top: 5px;
     line-height: 110%;
} 
#main-aquarium h1 {
     text-align: left; 
     width:100%;
     font-family:"Garamond", sans-serif; 
     margin-right: 18px;
     margin-left: 225px;
     font-size: 18px; 
     color:red; 
     line-height: 110%;
}


#main-aquarium td {
     
     line-height:100%;
     margin-left: 0px;
     margin-right: 0px;   
     
}
#main-aquarium table {
     width:100%;
     text-align: left;
     margin-left: 10px;
     margin-right: 0px;
     margin-bottom: 0px; 
     margin-top: 0px;
     font-color: blue;
     border: 2px, black;
     line-height: 110%;
} 
#main-aquarium p {
     width: 90%;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 16px; 
     margin-left: 220px; 
     margin-right: 10px;
     margin-bottom: 4px;
     margin-top: 2px;
     color:blue; 
     line-height:100%;
     
}
     
#bio2 {
     width:100%;
     horizontal-align:center;
     margin-left: 60px;
     margin-right: 0px;
     margin-bottom: 0px; 
     margin-top: 5px;
     line-height: 110%;
} 


#bio2 p {
     width: 90%;
     font-family: "Garamond", sans-serif; 
     text-align: left; 
     font-size: 16px; 
     margin-left: 150px; 
     margin-right: 85px;
     margin-bottom: 4px;
     margin-top: 2px;
     color:blue; 
     line-height:100%;
     
}
#bio2 table,td {
     width:100%;
     text-align: left;
     margin-left: 90px;
     margin-right: 0px;
     margin-bottom: 0px; 
     margin-top: 0px;
     font-color: blue;
     border: 2px, black;
     line-height: 110%;
} 

#main-barchbio td {
     
     line-height:100%;
     margin-left: 0px;
     margin-right: 0px;   
     
}
#main-barchbio table {
     width:100%;
     text-align: left;
     margin-left: 50px;
     margin-right: 0px;
     margin-bottom: 0px; 
     margin-top: 0px;
     font-color: blue;
     border: 2px, black;
     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-barchcartoon {
     width:90%;
     horizontal-align:center;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 30px; 
     margin-top: 20px;
     font-color: blue;
     border: 4px black;
     line-height: 110%;
} 



#main-barchcartoon td {
     
     line-height:100%;
     margin-left: 0px;
     margin-right: 0px;   
     
}
#main-barchcartoon table {
     width:90%;
     text-align: left;
     margin-left: 80px;
     margin-right: px;
     margin-bottom: 30px; 
     margin-top: 20px;
     font-color: blue;
     border: 2px black;
     line-height: 110%;
} 


#main-cbg {
     width: 800px;
     horizontal-align: center;
     height: 630px;
     margin-left: 30px;
     margin-right: 30px;
     margin-top: 20px;
     margin-bottom: 10px; 
     border: 4px black;
     line-height: 110%;
} 
#main-cbg h1 {
     text-align: center; 
     width:80%:
     font-family:"Garamond", sans-serif; 
     font-size: 22px; 
     color:red; 
     line-height: 110%;
}
#main-cbg table {
     width:100%;
     height: 610px;
     text-align: left;
     margin-left: 5px;
     margin-right: 5px;
     margin-bottom: 10px; 
     margin-top: 10px;
     font-color: blue;
     border: 10px #000080;
     line-height: 110%;
} 

#main-cbg 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%
     
}

#main-bmap {
     width: 680px;
     margin-left: 60px;
     }


#main-bmap table {
     width:auto;
     horizontal-align:left;
     margin-left: 120px;
     }

#main-cbeergartenorig {
     width:auto;
     height: 200px; 
     margin-left: 170px;
     margin-top: 20px;
     margin-right: 40px;
     margin-bottom: 30px; 
     background:#FFFDED;
     border: 4px blue;
     line-height: 110%
} 

#main-cbeergartenorig  h1 {
     text-align: center; 
     width:80%:
     font-family:"Garamond", sans-serif; 
     font-size: 18px; 
     color:blue; 
     line-height: 110%}
}

#main-cbeergartenorig  p {
     width: 95%;
     text-align: left; 
     font-family: "Garamond", sans-serif;
     font-size: 15px; 
     margin-left: 20px;
     margin-right: 20px;
     margin-top: 5px; 
     margin-bottom: 30px;
     color:blue; 
     line-height:110%
     
}
     

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

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

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