body{
  width:100%;
  margin:0;
  overflow-x:hidden;
  font-family:Arial, sans-serif;
  font-size:14px;
  line-height:1.5em;
  /*background-image: url(images/baseline-21px.png);*/
}

a{
  text-decoration:underline;
  color:blue;
  cursor:pointer;
}

a:hover{
  text-decoration:underline;
}

#logo{
  margin:0 auto;
  margin-top:47px;
  display:block;
}

#viewport{
  position:absolute;
  top:252px;
  margin: 0 auto;
  width:100%;
  height:200px;
  overflow-y:visible;
}

#words{
  position:absolute;
  left:0%;
  width:94%;
  height:100%;
  padding:0 3%;
}

#words ul{
  list-style-type:none;
  word-spacing:2em;
}

#words li{
  display:inline;
}

#images{
  position:absolute;
  right:-100%;
  width:94%;
  height:100%;
  padding:3%;
  padding-top:0;
  line-height:189px;
  list-style-type:none;
  word-spacing:2em;
  text-align:justify;
}

#images li{
  display:inline;
}

#images img{
  vertical-align:top;
}

#submitForm{
  width:491px;
  height:50px;
  margin:0 auto;
  margin-top:20px;
  line-height:21px;
}

#submitForm #transWords{
  width:385px;
  height:16px;
  padding:0;
  padding-left:4px;
  vertical-align:top;
  margin-right:4px;
}

#transWords{
  float:left;
}

#slideControl{
  text-align:center;
}

#transSubmit:active,
#toWordsButton:active,
#toImagesButton:active,
a:active{
  color:red;
}

div.active{
  color:blue;
  cursor:pointer;
}

a.active{
  color:red;
}

.unactive{
  display:none;
}