div.statusbar
{
	display: block;
	border: #ff9933 0px solid;
	padding: 6px;
}
div.statusbar A
{
	color: #cc0000;
	font-weight: bold;
}


div.aboutus
{
	float:right;
	display: block;
	border: #b0cdea 5px solid;
	background-color: #f3f3f3;
}
div.aboutus .logo
{
	float:left;
	width:190px;
	border-top: #81a8d0 1px solid;
	border-left: #81a8d0 1px solid;
	border-bottom: #81a8d0 1px solid;
	background-color: #ffffff;
	padding: 4px;
	font-size: 14px;
	line-height: 18px;
}
div.aboutus .intro
{
	float:right;
	width:459px;
	height:70px;
	border-top: #81a8d0 1px solid;
	border-right: #81a8d0 1px solid;
	border-bottom: #81a8d0 1px solid;
	background-color: #f3f3f3;
	padding: 3px;
	padding-left: 8px;
	font-size: 14px;
	line-height: 18px;
	color:#999999;
}




div.topics
{
	width: 230px;
	margin: 6px auto 0px auto;
	display: block;
}

div.topics UL
{
}

div.topics LI
{
	line-height: 24px;
}

div.topics LI A
{
	color: #666666;
	font-size: 12px;
}
div.topics LI A:hover
{
	color: #336699;
	text-decoration: underline;
}

div.topics LI A.column
{
	color: #cccccc;
	line-height: 24px;
}




div.join
{
	height: 200px;
	border: #eeeeee 5px solid;
}




div.film .record_pre
{
	display: block;
	height: 152px;
	overflow: hidden;
	background-color: #fffefe;
}
div.film .record_pre .intro
{
	float: left;
	width: 205px;
	height: 130px;
	padding: 10px;
	line-height: 24px;
}
div.film .record_pre .intro H1
{
	color: #ff6600;
	font-size: 14px;
	font-weight: bold;
}
div.film .record_pre .intro H1 A
{
	color: #ff6600;
	font-size: 14px;
	font-weight: bold;
}
div.film .record_pre .intro span
{
	color: #999999;
}
div.film .record_pre .enter
{
	text-align: right;
}
div.film .record_pre .cover
{
	float: right;
	width: 450px;
	height: 150px;
	border-left: #eeeeee 5px solid;
}
div.film .record_pre A img
{
	border: #cccccc 1px solid;
}
div.film .record_pre A:hover img
{
	border: #ff6600 1px solid;
}


/*
table.item .intro
{
	color: #336699;
	padding: 8px;
}
table.item .intro H1
{
	color: #ff6600;
	font-size: 14px;
	font-weight: bold;
}
table.item .intro H1 A
{
	color: #ff6600;
	font-size: 14px;
	font-weight: bold;
}

table.item .intro span
{
	color: #999999;
}


table.item .pics
{
	border-left: #eeeeee 10px solid;
	text-align: right;
}
table.item .pics A img
{
	border: #cccccc 1px solid;
}
table.item .pics A:hover img
{
	border: #ff6600 1px solid;
}



<div class="con">
    <h1>
        桂竹园</h1>
    <span>2009年04月11日</span>
    <br />
    <span>总人数：</span>26人
    <br />
    <span>狗狗们：</span>23条
    <br />
    <span>领&nbsp;&nbsp;队：</span>兔子
    <div class="cover">
        <a href="/Record/20090411">
            <img src="/Images/Default/20090411.gif" border="0" /></a>
    </div>
    <table class="item" cellpadding="0" cellspacing="0">
        <tr>
            <td valign="top">
                <div class="intro">
                </div>
            </td>
            <td width="450" class="pics">
            </td>
        </tr>
    </table>
</div>
*/