html,body{height:100%}
body{padding:0;margin:0}
body,textarea{font-family:arial,sans-serif;font-size:80%}
body,.if,a,hr{color:#000}hr{background:#000}
#fill{position:absolute;top:0;width:100%;height:25px;background:#B00;padding-bottom:1em;border:solid #000;border-width:0 0 2px 0}
#ie5bug{height:1.2em;margin:-3px 0 0 0;background:#B00}
#menubar{position:absolute;top:0;margin:16px 0 0 1.5em}
#container{min-height:90%;padding:3em 0 3em 1.5em;background:#FFB800;background-image:url(422lightorange.bmp);background-position:right;background-repeat:repeat-y}
#body{padding:0 0 0 1.5em;margin-right:422px}
#right{float:right;width:358px;text-align:center;font-size:90%;padding:3em 10px}
#right p{text-align:center}
#clear{clear:both;height:0}
#bottom{border:solid #000;border-width:2px 0 0 0;background:#090;color:#FFF;margin:0;padding:0.5em 2em 33px 2em;font-size:90%;font-weight:bold;text-align:left}
.menu,.menuc,.displayc,.display,.displayh{cursor:pointer;color:#000;width:7.3em;float:left;margin:0 0.2em 0 0;padding:0;border-bottom:2px solid}
.menuc,.displayh{border-bottom:none}.displayc,.displayh{cursor:default}
.e1,.e2,.e3,.e4,.e,.c1,.c2,.c3,.c4,.c{border-style:solid;border-width:0 2px;background:#D80}
.e1,.e2,.e3,.e4,.c1,.c2,.c3,.c4{font:0px/0px sans-serif;height:1px;margin:0 2px}
.c1,.c2,.c3,.c4,.c,.subs a:hover,.c a:hover{background:#FFB800}
.e1,.c1{height:0px;border-width:0px 4px 2px 4px;border-color:#B00 #B00 #000 #B00}
.e2,.c2{margin:0 3px;border-width:0 3px}
.e4,.c4{height:2px;margin:0 1px}
.e,.c{z-index:3;text-align:center;line-height:1em;padding:0 0 3px 0}
.subs .s{padding-left:1.2em}
.c{padding-bottom:5px}
.display .e,.displayc .c{padding-bottom:3px}
.e a,.c a{text-decoration:none;color:#000}
h1{font-size:150%;font-weight:700;margin:1em 0 1em 0}
h2{font-size:100%;font-weight:600;margin:1em 0 0 0;text-decoration:underline}
.ul{border-bottom:1px solid #000}
p{margin:0.5em 0 0 0}
.sup{font-size:70%;vertical-align:0.3em}
ul{list-style-type:disc;margin-top:0}
.woperabug{width:90%}
input,textarea{font-size:100%;width:99%}
.dot{vertical-align:middle;font-size:200%;padding:0 1em}
img{width:90%}
.logo{width:255px;height:229px}
#w3b{float:right;margin:3px;font-weight:normal;font-size:89%}
.menutext{vertical-align:top}
.noshow{display:none}
.show{display:block}
.lefttext{padding:0 2em}
.lefttextb{font-weight:700;padding:0 2em}

.test1 {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 50%;
  padding: 0;
  margin: 0;
  }

.test1 li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: block;
  width: 50%;
  left: 0;
  top: 0;
  }

.test1 li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.test1 img {
  display: block;
  height: auto;
  float: left;
  width: 50%;
  border: 0;
  }

/* Callback example */

h4 {
  font: 6px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #fff;
  }

.events {
  list-style: none;
  }

.test_container {
  margin-bottom: 50px;
  position: relative;
  float: right;
  width: 50%;
  }

.test {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 50%;
  padding: 0;
  margin: 0;
  }

.test li {
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  }

.test img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 50%;
  border: 0;
  }

.test .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 12px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.test_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  }

.test_nav:active {
  opacity: 1.0;
  }

.test_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }



.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

h4 {
  font: 6px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  color: #fff;
  }

.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 12px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}

@media screen and (max-width: 450px) {
  h4 {
    font: 6px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 25%;
    }
  }
