<center>
<style type="text/css">
.menu {
padding-left: 5px;
text-align: center;
}

.menu a {
padding: 1px 1px 1px; 
margin-right: 1px;
margin: 1px 0;
width: 100px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 160px;
text-align: center;
font-size: 12px;
width: 480px;
}

.submenutext {
display: none; 
height: 60px;
}


#MenuTxT {
 background:url(...) no-repeat center;
}

#submenu A {
color: #CCC; 
}
.menu .tabactive {
color: 583f33;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.menu a").click(function() {
    $("div.menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>
  <div align="center">

<table>
<tbody>
 <tr>

  <td >

    <div class="menu"> <b>
<a alt=#sm1 "style="cursor: pointer;"><img src="http://savepic.net/1464863.png" /></a><br>
<a alt=#sm2 "style="cursor: pointer;"><img src="http://i51.tinypic.com/30j4en7.png" /></a><br>
<a alt=#sm3 "style="cursor: pointer;"><img src="http://savepic.net/1640588.png" /></a>
</b>
  </div>


</td>


  <td>


   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
<div id="sm1" class="submenutext">
<br/><br/>
<div align="center"><font color="#3c2e28">
Мы в собственном ритме днем и ночью; 
<br/>
So come as you are. С нами круто... очень!
<br/>
<strong>Мы рады приветствовать вас на ролевой <font color="#205476">Beautiful & Dirty Rich</font>! Располагайтесь и чувствуйте себя, как дома ;) </strong>
<br/><br/>
<strong><font color="#196b7a">Объявление:</font></strong>  Не засиживайтесь на главной странице. Вступайте в игру) Нет идей? Не бойтесь обращаться к администрации. Всегда рады помочь)) Активнее, друзья-товарищи!

<br/>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=133 ">Толкнуть идею</a> | <a href="http://goodlife.7bb.ru/viewtopic.php?id=2586#p161456 ">Квесты</a> 
</strong> 
<br/>
</div>
</div>

<div id="sm2" class="submenutext">
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=1484"><b>F.A.Q.</b></a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=4">Правила</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=38">Занятые роли</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=571#p14821">Мы очень ждем...</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=134">Вопросы</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=133">Предложения</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=2">Суть игры</a>
<br/>
<a href="http://goodlife.7bb.ru/viewtopic.php?id=378#p8170">Предупреждения и бан</a>
<br/>
<a href="http://goodlife.7bb.ru/viewforum.php?id=35">Реклама</a>
</div>

<div id="sm3" class="submenutext">
<br/>
<font color="#285b72"><strong>Ведущая</strong></font>:...
<br/>
<br/>
<font color="#285b72"><strong> Мероприятие</strong></font>: ...
<br/>
<br/>
<font color="#285b72"><strong> Место проведения</strong></font>: 
<a href="...">...</a> 
<br/> 
<br/>
<font color="#285b72"><strong> Время проведения</strong></font>: ...
<br/>
<br/>
<font color="#285b72"><strong> Гости</strong></font>: ...
 </div>


      
 <div id="sm5" class="submenutext" style="display:block;">
<br/>
<img src="http://savepic.su/214808.png" />
</div>

     <div id="sm6" class="submenutext">

<div style="overflow: scroll; overflow-x: hidden; height: 150px; width: 470px"> 
<div align="center"> 
Можно сказать, что Лос-Анджелесе все идет своим чередом. Люди встречаются, общаются, ссорятся, развлекаются и главное работают. 
<br/>
Вот уже несколько человек, а именно Роузи-Хантингтон-Уайтли, Джаред Лето и Джастин Тимберлейк согласились участвовать в съемках нового фильма «Грусть не для тебя», но пока лишь только на «бумажном» уровне. Непосредственными действиями на съемочной площадке ребята заняты не были, так что нам остается только ждать, пока наладится длительный процесс работы над лучшими дублями. Однако раз произошло подписание контрактов, то принято это дело обмыть, вот двое из этой троицы и отправились в клуб, чтобы как следует повеселиться. 
<br/>
Также работой заняты еще одни не менее известные личности – Меган Фокс и Колин Фаррелл. Те, правда, уже приступили к непосредственной съемке благотворительного ролика прямо на берегу океана под палящим солнцем и в сопровождении целой оравы детей. Что ж, посмотрим кто кого. 
<br/>
<br/>
<strong>Хотите красивой жизни? Присоединяйтесь к нам!</strong>
</div> 
</div>

</div>

    <div id="sm7" class="submenutext">
<br/>
<table width="100%" border="0">
<tr>
<td >
<b>Время</b>
<br/>
<br/>
10.10 - 11.10 - утро;
<br/>
12.10 - 14.10- день;
<br/>
15.10 - 16.10 - вечер;
<br/>
17.10 - 18.10 - ночь.
<br/>______________<br/>
<br/>
<strong>19 августа, 2010 г.</strong>
<br/>______________<br/>
</td>
<td>
<b>Погода</b>
<br/>
<br/>
<u>Лос-Анджелес: </u>
<br/>
<strong>Температура воздуха:</strong> +22...+25.
<br/>
<strong>Ветер: </strong> 4 м/с, юго-западный.
<br/>
<strong>Влажность воздуха: </strong> 73%.
<br/>
<br/>
<div align="center">  <img src="http://s011.radikal.ru/i317/1105/e5/91dbe03a5727.png" /></div> 
</td></tr></table></div>

  </td>


  <td aligh="right">

  <div class="menu"> <b>
<a alt="#sm5" style="cursor: pointer;"><img src="http://i51.tinypic.com/1zmjx93.png" /></a><br>
<a alt="#sm6" style="cursor: pointer;"><img src="http://i54.tinypic.com/n5rldt.png" /></a><br>
<a alt="#sm7" style="cursor: pointer;"><img src="http://i56.tinypic.com/f43ec.png" /></a><br> 
 </b>
  </div>



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

 </tr>
</tbody>

</table>
</div>
</center>