Layer One Working

 <style>

@import url(http://fonts.googleapis.com/css?family=Special+Elite);
@import url(https://fonts.googleapis.com/css?family=Allura);

body {background: white;}

.pfor {display: none;}
#profile {background: transparent; border: none; }

a {color: black; text-decoration: none;}
a: hover {color: black;}

a.s2:hover {color: dark gray; cursor: url(http://cur.cursors-4u.net/special/spe-3/spe204.cur), progress !important;}
a.s3 {color: gray; cursor: url(http://cur.cursors-4u.net/special/spe-3/spe204.cur), progress !important;}
a.s3:hover {color: white; cursor: url(http://cur.cursors-4u.net/special/spe-3/spe204.cur), progress !important;}



#whole{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: transparent;
overflow: hidden;
}

#bigbody {
height: 100%;
width: 100%;
  background-image:
  url(http://i61.tinypic.com/vsjdvm.jpg);
overflow: hidden;
border: 0px solid blue;
}

#container{
  height: 300px;
  width: 300px;
  position: absolute;
  border: 0px solid red;
  overflow:hidden;
  top: 20%;
  left: 38%;
  }

#vanishing{
height: 30px;
width: 10px;
border: 0px solid black;
position: absolute;
top: 145px;
left: 110px;
-webkit-animation: xvanish 180s;
animation: xvanish 180s;
opacity: 0;
z-index: 1;
color: black;
font-family: 'Arial', Times;
font-size: 10pt;
}

@-webkit-keyframes xvanish{
  0% {opacity: 0;}
  .5% {opacity: 1; }
  100 {opacity 1; }
}

@keyframes xvanish{
  0% {opacity: 0;}
  .5% {opacity: 1; }
  100 {opacity 1; }
}



#vanishing.second {
  left: 120px;
  -webkit-animation-delay: .5s;
 animation-delay: .5s;}

#vanishing.third {
  left: 130px;
  -webkit-animation-delay: 1s;
 animation-delay: 1s;}

#vanishing.fourth {
  left: 140px;
  -webkit-animation-delay: 1.5s;
 animation-delay: 1.5s;}

#vanishing.fifth {
  left: 150px;
  -webkit-animation-delay: 2s;
 animation-delay: 2s;}

#vanishing.sixth {
  left: 160px;
  -webkit-animation-delay: 2.5s;
 animation-delay: 2.5s;}

#vanishing.seventh {
  left: 170px;
  -webkit-animation-delay: 3s;
 animation-delay: 3s;}

#vanishing.eigth {
  left: 180px;
  -webkit-animation-delay: 3.5s;
 animation-delay: 3.5s; }

#entertexthere{
  height: 160px;
  width: 200px;
  border: 1px solid black;
  position: absolute;
  top: 70px;
  left: 50px;
  z-index: 0;
  background: grey;
  opacity: .5;}

#usernamediv{
  position: absolute;
  top: 100px;
  left: 100px;
  border: 1px solid black;
  height: 17px;
  width: 100px;
  padding-left: 0px;
  background: white;
color: black;
text-align: center;
padding-top: 8px;
  }

#passworddiv
{ position: absolute;
height: 25px;
width: 100px;
border: 1px solid black;
top: 140px;
left: 100px;
background: white;
}

#presslogin
{ position: absolute;
height: 20px;
width: 80px;
top: 180px;
left: 110px;
border: 1px solid black;
text-align: center;
background: tan;
-webkit-animation: tothefront 180s;
animation: tothefront 180s;
color: black;
}

#aroundlogin
{position: absolute;
height: 22px;
width: 84px;
border: 1px solid black;
top: 178px;
left: 108px;
text-align: center;
padding-top: 2px;
z-index: 2;
color: grey;}

@-webkit-keyframes tothefront{
  0% {z-index: 1;}
  9% {z-index: 3;}
  100% {z-index: 3;}
}

@keyframes tothefront {
  0% {z-index: 1;}
  9% {z-index: 3;}
  100% {z-index: 3;}
}

/* SECOND LAYER STYLE */

 #bigbody2{
height: 100%;
width: 100%;
border: 0px solid red;
  background-image:
url(http://i62.tinypic.com/19m8fs.jpg);
background-size: 100%;
background-repeat: no-repeat;
overflow: hidden;
text-align: left;
cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur463.cur), progress !important;
}

#schooltitle {
  position: relative;
  left: 30px;
  top: 100px;
  height: 40px;
  width: 330px;
  border: 0px solid black;
  font-size: 30pt;
  font-family: 'Allura', cursive;
  font-weight: 400;
  color: #191047;
  z-index: 1;
  }

#schooltitle:hover {
color:  #B178A5;
}

#schoolinfo {
  position: relative;
  left: 50px;
  top: 98px;
  height: 300px;
  width: 300px;
  border: 0px solid black;
}

#schoollinks {
  position: relative;
  top: 0px;
  left: 0px;
  height: 15px;
  width: 303px;
  border: 0px solid black;
  background: #B178A5;
  color: black;
  font-family: 'Special Elite', cursive;
  font-size: 10pt;
  padding-top: 3px;
}
#schoolcontent {
  position: relative;
  left: 0px;
  height: 275px;
  width: 298px;
  border: 0px solid red;
  background: #191047;
  opacity: .8;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  overflow: hidden;
  padding-left: 7px;
  padding-top: 5px;
z-index: 1;
  }

#insideschoolcontent {
  height: 268px;
  width: 280px;
  border: 0px solid red;
  color: grey;
  font-family: 'Special Elite', cursive;
  font-size: 8pt;
  padding-bottom: 15px;
  padding-left: 7px;
  overflow: auto;
opacity: 1;
padding-top: 15px;
padding-right: 20px;}

#container2{
position: relative;
    top: 20px;
    height: 400px;
    width: 357px;
    left: 40px;
    border: 0px solid red;
z-index: 3;
  }

#behindhover{
  height: 296px;
  width: 303px;
  background: #B178A5;
  border: 0px solid black;
   position: relative;
  left: 50px;
  top: -200px;
  z-index: 0;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  }

#hoverdiv1{
  height: 297px;
  width: 200px;
  border: 0px solid black;
  background: #B178A5;
  position: relative;
  left: 159px;
  top: -498px;
  z-index: -5;
  border-bottom-right-radius: 60px;
  -webkit-transition: left 1s;
transition: left 1s;
}

#hoverdiv1:hover, #hoverdiv2:hover {
z-index: -1;
  left: 284px;}

#hovertab{
  position: relative;
  left: 200px;
  top: 40px;
  height: 15px;
  width: 15px;
  background: transparent;
  color: white;
  text-align: right;
background: #191047;
border-radius: 0px 10px 10px 0px;
  }

  #hoverdiv2{
  height: 297px;
  width: 200px;
  border: 0px solid black;
  background: #B178A5;
  position: relative;
  left: 159px;
  top: -795px;;
  z-index: -5;
  border-bottom-right-radius: 60px;
  -webkit-transition: left 1s;
transition: left 1s;
}

#hovertab2{
  position: relative;
  left: 200px;
  top: 80px;
  height: 15px;
  width: 15px;
  background: transparent;
  color: white;
  text-align: right;
background: #191047;
border-radius: 0px 10px 10px 0px;
}

#hovercontent {
height: 280px;
width: 194px;
background: #191047;
border-bottom-right-radius: 60px;
position: relative;
top:3px;
left: 0px;
opacity: .7;
overflow: hidden;}

#insidehovercontent{
height: 273px;
width: 110px;
border: 0px solid black;
opacity: 1;
position: relative;
left: 78px;
top: 8px;
color: grey;
font-family: 'Special Elite', cursive;
font-size: 8pt;
padding-top: 5px;
}

#hoverdiv2.second {
top:-1092px;
}

#hovertab2.second{
top: 120px;
}

#hoverdiv2.third{
top: -1389px; }

#hovertab2.third{
top: 160px;}


</style>

<div id="whole">

<div id="bigbody">
<div id="container">
<div id="vanishing">p
</div>
<div id="vanishing" class="second">a
</div>
<div id="vanishing" class="third">s
</div>
<div id="vanishing" class="fourth">s
</div>
<div id="vanishing" class="fifth">w
</div>
<div id="vanishing" class="sixth">o
</div>
<div id="vanishing" class="seventh">r
</div>
<div id="vanishing" class="eigth">d
</div>
<div id="entertexthere">
</div>
<div id="usernamediv">admin
</div>
<div id="passworddiv">
</div>
<div id="aroundlogin">
login
</div>


<a href="#SecondLayer"><div id="presslogin">login
</div></a>
 </div>


<div style="border: 1px solid black; background: white; color: red; text-align: center; height: 13px; width: 190px; position: absolute; top: 0px; font-size: 8pt; left: 41.5%;">
SITE ONLY WORKS ON CHROME</div>
 </div>

<a name="SecondLayer"></a>
<div id="bigbody2">


<div id="container2">

<div id="schoollinks" style="z-index: 4; background: transparent; top: 156px; left: 50px;">
<a href="#Facil" class="s2">facility</a> . .
<a href="#Curric" class="s2">curriculum</a> . .
<a href="#Stud" class="s2">students</a> . .
<a href="#Appy" class="s2">apply</a>
</div>

<a href="#Introduction2">
<div id="schooltitle">Kemonozume Gakuen
</div></a>

<div id="schoolinfo">

<div id="schoollinks">
</div>

<div id="schoolcontent">
<a name="Introduction"></a>
<div id="insideschoolcontent">
<a href="#visualrefs" class="s3">UNIFORM DESIGNS ARE GO</a>. (click)
<br>
<a href="#schoollay" class="s3">DORMITORY MAIN TOWER INT/EXT VIEW.</a> (click)
<br>
<a title="Right now, the official beginning of classes has been set for the beginning of August, but this isn't set in stone. As soon as the time and date is confirmed, I will update this profile with the information. Classes will only begin after a coherent schedule has been created for everyone." class="s3">
CLASSES ARE NOT IN SESSION</a>. (hover)<br>
<a title="The NPCs are there for a reason. If you have issues that you need resolved in character, please approach me or send mail asking for an appointment. Even if you simply want to play your character in the school without necessarily interacting with another player, it's no problem." class="s3">
A NOTE ABOUT NPCs</a>. (hover)

<br><br>
I am currently deciding on the Academy uniform designs, the layout of the academy and reference photos for the facilities. If you have suggestions, please send a message through mail or PM.<br><br>
If you have not been assigned a room, please speak to me. If you have an intended roommate and that player either agrees or does not disagree, you may simply assign your character to their room (limit 2 per room; only one group of four for now). PLEASE update me with your rooming information. After I have references photos and a layout for the grounds, I will update everyone with more specific information regarding their dorm and room assignments.
<br>
<div style="margin-left: 150px;"><a href="#Introduction2" class="s3"><b><u>Introduction</u></b></a>.</div>

</div>


<a name="Introduction2"></a>
<div id="insideschoolcontent">
This storyline focuses on kemonomimi, which means 'beast-ears' and is a term that describes a humanoid that possess animal-like traits. In this storyline, those traits can vary wildly but primarily include ears and a tail. Fur and other more animal features are fully optional, and all genders and variations therein are accepted without discrimination.
<br><br>
The story begins after six years of difficult peace. The war that it follows lasted for seventy years , the last sixty of which were centered on <b>kemono</b> (lit. 'beast') vs human conflicts. The Tokyo Hybrization Plan, the result of painstaking compromises, has been successful for five years. The centerpiece of this plan is the Kemonozume (lit. 'beast-claw) Academy, or <i>kemonozume gakuen</i>.
<br><br>
<div style="margin-left: 150px;"><a href="#Introduction3" class="s3"><b>Continue</b></a>.</div>

</div>


<a name="Introduction3"></a>
<div id="insideschoolcontent">
All interactions between students are monitored, usually by camera.<br><br>
Once a month, all students are to report to the testing facility for examination, including demonstrations of physical prowess and growth in any abilities. Tests are conducted by building staff in cooperation and attended by representatives of various countries.<br><br>
Students, once enrolled, are to remain within student grounds until their graduation or dismissal. Dismissed students are allowed no contact with school students. Kemonozume Academy is scheduled with a three-term year modeled after the schools within the Japanese school system. This includes the practice of a <a title="three term school year" class="s3"><b>trimester system</b></a> that begins in April and ends in May, including three breaks:<br><br>
<a title="Six-week break beginning near the end of July." class="s3"><b>Summer Break</b></a>,
<a title="Two-week break beginning at the end of the calendar year." class="s3"><b>New Year's Break</b></a>,
<a title="One-week break during the third term." class="s3"><b>Spring Break</b></a>.

</div>


<a name="Facil"></a>
<div id="insideschoolcontent">

The location is Tokyo.<br><br>
<b>Grounds include</b><br>
Main School (*), Coop Dormitories, Sports Center (*), Community Center, Sports Field, Battle Facility (*), Library.

<br><br>With the school gated off from the remainder of the community, students require day passes to exit school grounds.Any teacher can issue a day pass.All trips are <a title="NPC Agents" class="s3"><b>monitored</b></a> closely.<br><br>
Exiting Tokyo is allowed only with a special pass, requiring an application by the heads of the student body and the sanction of the Vice-Principal or above.<br><br>
Exiting Japan is not allowed and any attempt to do so will be met with strict force and the termination of the student along with any and all accomplices.<br><br>
<div style="position: relative; left: 100px; font-size:7pt;">* currently closed</div>
</div>

<a name="Curric"></a>
<div id="insideschoolcontent">
The curriculum is diversified in a way that suits both the political needs of various heads of state, the financial needs of investors and the practical needs of its very varied kemono student body.<br><br>
Curriculum usually includes a full compliment of the types of courses seen in most public schools: Math, English, History, Government, Life and Physical Sciences, and a range of electives. It is also usually possible to participate in extracurricular activities and clubs, depending on interests. A year prior there was an application to begin sports teams that was granted, though these teams are heavily monitored with any use of powers being highly restricted.<br><br>
Please feel free to use our Battle Facility, as all testing data is greatly appreciated!
</div>

<a name="Stud"></a>
<div id="insideschoolcontent">
<br><b>Students</b>
<br><a href="http://roleplaychat.org/profile.php?user=Mikhail" class="s3" target="_blank">Mikhail Jones</a>
<br><a href="http://roleplaychat.org/profile.php?user=Amari" class="s3" target="_blank">Amari Caless</a>
<br><a href="http://roleplaychat.org/profile.php?user=Fukou" class="s3" target="_blank">
Saito Kurosawa</a>
<br><a class="s3">Logan Lake</a>
<br><a href="http://roleplaychat.org/profile.php?user=Olie" class="s3" target="_blank">
Oliver Three</a>*
<br><a href="http://roleplaychat.org/profile.php?user=Setsuna" class="s3" target="_blank">
Setsuna One</a>*
<br><a href="http://roleplaychat.org/profile.php?user=Woden" class="s3" target="_blank">
Woden Von Himmelman</a>
<br><a href="http://roleplaychat.org/profile.php?user=Raul" class="s3" target="_blank">
Raul Gonzalo</a>
<br><a href="http://roleplaychat.org/profile.php?user=Jen" class="s3" target="_blank">
Jen Zokal</a>
<br><a href="http://roleplaychat.org/profile.php?user=Sweet+Moon" class="s3" target="_blank">
Moon Ten</a>*
<br><a href="http://roleplaychat.org/profile.php?user=Ice" class="s3" target="_blank">
Ice Four</a>*
<br><a href="http://roleplaychat.org/profile.php?user=Little+Lucy" class="s3" target="_blank">
Lucy Nyan</a>
<br><a href="http://roleplaychat.org/profile.php?user=Moon" class="s3" target="_blank">
Moon Eleven</a>*
<br><a href="http://roleplaychat.org/profile.php?user=Karl+Asher" class="s3" target="_blank">
Karl Asher</a>
<br><a href="http://roleplaychat.org/profile.php?user=Ephyrm+Webster" class="s3" target="_blank">
Ephyrm Webster</a>
<br><a href="http://roleplaychat.org/profile.php?user=Juliet" class="s3"
target="_blank">
*Juliet Two</a>
<br><br>
<a href="#NPCs" class="s3"><b>NPC Faculty and Students</b></a>

<div style="position:relative; width: 50%; float: right; left: 0px; top: -198px; text-align: right; font-size: 8pt; height: 0%;">

<br><a href="http://roleplaychat.org/profile.php?user=Iki+Sai" class="s3" target="_blank">
Iki Sai</a>
<br><a href="http://roleplaychat.org/profile.php?user=Rahdin" class="s3" target="_blank">
*Rahdin One</a>
<br><a href="http://roleplaychat.org/profile.php?user=Velanx" class="s3" target="_blank">
Velanx Geranstis</a>
<br><a href="http://roleplaychat.org/profile.php?user=Yasmine" class="s3" target="_blank">
*Yasmine One</a>
<br><a href="http://roleplaychat.org/profile.php?user=RockinCowgirl" class="s3" target="_blank">
Keke Kyske Ryusaki</a>
<br></div>

</div>


<a name="NPCs"></a>
<div id="insideschoolcontent">
<b>School Staff</b><br>
<a href="http://i58.tinypic.com/2eyketk.jpg" class="s3" target="_blank">
King</a> (Vice-Principal)<br>
<a href="http://i62.tinypic.com/1z2f5s4.jpg" class="s3" target="_blank">Kyoko Minazuki</a> (School Nurse)<br>
<a href="http://www.zerochan.net/650099" class="s3" target="_blank">Hayase Nekketsu</a> (Battle Technician/Instructor)<br>
<a href="http://i59.tinypic.com/20poh2.jpg" class="s3" target="_blank">
Dr. Grey</a> (Guidance Counselor)<br><br>

<b>Student Council</b><br>
<a href="http://i59.tinypic.com/2q88sx3.jpg" class="s3" target="_blank">Boman Delgado</a> (Student Body President)<br>
<a href="http://i61.tinypic.com/1z9ddy.jpg" class="s3" target="_blank">Roy Bromwell</a> (Student Body Vice-President)<br>
<a href="http://fc09.deviantart.net/fs14/i/2007/090/5/c/Akira_Kazama_by_turpentine_08.jpg" class="s3" target="_blank">Akira Kazama</a> (Disciplinary Committee Head)
<br><br>
<b>Students</b><br>
<a href="http://i18.photobucket.com/albums/b149/abysmal_rage/JulianVonGaribaldifull1121968.jpg" class="s3" target="_blank">Julian Childes</a>
<br><br>
<b>Security</b>
<br><a href="http://i58.tinypic.com/23w4ls0.jpg" class="s3" target="_blank">
Guards</a>
</div>

<a name="Appy"></a>
<div id="insideschoolcontent">Limited space available for class 7.<br>
<a title="Class 8 currently will not take part in events or have any focus in the story. Characters can interact with Class 7 and 8 students, limited interaction with NPCs." class="s3">Class 8 open</a>. (hover)<br><br>
Please either PM or send mail to:
<br>
<a href="http://roleplaychat.org/profile.php?" class="s3" target="_blank">
Kemonozume Gakuen</a>.
<br><br>
<b>character restrictions</b><br>
- kemonomimi<br>
- any age<br>
- any gender<br>
- <a title="Please speak to me directly with information about what powers your character has. It's better to do this in advance as some character abilities would garner restriction from the school." class="s3">powers allowed</a> (hover)<br>
- <a title="Additional characters for CURRENT students will be automatically be placed into class 8." class="s3">restrictions on additional characters</a> (hover)
</div>

<a name="updatedschool"></a>
<div id="insideschoolcontent">
<b>School Updates (1/2)</b><br><br>
<br><b>7/13/14</b>
<br>- Karl Asher attempts to leave school grounds, is confronted by (NPC) Akira Kazama. Karl is wounded, later healed by (NPC) Julian Childes. Karl, Koinoru, Olie, Iki Sai and Woden are restricted to dorms and Social Center for the remainder of the week.
<br><b>7/12/14</b>
<br>Laptops, TVs, cable, WiFi delivered.
<br><b>7/11/12</b>
<br>- Counseling event. Dr. Grey introduced. Introduction of NPC, introduction of C7 students. Grey asks students about their reasons for joining the school and about their hopes for the future. Event ends early.
<br><br>
<a href="#updatedschool2" class="s3"><b>more updates</b></a>
</div>


<a name="updatedschool2"></a>
<div id="insideschoolcontent">
<b>School Updates (2/2)</b><br><br>
<b>7/10/14</b><br>
- Koinoru Nine assigned room 10. Iki Sai and Lucy Nyan assigned room 5. Moon Eleven and Setsuna One assigned room 6. Ice Four and Woden Von Himmelman assigned room 7.<br>
<b>7/8/14</b><br>
- Ephyrm Webster and Karl Asher assigned room 4.<br>
<b>7/6/14</b><br>
- NPC Roy Bromwell appears. NPC Kyoko Minazuki appears. NPC Akira Kazama appears. Introduction of students to school. Class assignments handed out to students. NPC Julian Childes appears. Duffel bags containing IDs, uniforms, local area information handbook, school maps, and student handbook given to all students. Room assignments given out. <br>
- Mikhail assigned room 1. Jen and Raul assigned room 2. Oliver, Moon, Jabari and Amari assigned room 3.<br>
</div>



<a name="updatedsite"></a>
<div id="insideschoolcontent">
<b>Site Updates (1/3)</b><br>
<br><b>7/15/14</b>
<br>- Added fourth tab, containing guideline/rules, general explanations important for interaction and a faq. Added dormitory layout link to third tab. Added dorm ref. photos. Changed tab shape, pulled it in closer to avoid the hover slipping. Room assignments tab active. Changed room assignments (numbers).
<br><b>7/14/14</b>
<br>- Student (RockinCowgirl) registered.
<br><b>7/13/14</b>
<br>- Student (Velanx) registered. Student (Yasmine) registered. Student (Jabari) removed (profile vanished).
<br><b>7/12/14</b>
<br>- School uniform designs added to visual ref. Student (Rahdin) registered. Student (Jabari) removed from roster.<br>
<b>7/11/14</b><br>
 - School layout and visual reference links now active. Added visual links and descriptions for dorms and cafeteria. Added staff (Dr. Grey) to NPC list.
<br><br>
<a href="#updatedsite2" class="s3"><b>more updates</b></a>
</div>



<a name="updatedsite2"></a>
<div id="insideschoolcontent">
<b>Site Updates (2/3)</b><br>
<br><b>7/10/14</b><br>
- Student (Iki Sai) registered. Student (Juliet Two) registered. Cursors.
<br><b>7/8/14</b><br>
- Added warning on front page that profile/'site' does not work on browsers outside of chrome. Added third hover tab, intended for information links. Added 'update' links to second tab. Added site and story update information to main area. Added 'cover' page for the second layer, including important information. Added link to 'cover' page on third tab. Added 'hover' warnings by important information. Added small dividers to side tabs to emphasize links. Student (Koinaru Nine) registered. Changed astrix on password page to the word 'password'. Changed first link title from 'faculties' to 'facilities.' Changed hover under character restrictions.
<br><br>
<a href="#updatedsite3" class="s3"><b>more updates</b></a>
</div>

<a name="updatedsite3"></a>
<div id="insideschoolcontent">
<b>Site Updates (3/3)</b><br><br>
<b>7/7/14</b><br>
- Added NPC list of students and faculty w/links to pictures. Added functionality to second tab to contain information about past events.<br>
<b>7/6/14</b><br>
- Added first and second hover tabs, containing information about available hours and current events. Added list of player students.<br>
<b>7/5/14</b><br>
- Profile/'site' went up. Various modifications.<br>
</div>

<a name="schoollay"></a>
<div id="insideschoolcontent">
<b>School Layout (1/2)</b><br><br>
<a href="http://i58.tinypic.com/14kfpmq.jpg" class="s3" target="_blank">
<b>Exterior shot of dormitory structure</b></a>.<br>
One very large structure of glass from the ground up, it mirrors the color of the sky at any time of day. From the top can be seen the very tip of the observation center and protection-field producing structure named 'Tiphares.' <br><br>
In order to access the dorms, must enter the central tower which means going through the community center building, simply called Community. Community also houses the grocery, food markets, clothing markets and various stores that supply the students with their needs. At the moment, only the cafeteria is open.<br><br>
<a href="#schoollay2" class="s3"><b>Page 2</b></a>
 </div>

<a name="schoollay2"></a>
<div id="insideschoolcontent">
<b>School Layout (2/2)</b><br><br>
<a href="http://i57.tinypic.com/s0vix0.jpg" class="s3" target="_blank">
<b>Interior shot of dormitory structure</b></a>.<br>
Inside of the larger 'shield' structure there are the five towers that the dormitory students live within and the central tower that operates as a central elevator and access point for the dorms. No dorm tower has an official name other than it's number (named from left to right, 1-5) but have been given affectionate titles from their occupants. Class 7's tower (shared with Class 8) is Tower 4 and nicknamed <i>Bakemono</i>. The towers are named, in order, <i>Ghost</i>, <i>Sparta</i>, <i>Kaijuu</i>, <i>Bakemono</i>, and <i>Stylish Castle of Peasants</i>.

</div>


<a name="dormlay"></a>
<div id="insideschoolcontent">
<b>Class 7 Dormitory Layout</b>
<br><br>
Floor 4 (Top Floor of C7)<br>
- Rooms 1-4: kitchenette, two couches, two individual seats, one coffeetable, one 37" HD display, two bathrooms (unisex).<br><br>
Floor 3<br>
- Rooms 5-8: same as above.<br><br>
Floor 2<br>
- Rooms 9-11: same as above.<br><br>
Common Area<br>
- Room 12 (empty/NPC): Fourteen individual chairs, four couches, one 60" HD TV, kitchenette, two bathrooms, air hockey table, pool table, multiple tables.
</div>



<a name="visualrefs"></a>
<div id="insideschoolcontent">
<b>Visual Reference Photos</b><br><br>
<a href="http://i61.tinypic.com/2vsokxw.jpg" class="s3" target="_blank">
<b>Main cafeteria, inside Community</b></a>
<a href="http://i60.tinypic.com/2gy83zb.jpg" class="s3" target="_blank">
 (<b>2</b>)</a><br>.
Housed inside of Community, this is the primary eating area. While there will be other vendors that open during the year, this provides a very small grocery for basic ingredients while also serving up small pre-selected meals to students. A daily credit is currently rationed to students through their cards while Kemonozume is not fully running. Once the classes begin, students will be able to earn credits through scores and extracurricular activities.
<br><br>
<a href="http://tinypic.com/view.php?pic=3021hjc&s=8#.U8EnjvldXT8" class="s3" target="_blank">
<b>School uniform</b></a><br>
Any combination is permissible. All students have received multiples of every garment. Please deposit  laundry at the end of the day . Laundered clothes are received on Thursday. <br><br>
<a href="#visualrefs2" class="s3"><b>more references</b></a>
</div>



<a name="visualrefs2"></a>
<div id="insideschoolcontent">
<b>Visual References Photos</b> (2/2)<br><br>
<b>Dorms</b><br>
<a href="http://i62.tinypic.com/1z6yurl.jpg" class="s3" target="_blank">Common area</a><br>
<a href="http://i62.tinypic.com/2ymjf5i.jpg" class="s3" target="_blank">
One-person room</a><br>
<a href="http://i60.tinypic.com/14mdu9s.jpg" class="s3" target="_blank">
Two-person room</a><br>
<a href="http://i61.tinypic.com/2jfykg3.jpg" class="s3" target="_blank">
Four-person room</a> (room 10)<br>
</div>


<a name="roomassign"></a>
<div id="insideschoolcontent">
<b>Room Assignments for Class 7</b>
<br><br>
Room 1: Mikhail Jones, Logan Lake<br>
Room 2: Jen Zokal, Raul Gonzalo<br>
Room 3: Iki Sai, Lucy Nyan<br>
Room 4: Ephyrm Webster, Karl Asher<br>
Room 5: Moon Eleven, Setsuna One<br>
Room 6: Woden von Himmelman, OPEN<br>
Room 7: Yasmine One, Keke Kyske Ryusaki<br>
Room 8: Rahdin One, Juliet Two <br>
Room 9: Velanx Geranstis , OPEN <br>
Room 10: Oliver Three, Moon Ten, Amari Caless,  OPEN <br>
Room 11: Koinoru Nine<br>
</div>

<a name="rulesooc"></a>
<div id="insideschoolcontent">
<b>Kemonozume Group OOC Rules</b> (1/3)<br><br>
(<b>1</b>) Please be mindful of others. Post warnings on NSFW content posted in the room, especially links to pictures and other sites. Flirting and small intimacy is fine, but if hands start rubbing on private places or going beneath clothing? Please take it to PM, although remember that your characters will still be in plain sight if they started having sex in the middle of a common area.<br>
(<b>2</b>) Please keep me informed. If I'm informed, I can make informed decisions. If there are fights, damages to property, attempts/successes in leaving the school property, any conflicts with NPCs named or otherwise, please inform me so that I can make sure the scenario within the school responds appropriately.<br>
<br><a href="#rulesooc2" class="s3">
<b>more rules</b></a>
</div>


<a name="rulesooc2"></a>
<div id="insideschoolcontent">
<b> Kemonozume Group OOC Rules</b> (2/3)<br><br>
(<b>3</b>) If your character gets into excessive trouble, it's likely your class is going to receive some form of punishment. If there is an event planned and you decide you're going to blow up a wall of the school, that event may just be cancelled. When bored, please try to find creative ways (rather than destructive) to cure it. If it's in the natue of your character to be destructive, there's the battle facility (soon).<br>
(<b>4</b>) Use characters to solve IC (in character) issues. There will be times when there's no avoiding it, and you feel a need to take things out of character - that's understandable. When you do, please try to be respectful and take an objective account of things. However if these issues revolve around something in character, please try to keep out of character arguing to a minimum.<br>
<br><a href="#rulesooc3" class="s3"><b>more rules</b></a>
</div>

<a name="rulesooc3"></a>
<div id="insideschoolcontent">
<b>Kemonozume Group OOC Rules</b> (3/3)<br><br>
(<b>5</b>) When using OOC (out of character content) in the chat, especially during roleplay, please use the /me command so that players coming in can see as much of the posting as possible when they use /back.<br>
(<b>6</b>) This group is for everyone to enjoy. Please keep this in mind and try to assist all players in having a good job. When you can, be inclusive of others' characters so that students don't feel left out.<br>
</div>


<a name="rulesschool"></a>
<div id="insideschoolcontent">
<b>Kemonozume Academy Rules</b>
<br><br>
(<b>1</b>) Leaving the premises is forbidden.<br>
(<b>2</b>) If the Disciplinary Head makes a ruling, it can only be overturned by the Vice-President or above.<br>
(<b>3</b>) Any attempts by a student to leave school grounds means that student is restricted to the social center and dorms for the following week. Once classes begin, this restriction begins after the days' classes have ended.<br>
(<b>4</b>) Any attempt to interfere with a ruling by the Disciplinary Committee Head will merit the same punishment as above.<br>
(<b>5</b>) Conflicts with fellow students are to be resolved in the battle facility or sports center, and in no other places.<br>
(<b>6</b>) Any student assisting another student bypass a restriction is to be punished for double that time.
</div>


<a name="explaintravel"></a>
<div id="insideschoolcontent">
<b>Explanation of School Travel</b> (1/2)<br><br>
To access the dorms, a student must enter the main student tower and walk through the community center building. This is the <b>only</b> nonemergency entrance, and others can only be accessed either with permission from the faculty or in case of an actual emergency. The main hall of the community center building leads directly to the central tower, through which each dormitory tower can be accessed.<br>
There are multiple elevators that lift all students and staff to a similar room connected to multiple sky bridges. Both the floor and the sky bridges have glass walls and ceiling, permitting an excellent view of the dorm buildings and grounds. From this point, only students or staff with permissions for specific dormitory towers may access those towers through a reinforced steel door at the opposite end of the bridge.<br><br>
<div style="position: relative; left: 20px;">
<a href="#explaintravel2" class="s3"><b>more travel info</b></a>
</div>
</div>

<a name="explaintravel2"></a>
<div id="insideschoolcontent">
<b>Explanation of School Travel</b> (2/2)<br><br>
Using the ID card given to every occupant of the school, this door will open with a card swipe and allow students into the next, smaller elevator foyer. There are optional stairway access points to the left and right as well through card-swipe doors. Straight ahead are two elevators, each with text corresponding to the Grouped Class Area they are intended for. When activated with a card swipe, these elevators will carry the student to their class common area for them to depart. There are no elevators for each floor of the class apartments, as travel between individual floors mandates use of the stairs.<br>
The Class 7 common area is the lowest floor whereas the class 8 common area is the highest.
</div>


<a name="explainmoney"></a>
<div id="insideschoolcontent">
<b>Explanation of the School Credit System</b>
<br><br>
Any form of credit or finances possessed outside of the school do not work with the in-school financial system. Kemonozume Academy runs on a merit-based credit system wherein a student earns credit through grades, extracurricular activities or other actions worthy of recognition.<br><br>
These funds can be used in any capacity within the student center and, on trips outside of the school grounds, can be withdrawn in the form of yen for use in purchasing various things in Tokyo or other parts of Japan. Similarly, these funds can be transferred to other banks online and used to purchase items from outside of the school. The reverse, again, is not true.
</div>


<a name="explainmail"></a>
<div id="insideschoolcontent">
<b>Explanation of Mail and Receiving Packages</b>
<br><br>
All physical letters will be transferred to digital data and received through email. The physical contents will be held for the student until such time as they graduate, at which time they may choose to withdraw any mail received or have it removed. The exceptions to this rule are legal or civil documents which will be given to the library to hold for the student in question and perused only in a quiet study room.
<br><br>
Package items that are delivered to the school for a student will arrive after a short time for school officials to make sure there is no danger presented to the student by this item, including a very thorough search.
<br><br>
There will be no food deliveries not directly approved by school faculty.
</div>


<a name="faq"></a>
<div id="insideschoolcontent">
<b>Faqs</b><br><br>
Have a good question? Ask me. I'll either put it here or update the information to reflect it.
</div>



</div>


</div>

 <div id="behindhover">
</div>

<div id="hoverdiv1">
<div id="hovertab">
</div>
<div id="hovercontent">
<div id="insidehovercontent">
<b>available hours</b><br>
Eastern US,<br>GMT-5<br><br>
<b>mon - wed</b><br>
8am - 4pm<br>
<b>thurs-fri</b><br>
8am-12pm<br>
<b>sat-sun</b><br>
4pm-12pm

</div>
</div>
</div>


<div id="hoverdiv2">
<div id="hovertab2">
</div>
<div id="hovercontent">
<a name="currentevents"></a>
<div id="insidehovercontent">
 <b>next event</b><br>
7/??/14 to<br>
7/??/14<br><br>
<b>tokyo trip</b>
<br>explore the city over three days
<br><br>
<div style="border-top: 1px solid  #B178A5;; width: 200px; height: 1px;"></div>
<a href="#pastevents" class="s3">
<b>past events</b></a>
<a href="#updatedinfo" class="s3">
<b>update list</b></a>
</div>

<a name="pastevents"></a>
<div id="insidehovercontent">
<b>past events</b><br>
<a href="#event1" class="s3">7/6/14</a>,
<a href="#event2" class="s3">7/11/14</a>,
<br><br>
<div style="border-top: 1px solid  #B178A5;; width: 200px; height: 1px;"></div>
<a href="#currentevents" class="s3"><b>current events</b></a>
</div>

<a name="event1"></a>
<div id="insidehovercontent">
<b>7/6/14</b>,
<br>meet n' greet<br><br>
<b>what happened?</b><br>
gathering in auditorium. all player students put into class 7. uniforms, IDs, room assignments given.
<br><br>
<div style="border-top: 1px solid  #B178A5;; width: 200px; height: 1px;"></div>
<a href="#pastevents" class="s3"><b>past events</b></a>
</div>

<a name="event2"></a>
<div id="insidehovercontent">
<b>7/11/14</b><br>
class counseling<br><br>
<b>what happened?</b>
Class is given brief information about the school and asked about personal information.<br>
(
<a href="http://pastebin.com/nwmC8u4i" class="s3" target="_blank">
<b>log</b></a>
)
<br><br>
<div style="border-top: 1px solid  #B178A5;; width: 200px; height: 1px;"></div>
<a href="#pastevents" class="s3"><b>past events</b></a>
</div>

<a name="updatedinfo"></a>
<div id="insidehovercontent">
<b>update list</b><br>
<a href="#updatedschool" class="s3">school updates</a><br>
<a href="#updatedsite" class="s3">site updates</a>
<br><br>
<div style="border-top: 1px solid  #B178A5;; width: 200px; height: 1px;"></div>
<a href="#currentevents" class="s3"><b>current events</b></a>
</div>
</div>
</div>


<div id="hoverdiv2" class="second">
<div id="hovertab2" class="second">
</div>
<div id="hovercontent">
<div id="insidehovercontent">
<b>information</b><br>
<a href="#schoollay" class="s3">school layout</a><br>
<a href="#dormlay" class="s3">dorm layout</a><br>
<a href="#visualrefs" class="s3">visual references</a>
<br><br>
<b>scheduling, general</b><br>
<a href="#roomassign" class="s3">room assignments</a><br>
school year<br>
daily sched<br>
class sched<br><br>
<div style="border-top: 1px solid  #B178A5;; width: 200px; height: 1px;"></div>
<a href="#Introduction" class="s3"><b>important!</b></a>
</div>
</div>
</div>


<div id="hoverdiv2" class="third">
<div id="hovertab2" class="third">
</div>
<div id="hovercontent">
<div id="insidehovercontent">
<b>guidelines</b>
<br><a href="#rulesooc" class="s3">ooc/story rules</a>
<br><a href="#rulesschool" class="s3">school rules</a>
<br><br>
<b>explanations</b>
<br><a href="#explaintravel" class="s3">travel</a>
<br><a href="#explainmoney" class="s3">money</a>
<br><a href="#explainmail" class="s3">mail</a>
<br><br>
<a href="#faq" class="s3"><b>faq</b></a> (click)</div>
</div>
</div>