html	{
    height:100%;
	}
body	{
  height:100%;
  margin:0;
  padding:0; 
  background-image:url('../img/bluemarb.gif');
  font-family:"Cambria", Helvetica, sans-serif;
  font-variant: small-caps;
	}
#BG	{
  position:fixed;
  top:0px;
  left:50%;
  margin-left:-480px;
  width:960px;
  height:100%;
	}
#BOX	{
  height:100%;
  position:relative;
  max-width:934px !important; width: expression( document.body.clientWidth > 959 ? "960px" : "auto" );
  margin-left: auto;
  margin-right: auto;

	}
#TOP 	{
  background-color: #0099FF;
	}
#TOP img{
  border: none;
	}

/*#NAVI	{
  background-color: #FFFFFF;
  padding: 5px;
  text-align: center;
  word-spacing: 1.5em;
  font-family: "Arial Black", Gadget, sans-serif;
  font-variant: small-caps
	}
*/

#NAVI	{
  background-color: #FFFFFF;
  padding:5px;
  text-align: center;
  font-family: "Arial Black", Gadget, sans-serif;
  font-variant: small-caps;
	}
#NAV ul	{
/*Remove all spacings from the list items*/
  margin: 0;
  cursor: default;
  list-style-type: none;
  display: inline;
	}
#NAV	{
  display: inline;
  margin: 0;
  padding: 0;
  text-shadow: .5px 1px 8px grey;
  text-decoration: none;
  color: red
	}
#NAV>li	{
  display: table-cell;
  position: relative;
  padding: 0px 25px;
	}
#NAV li>ul{
  display: none;
  position: absolute;
  max-width: 40ex;
  margin-left:-70px;
  margin-top: 0px;
	}
#NAV li:hover>ul{
  display : block;
	}
#NAV ul li{
  border-left:2px solid #000;
  border-right:2px solid #000;
  background-color: #fff;
	}
#NAV a	{
  text-shadow: .5px 1px 8px grey;
  text-decoration: none;
  color: red
}
.s0	{
  padding: 20px 20px 20px 20px;
	}
.s1	{
  padding: 0px 20px 10px 20px;
  border-bottom:2px solid #000;
	}

/*#NAVI a {
  text-shadow: .5px 1px 8px grey;
  text-decoration: none;
  color: red
	}
*/

#BODY	{
  min-height:77%;
  float: left;
  width: 100%;

	}
#SIDE 	{
  clear: left;
  float: left;
  background-color: #FFFFFF;
  border-width:2px;
  border-style: none solid none none;
  vertical-align: top;
  text-align: center;
  width: 18%;
  height:100%;
  display: inline;
	}
#SIDE img{
  width:80%
	}
#CONTENT{
  padding: 1%;
  width: 79.5%;
  float: right;
  vertical-align: top;
  background-color: #6699ff;
  display: inline;
	}
#TOOLTIP{
	position: absolute;
	width: 300px;
	border: 1px solid black;
	padding: 4px;
	text-align: center;
	background-color: #fff;
	visibility: hidden;
	z-index: 100
	}
#DIAMOND{
  float: right;
  width: 18%
	}
.right	{
  float:right;
	}
#LINK	{
  margin-left: auto ;
  margin-right: auto ;
  width:550px;
	}
#LINK img{
  padding:10px;
  width:145px;
	}
img	{
  max-width: 100% !important; width: 100%;
  border-style: none;
  text-decoration: none;
	}
.schedule{
	border: 3px groove #6699ff;
	}
.schedule:focus{ 
	border: 3px ridge #6699ff;
	}
.schedule:hover{
	border: 3px ridge #6699ff;
	}