html, body {margin:0; padding:0; height:100%; text-align:left; overflow-y:auto;}
body {background: #fff0f0 ; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:90%;}
table {background: #fff0f0; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; table-layout: auto; text-align: left;}
frame {width: 99%}
iframe {height: auto; margin: auto auto auto auto; position: relative; visibility: hidden}
h1 {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-align: center}

div.menuBar,
div.menuBar a.menuButton,
div.menu,

div.menu a.menuItem {
  font-family: lucida sans unicode;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}

div.menuBar {
  background-color: #c97084;
  border: 2px outset #ffcccc;
  padding: 4px 2px 4px 2px;
  text-align: left;
  width: 100%;
  position:fixed; z-index:100
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 1px solid #ffcccc;
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: #b3d7d5;
  border: 1px outset #ffcccc;
  color: #ffffff;
  border: 1px solid #ffcccc;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #b3d7d5;
  border: 1px inset #ffcccc;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #c97084;
  border: 2px outset #ffcccc;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #b3d7d5;
  color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #c97084;
  margin: 4px 2px;
}

#volumcontroller {
    height: 44px;
    width: 140px;
}
#volumcontroller div{
	height:46px;
}
.volumecontrollerbar{
	border-left:1px solid #222;
	float:right;
	width:5px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	background-color: #4c4c4c;
	cursor:pointer;
}.volumecontrollerbar:hover{
	background-color:#bcbcbc !important;
}

#background{position:fixed; z-index:1; width:auto; height:100%; margin:30px 0px}
#fixed {z-index:2; color:#000000;position: relative; top: +50%}
#fix {z-index:2; color:#000000;position: relative; top: +15%; margin-left:20px}
#linko {z-index:2; color:#000000;position:relative;margin-top:10%}

#MISanimals li{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); list-style: none; position:absolute; top:82px; left:310px; border: none; width:400px; height:239px;}