
.top {background: url(image/spacer.bmp) 0 0 repeat-x}
.bot {background: url(image/spacer_bottom.bmp) 0 100% repeat-x}
.lef {background: url(image/spacer_left.bmp) 0 0 repeat-y}
.rig {background: url(image/spacer_right.bmp) 100% 0 repeat-y}
.bot-lef {background: url(image/bl.gif) 0 100% no-repeat}
.bot-rig {background: url(image/br.gif) 100% 100% no-repeat}
.top-lef {background: url(image/tl.gif) 0 0 no-repeat}
.top-rig {background: url(image/tr.gif) 100% 0 no-repeat; margin: auto; text-align: center}

.banner-name {
   border-bottom: solid 1px #000000;
   color: #dddddd
}
.banner-text {
   padding: 20px;
   padding-bottom: 1px;
   padding-right: 22px;
   padding-top:13px;
   display: block;
   text-align=left
}

body {
    behavior: url(csshover.htc);
   margin: 0;   }

a#logout {
  float: right;
  padding-right: 3%;
  padding-top: 5px;
}
#menu {
	width:150px;
	margin-top: 5px;
	min-heigt: 30px;
      height: 30px;
      Z-index: 1;
}

#headers {
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	cursor: pointer;
	font-size: 16;
	background: #BBFFAC;
	color: black;
	Z-index: 1
}

#headers:hover {
	background: #FFFFAA;
}


#headers:hover #menuv, #headers:hover #menua,#headers:hover #menux, #headers:hover #menue, #headers:hover #menur, #headers:hover #menum, #headers:hover #menuz, td.menume:hover #menuse, td.menuma:hover #menusa, td.menumu:hover #menusu, td.menumt:hover #menust, td.menudb:hover #menudbs{
	display:block
}


#menuv {
	position: absolute;
	left: 172px; //235;
	top: 35px;
	display: none;
	width: 125px;
	Z-index: 1
}

#menua {
	position: absolute;
	left: 217px;
	top: 35px;
	display: none;
	width: 125px;
	Z-index: 1
}

#menue {
	position: absolute;
	left: 256px;
	top: 35px;
	display: none;
	width: 125px;
	Z-index: 1
}

#menux {
	position: absolute;
	left: 295px;
	top: 35px;
	display: none;
	width: 125px;
	Z-index: 1
}

#menur {
	position: absolute;
	left: 363px;
	top: 35px;
	display: none;
	width: 125px;
	Z-index: 1
}

#menum {
	position: absolute;
	left: 324px;
	top: 35px;
	display: none;
	width: 125px;
	Z-index: 1
}

#menuse {
   position: absolute;
   left: 143;
   top: 0;
   display: none;
   width: 125px;
   Z-index: 1
}

#menusa {
   position: absolute;
   left: 143;
   top: 0;
   display: none;
   width: 125px;
   Z-index: 1
}

#menusu {
   position: absolute;
   left: 143;
   top: 24;
   display: none;
   width: 125px;
   Z-index: 1
}

#menudbs {
   position: absolute;
   left: 129;
   top: 24;   display: none;
   width: 125px;
   Z-index: 1
}

#menuz {
	position: absolute;
	left: 217px;	top: 35px;
	display: none;
	width: 150px;
	Z-index: 1
}

a:link {
  color: red;
}

a:visited {
  color: red;
}

a#norm:link, a#norm:visited {
   color: black;
   text-decoration: none
}

#logo {
  float: left;
  margin: 0;
}

#top {
  top: 0;
  left: 0;
  height:   35px;
  max-height: 35px;
  width: 100%;
  min-width: 750px;
  background-color: white;
  background-image: url(image/top_gradient.bmp);
  background-repeat: repeat-y;
  border-bottom: ridge 3px gray;
  Z-index: 1
}

#juicy {
   position: absolute;
   margin-top: -50px;
   padding-right: 1%;
   padding-left: 1%;
   height:80%
}

 #img {
    max-height: 150px;
    height: expression(this.height> 150 ? 150px:true);
    max-width: 200px;
    width: expression(this.width > 200 ? 200px:true);
}

.center {
   text-align: center;
   margin: auto
}
