Pokédex IMVU layout (Venomoth)

<!-- Rieno style sheet for Pokedex layout -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<style>
body{background:#fff;}
.mainContent{width:820px; height:600px; overflow:none; margin:0 auto 0 auto; color:#000;}
.leftPanel{width:438px; height:600px; float:left; margin:0 0 0 0; background:url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_BT1URSK10R1514704877.png)}
.rightPanel{width:363px; height:600px; float:left; margin-left:-1px; margin-top:32px; background:url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_PF62SxlNr01305642928.png) top left no-repeat;}
.abtPan{ margin-left:35px; margin-top:139px; width:294px; height:157px; font-family:Tahoma; overflow-x:hidden; overflow-y:auto; display:block;}
.locPan{ margin-left:35px; margin-top:139px; width:294px; height:157px; font-family:Tahoma; overflow-x:hidden; overflow-y:auto; display:none;}
</style>
<!-- Main Block // You may modify the information in here but do so at your own risk -->
<div class="mainContent">
    <div class="leftPanel">
    <a href="javascript:void(0)" onclick="IMVU.AvatarCard.showPopup(128813264); return false;"><img style="margin-left:38px; margin-top:225px;" src="http://www.imvu.com/catalog/web_av_pic.php?av=Venomoth" /></a>
    </div>
    <div class="rightPanel">
    <div class="abtPan" style="font-size:12px;">
        <center><p style="font-size:16px">Venomoth Personal Stats:</p></center>
        <p>Age: 24</p>
        <p>Current Location: USA</p>
        <p>Affinity: Unavailible (Taken)</p>
    </div>
    <div class="locPan" style="font-size:12px;">
        <center><p style="font-size:16px;">Venomoth Spawn Locations:</p></center>
        <p><a href="imvu:JoinPublicRoom?room_instance_id=128813264-251">.Oii.</a> &nbsp; Chance of spawn: High</p>
        <p><a href="imvu:JoinPublicRoom?room_instance_id=128813264-22">::Sugar Skull Dream::</a> &nbsp; Chance of spawn: Moderate</p>
        <p><a href="imvu:JoinPublicRoom?room_instance_id=128813264-155">.C O R A L.</a> &nbsp; Chance of spawn: Low</p>
    </div>
    <img src="http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_V4nqgolz7G2075411465.png" usemap="#Map" style="margin-top:26px; margin-left:0px;" border="0" />
    <map name="Map" id="Map">
      <area shape="rect" coords="42,14,158,44" href="javascript:void(0)" onclick="$('.abtPan').css({display: 'block'}); $('.locPan').css({display: 'none'});" />
      <area shape="rect" coords="50,62,154,88" href="javascript:void(0)" onclick="$('.abtPan').css({display: 'none'}); $('.locPan').css({display: 'block'});"/>
      <area shape="rect" coords="218,202,275,219" href="http://avatars.imvu.com/Rieno" target="_new" />
<area shape="rect" coords="223,15,306,43" href="http://www.imvu.com/photos/albums/128813264/" target="_new" />
      <area shape="rect" coords="224,62,303,90" href="http://www.imvu.com/shop/web_search.php?manufacturers_id=128813264" target="_new" />
    </map>
    </div>
</div>
<iframe style="display:none" width="0" height="0" src="//www.youtube.com/embed/JvKoBnv96PM?autoplay=1" frameborder="0" allowfullscreen></iframe>
<!-- IMVU SCRIPTS TO HIDE PANELS -->

<script>
function changeTitle(divID,divTitle)
{
document.getElementById(divID).innerHTML=divTitle;
}
</script>

<style type="text/css">
   #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
   #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
   #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
   #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel, #outfits_panel {
      width:900px !important;
   }
   #rightColumn {
      display:none !important;
   }
</style>
<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>
<style type="text/css">
.paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
</style>