body {
  background: #002387; 
  font: 12px/16px arial;
  color: white;
  height: 100%;
  overflow: auto;}


div.container {
  width: 100%;
  margin: 0px;}

div.header {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  padding: 0px;
  color: white;
  background-color: #002387;}

p.header 
  { margin: 5px; padding: 5px; }
#header span
  { display: none;}


div.cssnav {
  position: absolute;
  top: 70px;
  left: 0px;
  z-index: 2;
  height: 30px;
  width: 990px;
  padding: 0px;
  overflow: hidden;
  background: url(/images/menu/cssnav.gif) top left no-repeat;
  display: block;
  clear: left;}

#cssnav ul {
  margin-left: 0px; padding-left: 0px; list-style: none;
  position: absolute; left: 0px; top: 0px; } 
#cssnav li {
  list-style: none;
  position: absolute; top: 0px; }
#cssnav li, #cssnav a {
  height: 31px; display: block;}

#cssnav span {display: none}

#button1 {left: 5px;  width: 80px;}
#button2 {left: 205px; width: 75px;}
#button3 {left: 410px; width: 145px;}
#button4 {left: 685px; width: 90px;}
#button5 {left: 915px; width: 65px;}

#button1 a:hover {
  background: transparent url(/images/menu/cssnav.gif)
  -5px -30px no-repeat;}
#button2 a:hover {
  background: transparent url(/images/menu/cssnav.gif)
   -205px -30px no-repeat;} 
#button3 a:hover {
  background: transparent url(/images/menu/cssnav.gif)
  -410px -30px no-repeat;}
#button4 a:hover {
  background: transparent url(/images/menu/cssnav.gif)
  -685px -30px no-repeat;}
#button5 a:hover {
  background: transparent url(/images/menu/cssnav.gif)
  -915px -30px no-repeat;}


div.menu {
  position: absolute;
  top: 125px;
  left: 10px;
  width: 120px;
  height: 300px;
  z-index: 2;
  padding: 10px;
  color: white;
  background-color: #002387;
  overflow: hidden;}

ul.aboutmenu {
  position: absolute; left: 0px; top: 0px;
  width: 85px; height: 120px;
  margin-left: 0px; padding-left: 0px; list-style: none;
  background: url(/images/menu/aboutmenu.gif) top left no-repeat;
  clear: left;}
#aboutmenu li {
  margin: 0px; padding: 0px;
  position: relative; left: 0px;}
#aboutmenu li, #aboutmenu a {
  height: 40px; display: block; vertical-align: bottom;}

#aboutmenu span {display: none;}

#about1 {top: 0px; width: 85px;}
#about2 {top: 0px; width: 85px;}
#about3 {top: 0px; width: 85px;}

#about1 a:hover {
  background: transparent url(/images/menu/aboutmenu.gif)
  -85px -0px no-repeat;}
#about2 a:hover {
  background: transparent url(/images/menu/aboutmenu.gif)
  -85px -40px no-repeat;} 
#about3 a:hover {
  background: transparent url(/images/menu/aboutmenu.gif)
  -85px -80px no-repeat;}

ul.dancemenu {
  position: absolute; left: 0px; top: 0px;
  width: 120px; height: 240px;
  margin-left: 0px; padding-left: 0px; list-style: none;  
  background: url(/images/menu/dancemenu.gif) top left no-repeat;
  clear: left;}
#dancemenu li {
  margin: 0px; padding: 0px;
  position: relative; left: 0px;}
#dancemenu li, #dancemenu a {
  height: 40px; display: block; vertical-align: bottom;}

#dancemenu span {display: none;}

#dance1 {top: 0px; width: 120px;}
#dance2 {top: 0px; width: 120px;}
#dance3 {top: 0px; width: 120px;}
#dance4 {top: 0px; width: 120px;}
#dance5 {top: 0px; width: 120px;}
#dance6 {top: 0px; width: 120px;}

#dance1 a:hover {
  background: transparent url(/images/menu/dancemenu.gif)
  -120px -0px no-repeat;}
#dance2 a:hover {
  background: transparent url(/images/menu/dancemenu.gif)
  -120px -40px no-repeat;} 
#dance3 a:hover {
  background: transparent url(/images/menu/dancemenu.gif)
  -120px -80px no-repeat;}
#dance4 a:hover {
  background: transparent url(/images/menu/dancemenu.gif)
  -120px -120px no-repeat;}
#dance5 a:hover {
  background: transparent url(/images/menu/dancemenu.gif)
  -120px -160px no-repeat;}
#dance6 a:hover {
  background: transparent url(/images/menu/dancemenu.gif)
  -120px -200px no-repeat;}

ul.consmenu {
  position: absolute; left: 0px; top: 0px;
  width: 110px; height: 240px;
  margin-left: 0px; padding-left: 0px; list-style: none;  
  background: url(/images/menu/consmenu.gif) top left no-repeat;
  clear: left;}
#consmenu li {
  margin: 0px; padding: 0px;
  position: relative; left: 0px;}
#consmenu li, #consmenu a {
  height: 40px; display: block; vertical-align: bottom;}

#consmenu span {display: none;}

#cons1 {top: 0px; width: 110px;}
#cons2 {top: 0px; width: 110px;}
#cons3 {top: 0px; width: 110px;}
#cons4 {top: 0px; width: 110px;}
#cons5 {top: 0px; width: 110px;}
#cons6 {top: 0px; width: 110px;}

#cons1 a:hover {
  background: transparent url(/images/menu/consmenu.gif)
  -110px -0px no-repeat;}
#cons2 a:hover {
  background: transparent url(/images/menu/consmenu.gif)
  -110px -40px no-repeat;} 
#cons3 a:hover {
  background: transparent url(/images/menu/consmenu.gif)
  -110px -80px no-repeat;}
#cons4 a:hover {
  background: transparent url(/images/menu/consmenu.gif)
  -110px -120px no-repeat;}
#cons5 a:hover {
  background: transparent url(/images/menu/consmenu.gif)
  -110px -160px no-repeat;}
#cons6 a:hover {
  background: transparent url(/images/menu/consmenu.gif)
  -110px -200px no-repeat;}

ul.commenu {
  position: absolute; left: 0px; top: 0px;
  width: 60px; height: 200px;
  margin-left: 0px; padding-left: 0px; list-style: none;  
  background: url(/images/menu/commenu.gif) top left no-repeat;
  clear: left;}
#commenu li {
  margin: 0px; padding: 0px;
  position: relative; left: 0px;}
#commenu li, #commenu a {
  height: 40px; display: block; vertical-align: bottom;}

#commenu span {display: none;}

#com1 {top: 0px; width: 60px;}
#com2 {top: 0px; width: 60px;}
#com3 {top: 0px; width: 60px;}
#com4 {top: 0px; width: 60px;}
#com5 {top: 0px; width: 60px;}

#com1 a:hover {
  background: transparent url(/images/menu/commenu.gif)
  -60px -0px no-repeat;}
#com2 a:hover {
  background: transparent url(/images/menu/commenu.gif)
  -60px -40px no-repeat;} 
#com3 a:hover {
  background: transparent url(/images/menu/commenu.gif)
  -60px -80px no-repeat;}
#com4 a:hover {
  background: transparent url(/images/menu/commenu.gif)
  -60px -120px no-repeat;}
#com5 a:hover {
  background: transparent url(/images/menu/commenu.gif)
  -60px -160px no-repeat;}

ul.othermenu {
  position: absolute; left: 0px; top: 0px;
  width: 120px; height: 200px;
  margin-left: 0px; padding-left: 0px; list-style: none;  
  background: url(/images/menu/othermenu.gif) top left no-repeat;
  clear: left;}
#othermenu li {
  margin: 0px; padding: 0px;
  position: relative; left: 0px;}
#othermenu li, #othermenu a {
  height: 40px; display: block; vertical-align: bottom;}

#othermenu span {display: none;}

#other1 {top: 0px; width: 110px;}
#other2 {top: 0px; width: 110px;}
#other3 {top: 0px; width: 110px;}
#other4 {top: 0px; width: 110px;}
#other5 {top: 0px; width: 110px;}

#other1 a:hover {
  background: transparent url(/images/menu/othermenu.gif)
  -115px -0px no-repeat;}
#other2 a:hover {
  background: transparent url(/images/menu/othermenu.gif)
  -115px -40px no-repeat;} 
#other3 a:hover {
  background: transparent url(/images/menu/othermenu.gif)
  -115px -80px no-repeat;}
#other4 a:hover {
  background: transparent url(/images/menu/othermenu.gif)
  -115px -120px no-repeat;}
#other5 a:hover {
  background: transparent url(/images/menu/othermenu.gif)
  -115px -160px no-repeat;}


div.content {
  position: absolute;
  left: 175px;
  top: 125px;
  z-index: 0;
  padding: 5px 20px 5px 5px;
  color: white;
  background-color: #002387;}


div.footer {
  width: 99%;
  position: absolute;
  bottom: 5px;
  z-index: 2;
  padding: 0px;
  font: caption; 
  text-align: center; 
  color: white;
  background-color: #002387;}

p.footer 
  { padding: 30px 120px 10px 0px; font: caption; text-align: center; }

table {
  border: 0px ;
  border-spacing: 0px;

  padding: 0px ;
  white-space: nowrap;}

td.header {
  text-align: center} 
  
td.schedule {
  height: 30px;
  font: 12px/14px arial;}

img
  { border-style: none }
img.button
  { border-style: none; height: 30px; width: 135px }


a:link { color: white; text-decoration: underline; }
a:visited { color: white; text-decoration: underline; }
a:hover { color: #99D9EA; font-weight: bold; }
a:active { color: white; text-decoration: underline; }

h1,h2,h3 a { text-decoration: none; }