html, body { height: 100%; }
html>body #container {
    height: auto;
	}
body     { background-color: #bfe4ff; background-repeat: repeat }
p   { color: #039; font-size: 0.9em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
td {}
h1        { color: #0a50c9; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1em; text-align: center; margin: 0 0 0.5em }
h2     { color: #0a50c9; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 0 }
h3    { color: #0a50c9; font-size: 1.05em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.05em; margin: 0 }
a:link { color: blue }
a:visited { color: #00f }
a:hover { color: #ebf2f2; background-color: #0a50c9 }
#container  { position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;  }
#header     { text-align: center; position: absolute; z-index: 2; top: 40px; left: 78px; width: 586px; height: 60px }
#call { position: absolute; z-index: 2; top: 0; left: 0; width: 140px; height: 100px }
#top      { background-color: #00a7ec; text-align: right; position: absolute; z-index: 0; top: 0; left: 0; width: 800px; height: 258px; border-right: 2px solid #0a50c9; border-bottom: 2px solid #0a50c9 }
#teacher { position: absolute; top: 0; left: 570px; height: 258px }
#content         { background-color: #fff; margin-bottom: 40px; padding: 4px 4px 8px; position: absolute; z-index: 1; top: 100px; left: 78px; width: 586px; min-height: 425px; float: left; border-style: solid; border-width: 2px; border-color: #bfe4ff #0a50c9 #0a50c9 #bfe4ff }
#footer     { color: #aaa; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin-top: 20px; position: absolute; bottom: 0; width: 100% }
#footer p { color: #aaa; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin-top: 20px; position: absolute; bottom: 0; width: 100%; float: left }
#menu        { text-align: center; position: absolute; top: 2px; left: 78px; width: 586px; height: 28px }
#menu a:link     { color: #0a50c9; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1em; text-decoration: none; background-color: #fff; text-align: center; margin-right: 6px; padding: 2px 5px; border-style: solid; border-width: 1px; border-color: #9cf #000 #000 #00a7ec }
#menu a:visited    { color: #0a50c9; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: #fff; text-align: center; margin-right: 6px; padding: 2px 5px; border-style: solid; border-width: 1px; border-color: #9cf #000 #000 #00a7ec }
#menu a:hover     { color: #0a50c9; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: #ff0; text-align: center; margin-right: 6px; padding: 2px 5px; border-style: solid; border-width: 1px; border-color: #9cf #000 #000 #00a7ec }
#pics  { position: absolute; top: 130px; left: 4px; width: 60px }
#pics2 { position: absolute; top: 258px; left: 698px; width: 60px }
#pics img   { }