BS MOP [rqt lyt]

----------------------------------ABOUT ME---------------------------------------------------
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Nixie+One" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Pavanam" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Petit+Formal+Script" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">



<style type="text/css">
.jknopf{display:none}
body {
background:url() repeat top left fixed;
background-color:ffffff;
}

.contain div {

color:a5a5a5;
font: 7pt Arial,Helvetica,sans-serif;
overflow:auto;
text-align: left;
padding-left:0px;
}
a:link, a:active, a:visited, a.navbar:link, a.navbar:active, a.navbar:visited, a.man:link, a.man:active, a.man:visited, a:hover, a.navbar:hover, a.man:hover {
color:000000;
font: 10pt Open Sans Condensed;
}

a:link, a:active, a:visited, a:link b, a:active b, a:visited b {
font-family:Open Sans Condensed;
font-size:10px;
font-weight:normal;
letter-spacing:2px;
line-height:10px;
text-transform:uppercase;
text-decoration:none;
color:000000;
}

a:hover, a:hover b {
font-size:10px !important;
font-weight:normal !important;
letter-spacing:2px !important;
line-height:10px !important;
text-transform:uppercase !important;
text-decoration:none !important;
color:000000 !important;
opacity: 0;
background-color:ffffff !important; }

    I {font: italic 9px georgia; text-transform:none; color:4a4a4a; line-height:5px;}
    B {font: bold 12px Alegreya Sans; text-transform:uppercase; color:d8d1cd; letter-spacing: .5px; line-height: 6px;}
    STRONG {font: 15px Pavanam; text-transform:uppercase; color:a82938; line-height:5px; letter-spacing:0px;}
    EM {font: 8px Lucida Sans Unicode; text-transform:uppercase; color:a09f9f; line-height:5px;}

H1 {font: normal 19px courier new; text-transform:uppercase; color:ffffff; line-height: 14px; margin: 5px; text-align: right; background-color:030303; line-spacing: 3px}

H2 {font: normal 15px Open Sans Condensed; text-transform:uppercase; color: 343434; background-color:c3dce1; line-height: 14px; margin: 5px; text-align: center; padding-top:2px; line-spacing: 3px}

H3 {font: italic 12px Times New Roman; text-transform:lowercase; color:e19490; line-height: 10px; margin: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: e19490; text-align: right; line-spacing: 3px}

H4 {font: normal 25px Roboto; text-transform:uppercase; color:a92d1c; line-height: 10px; margin: 5px; text-align: center; padding-top: 4px; line-spacing: 5px}

H5 {font: normal 12px Times New Roman; text-transform:normal; color:808080; line-height: 10px; margin: 4px; text-align: left; padding-top: 4px; line-spacing: 5px}

H6 {font: normal 14px Bebas; text-transform:lowercase; color:EB803F; line-height: 10px; margin: 2px; text-align: center; line-spacing: 3px}

H7 {font: normal 40px Petit Formal Script; text-transform:normal; color: cdced6; line-height: 45px; margin: 5px; text-align: center; padding-top:2px; line-spacing: 3px}

H8 {font: normal 12px Cormorant Garamond; text-transform:normal; color: cdced6; line-height: 45px; margin: 5px; text-align: center; padding-top:2px; line-spacing: 3px}



.jlinks {
text-transform:uppercase;
text-align:center;
font-family:'courier new';
font-size:10px;
color:ffffff;
margin-top:168px;
margin-left:200px;
}

.jlinks a {
margin-bottom:-15px;
height:50px;
width:300px;
text-align:center;
padding:6px;
letter-spacing:3px;
color:ffffff;
font-family:'courier new';
background-color:929d9e;
font-size:10px;
text-transform:uppercase;
text-align:center;
display:inline;
}

.jlinks a:hover {
background-color:ffffff;

}

.memberlinks {
text-transform:uppercase;
text-align:center;
font-family:'Open Sans Condensed';
font-size:12px;
color:ffffff;
}

.memberlinks a {
height:15px;
width:150px;
text-align:center;
padding:2px;
line-spacing: 2px;
letter-spacing:3px;
color:ffffff;
display:block;
font-family:'Open Sans Condensed';
background-color:aa9f9d;
border-style:solid;
border-width:2px;
border-color:ffffff;
font-size:12px;
text-transform:uppercase;
text-align:center;
}

.memberlinks a:hover {
background-color:ffffff;
}

#apcredit {
    bottom: 5px;
    right: 5px;
    position: fixed;
    padding: 3px;
    color: #6C5749;
    font-family: oswald;
    font-size: 10px;
    text-transform: uppercase;
    }


.extra{width:770px;height:206px;top:-115;left:30px;position:absolute; border-style:solid; border-width:1px;border-color:686868;}

.biography{width:200px;height:150px;top:100px;left:200px;position:absolute;border-style:solid;background-color:d8d1cd;border-width:4px;border-color:aeb4a3;}

.music{width:220px;height:40px;top:100px;left:410px;position:absolute;border-style:solid;background-color:d8d1cd;border-width:4px;border-color:aeb4a3;}

.image2{width:220px;height:250px;top:150px;left:410px;position:absolute;border-style:solid;background-color:d8d1cd;border-width:4px;border-color:aeb4a3;}

.calendar{width:200px;height:140px;top:260px;left:200px;position:absolute;border-style:solid;background-color:d8d1cd;border-width:4px;border-color:aeb4a3;}

.neighborhood{width:200px;height:140px;top:410px;left:200px;position:absolute;border-style:solid;background-color:d8d1cd;border-width:4px;border-color:aeb4a3;}

.members{width:200px;height:140px;top:410px;left:-10px;position:absolute;border-style:solid;background-color:d8d1cd;border-width:4px;border-color:aeb4a3;}

.aims{width:220px;height:140px;top:410px;left:410px;position:absolute;border-style:solid;background-color:d8d1cd;border-width:4px;border-color:aeb4a3;}

#image1 {
  position:relative;
   height:300px;
  width:200px;
  margin:0 auto;
}

#image1 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#image1 img.top:hover {
  opacity:0;
}

#textbox{width:700px;height:50px;top:25px;left:25px;position:absolute;border-style:solid;border-width:0px;border-color:686868;}

#textbox2{width:700px;height:90px;top:420px;left:30px;position:absolute;border-style:solid;border-width:0px;border-color:686868;}

.image1{width:200px;height:300px;top:100px;left:-10px;position:absolute;border-style:solid;background-color:d8d1cd;border-width:4px;border-color:aeb4a3;}

.hold{background-color:transparent}
.contain{left:50%;margin-left:-400px;top:150px;position:absolute;z-index:0;background-color:transparent;visibility:visible}
.corner{left:0;top:0;position:absolute;z-index:9;visibility:visible !important}
.mpd{left:50%;margin-left:-400px;top:0;position:absolute;z-index:9;visibility:visible !important}
.comments{display:none}
.contacttable,.profileinfo,.latestBlogEntry,.interestsAndDetails,.extendedNetwork,.orangetext15{display:none}
.bodyContent div div form{display:inline}
.bodyContent table table table{visibility:hidden}
a img{border:none}
td,form{margin:0;padding:0}
table,tr,td{background:transparent}
jknopf{display:none}
</style>


    *<HIDING>*
    <br />
    <style>.clearfix {margin-top: -100px;}</style>
    <p>

    <br />
    <style>.friendscomments{display:none;}</style>
    <p>

    <br />
    <style> div td {display:none;} table {top:24px; position:relative;} table table {top:0px; position:relative;}</style>
    <p>

    <br />
    <style type="text/css">table.latestblogentry {display: none;}</style>
    <style>.extendednetwork{display:none;}</style>
    <p>

    <style>
    [id="footerWarpper"] { display: none; }
    </style>




    <style>
    table.profileInfo td td {display:none;}
    table.profileInfo td td.text {display:table-cell; _display:inline;}
    </style>


         <style>.nametext{display:none;}</style>

    <STYLE type=text/css> .contacttable {display: none;}</STYLE>

    <br />
    <style>.blurbs{display:none;}</style>
    <p>


<style type="text/css">.profileInfo {display:none;}</style>

    <br />
    <style>.friendspace{display:none;}</style>
    <p>

    <br />
    <style>.userprofileurl{display:none;}</style>
    <p>

    <br />
    <style>.userprofiledetail{display:none;}</style>
    <p>

    <br />
    <style>table div font {display: none;}</style>
    <p>

    <style>.interestsanddetails{display:none;}</style>

    <style>.userprofiledetail{display:none;}</style>

    <style>.lightbluetext8{DISPLAY:none;VISIBILITY:hidden;}</style></style>



    *<MISC>*
    <style>td.text table {position:relative; top: -48px;}td.text table table {position:static;}</style>

    <style> div td {display:none;} table {top:0px; position:relative;} table table {top:0px; position:relative;}</style>

---------------------------------LIKE TO MEET-------------------------------------------------



   </td>
</tr>
</table>
</td>
</tr>

</table>
<br />
<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0">

<div class="hold"><div class="contain">

<div class="image1">
<div id="image1">
  <img class="bottom" src="http://i.imgur.com/qbRENlG.gif" />
  <img class="top" src="http://i.imgur.com/JaKXIM8.gif" />


</div></div>

<div id="textbox"><h7>Boston Strong Members</h7></div>


<div class="biography">
<div style="padding: 5px; margin: 5px; width: 180px; height: 130px; background-color: ffffff; text-align:justify;">
put a nice message to your members here.
</div></div>


<div class="calendar">
<div style="padding: 5px; margin: 5px; width: 179px; height: 119px; background-color: ffffff; text-align:justify;"><center> <strong>the calendar</strong></center><br>
<i>00/00</i> - update here <a href="/">event link</a><br>
<i>00/00</i> - update here<br>
<i>00/00</i> - update here<br>
<i>00/00</i> - update here<br>
<i>00/00</i> - update here<br>
</div>
</div>

<div class="music">
<div style="padding: 5px; margin: 5px; width: 200px; height: 20px; background-color: ffffff; text-align:justify;">
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
    <param name="bgcolor" value="#ffffff" />
    <param name="FlashVars" value="mp3=http://googeldrive.com/host/0B3lVZkfDdCqZQU5CS2VfdzFZbVk&autoplay=1&showstop=1&showvolume=1&sliderwidth=5&sliderheight=5&bgcolor1=ffffff&bgcolor2=ffffff&slidercolor1=aeb4a3&slidercolor2=aeb4a3&sliderovercolor=aeb4a3&buttoncolor=aeb4a3&buttonovercolor=aeb4a3" />
</object></div></div>

<div class="image2">
<img src=http://i.imgur.com/Q3kYHJ4.gif>
</div>

<div class="neighborhood">
<div style="padding: 5px; margin: 5px; width: 179px; height: 119px; background-color: ffffff; text-align:justify;"> <h3>neighborhood points</h3>
<b>NEIGHBORHOOD - (00)</b><br>
point here - 0pt<br>
point here - 0pt<br><br>

<b>NEIGHBORHOOD - (00)</b><br>
point here - 0pt<br>
point here - 0pt<br><br>

<b>NEIGHBORHOOD - (00)</b><br>
point here - 0pt<br>
point here - 0pt<br><br>


</div></div>

<div class="members">
<div style="padding: 5px; margin: 5px; width: 180px; height: 120px; background-color: ffffff; text-align:justify;">
<h3>our members</h3>
<div class="memberlinks">
<a href="/home.php">member name</a>
<a href="/home.php">member name</a>
<a href="/home.php">member name</a>
<a href="/home.php">member name</a>
<a href="/home.php">member name</a>
<a href="/home.php">member name</a>
<a href="/home.php">member name</a>
<a href="/home.php">member name</a>
<a href="/home.php">member name</a>
</div>
</div></div>

<div class="aims">
<div style="padding: 5px; margin: 5px; width: 200px; height: 120px; background-color: ffffff; text-align:justify;">
<h3>aim database</h3><center>
<i>NAME</i> - AIM SCREENNAME<br>
<i>NAME</i> - AIM SCREENNAME<br>
<i>NAME</i> - AIM SCREENNAME<br>
<i>NAME</i> - AIM SCREENNAME<br>
<i>NAME</i> - AIM SCREENNAME<br>
<i>NAME</i> - AIM SCREENNAME<br>
</center></div></div>

</div></div></div>
<table><tr><td>
<table><tr><td>

   </td>
</tr>
</table>
</td>
</tr>

</table>
<br />
<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0">


</div>
--------------------------------INTERESTS-----------------------------------------------------
</td>
</tr>
</table>
</td>
</tr>

</table>
<br />
<table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="800" bgcolor="ffcc99" border="0">

<div class="jlinks">
<a href="/home.php">HOME</a>
<a href="/send_message.php?member_id=DIGITS">MESSAGE</a>
<a href="/add_comment.php?member_id=DIGITS">COMMENT</a>
<a href="/home.php">STREAM</a>
<a href="/home.php">BULLETINS</a>
<a href="/view_blog.php?id=LINKHERE">NAVIGATION</a>
<a href="/apotelesm">C</a>