body {
  font-family: arial, 'lucida console', 'sans-serif';
  margin:0;
  padding:0;
  height:100%;
  width:100%;
}

.bg {
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  width:100%;
  height:800px;
  opacity:0.7;
  filter:Alpha(opacity=70);
}

.content {
  position:relative;
  z-index:1;
  margin:0 auto;
  width:979px;
  height:800px;
}

.square-shadow {
  float:left;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/square-50.png', sizingMethod='scale');
}

.square-shadow-pcu {
  float:left;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/square-large.png', sizingMethod='scale');
}

.square-shadow-main {
  float:left;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/square-main.png', sizingMethod='scale');
}

.banner {
  opacity:0.5;
  filter:alpha(opacity=50);
}

.navigation-bottom {
  float:left;
  width:980px;
  height:35px;
  background:url(/graphics/navigation-bottom.png) 0 0 no-repeat;
  display: block;
}

.navigation-ehl {
  float:left;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/ehl.png', sizingMethod='scale');
}

#navbar li {width: 162px; height: 35px; position: absolute; top:0px; background:url(/graphics/navigation.png) 0 0 no-repeat; display: block; }
#navbar a {width: 161px; height: 35px; display: block;}

#navbar #button1 {left: 0px;}
#navbar #button2 {left: 162px; background-position: -162px 0;}
#navbar #button3 {left: 324px; background-position: -324px 0;}
#navbar #button4 {left: 486px; background-position: -486px 0;}
#navbar #button5 {left: 648px; background-position: -648px 0;}
#navbar #button6 {left: 810px; background-position: -810px 0;}

#navbar #button1 a:hover {background: url(/graphics/navigation.png)    0px -35px no-repeat;}
#navbar #button2 a:hover {background: url(/graphics/navigation.png) -162px -35px no-repeat;}
#navbar #button3 a:hover {background: url(/graphics/navigation.png) -324px -35px no-repeat;}
#navbar #button4 a:hover {background: url(/graphics/navigation.png) -486px -35px no-repeat;}
#navbar #button5 a:hover {background: url(/graphics/navigation.png) -648px -35px no-repeat;}
#navbar #button6 a:hover {background: url(/graphics/navigation.png) -810px -35px no-repeat;}

#navbar #button1 a:active {background: url(/graphics/navigation.png)    0px -70px no-repeat;}
#navbar #button2 a:active {background: url(/graphics/navigation.png) -162px -70px no-repeat;}
#navbar #button3 a:active {background: url(/graphics/navigation.png) -324px -70px no-repeat;}
#navbar #button4 a:active {background: url(/graphics/navigation.png) -486px -70px no-repeat;}
#navbar #button5 a:active {background: url(/graphics/navigation.png) -648px -70px no-repeat;}
#navbar #button6 a:active {background: url(/graphics/navigation.png) -810px -70px no-repeat;}

#navbar #button1down {left:   0px; background-position:    0px -70px;}
#navbar #button2down {left: 162px; background-position: -162px -70px;}
#navbar #button3down {left: 324px; background-position: -324px -70px;}
#navbar #button4down {left: 486px; background-position: -486px -70px;}
#navbar #button5down {left: 648px; background-position: -648px -70px;}
#navbar #button6down {left: 810px; background-position: -810px -70px;}

#navbar2 a {color:#484848; text-decoration:none; font-weight:bold; font-size:9pt;}
#navbar2 a:link {color:#484848; text-decoration:none; font-weight:bold; font-size:9pt;}
#navbar2 a:visited {color:#484848; text-decoration:none; font-weight:bold; font-size:9pt;}
#navbar2 a:hover {color:#ffffff; text-decoration:none; font-weight:bold; font-size:9pt;}
#navbar2 a:active {color:#484848; text-decoration:none; font-weight:bold; font-size:9pt;}