@font-face {
  font-family: BookmanOldStyle;
  src: url(res/fonts/BOOKOS.TTF);
  font-weight: 300;
}

body {
  background-color: #f2f2f2;
  font-family: BookmanOldStyle;
  font-size: 20px;
  overflow-y: hidden;
  overflow-x: hidden;
}

div.Indexblock {
  background-color: #b7b7b7;
  text-align: center;
  font-size: 40px;
  margin: -40px -10px;
}


/*BUTTONS*/
.item{
    position: relative;
    width: 235px;
    right: 9px;
    margin-bottom: -27px;
}
a{
    text-decoration: none;
}
.label {
    padding: 10px 15px 10px;
    font-size: 25px;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
    background-color: #f2f2f2;
}

.label:hover {
    background-color: #d6d6d6;
}

/*HOME BUTTON*/
.item:hover a p.Home span{
  display: none;
}
.item:hover a p.Home:after{
  content: '> Home';
}

/*PROFILES BUTTON*/
.item:hover a p.Profiles span{
  display: none;
}
.item:hover a p.Profiles:after{
  content: '> Profiles';
}

/*CODELIBRARY BUTTON*/
.item:hover a p.CodeLibrary span{
  display: none;
}
.item:hover a p.CodeLibrary:after{
  content: '> Code Library';
}

/*ENCOUNTERLOGS BUTTON*/
.item:hover a p.EncLogs span{
  display: none;
}
.item:hover a p.EncLogs:after{
  content: '> Encounter Logs';
}

/*VIDEOS BUTTON*/
.item:hover a p.Videos span{
  display: none;
}
.item:hover a p.Videos:after{
  content: '> Video Playlist';
}

/*GALLERY BUTTON*/
.item:hover a p.Gallery span{
  display: none;
}
.item:hover a p.Gallery:after{
  content: '> Gallery';
}