body   { margin:0px; background:#d9b59b url(/img/bbg01.jpg) fixed; overflow: auto }

.main  { position:absolute; top:0%; left:55%; width:45%; height:100%; overflow:auto }
.right { width: 99%; height: 100% }

.menu { position:absolute; top:0%; left:0%; z-index:3; width:108px; height:100%; background-image:url(/img/bbgl01.jpg); background-repeat:repeat-y }
.menu .tag1 a img { position:relative; left:-6px }
.menu .tag2 a img { position:relative; left:17px }
.menu a:hover img { background:url(/img/menu/hilight.gif) no-repeat; background-position:center }

.ruler, .ruler2 { position:absolute; top:0%; left:52%; z-index:3; width:30px; height:100%; background-image:url(/img/bbgm01.gif); background-repeat:repeat-y }
.headr { background-image:url(/img/line.gif); background-repeat:repeat-x; background-position:0px 50% }
.tlogo { position:absolute; top:5px; left:0px }

.ads {
 position:absolute; top:0px; left:0px; z-index:2; width:55%;
 padding: 8px 0px 0px 0px; /* border: 1px solid #0f0 */ }

.ads2 {
 position:absolute; bottom:0px; left:0px; z-index:2; width:55%;
 padding: 12px 0px 0px 0px; /* border: 1px solid #00f */ }

.ad1 {
 width: 234px; height: 60px; float: left;
 margin: 0px 5px 5px 120px; /* border: 1px solid #000 */ }

.ad2 {
 width: 234px; height: 60px; float: right;
 margin: 0px 32px 0px 5px; /* border: 1px solid #f00 */ }

.mainimg {
 height: 50%;
 margin-top: 32%;
 /* margin-left: -100px;
    padding-left:53%; */
 }

.mapimg {
 width: 88%;
 margin-top: 48%;
 /* margin-left: -100px;
    padding-left:53%; */
 }

.leftcenter {
 position:absolute; top:0%; left:0%;
 width: 52%;
 height: 100%;
 z-index: 0;
 /* border: 1px solid #a00; */
 }

.leftcontent {
 background: transparent url(/img/bbg01.jpg) fixed;
 -moz-opacity: 0.80; opacity: 0.80; filter: alpha(opacity=80);
/* background: transparent url(/img/bbg01tr.png) fixed; */
/* background: transparent url(/img/bbg01tr.gif) fixed; */
 }

.left {
 position:absolute; top:0px; left:0px; z-index:1;
/* margin-left:108px; */
/* padding-left:108px; */
 width:52%;
 height:100%;
/* border: 1px solid #0ff */
 }

.left2 {
/* margin: 0px 0px 0px 108px; */
 width: 100%;
 height: 100%;
 border: 1px solid #f0f
 }


/*
.uni   { background-image:url(/leftbg.jpg); background-repeat:no-repeat; background-position:center center }
.uni   { background-image:url(/img/unicorn.gif); background-repeat:no-repeat; background-position:bottom center }
*/

.leftlinks { font:normal 200 12px times, serif }


h1 {font:normal 200 28px times, serif}
h2 {font:normal 200 20px times, serif}
h3 {font:normal 200 18px times, serif}
h4 {font:normal 600 14px times, serif}

h1 small {font-size:12px}
h3 small {font-size:10px}

p, li {font:normal 200 14px times, serif; color:#222222}
p big {font-size:20px}
p big.article {font-size:18px}
p small {font-size:12px}
p strong {font-weight:200; color:black}

p a, h2 a {color:black}
p a:hover, h2 a:hover, p a.detail:hover u {background:url(/img/hilight.gif) no-repeat; background-position:center;}
p a.detail {text-decoration:none; color:#222222}
p a.detail u {color:black}
p a.detail:hover {background:transparent}

a {color:#333333}

td h2, td p {margin-bottom:0px}
h2.line	{margin-bottom:12px}

.nowrap {white-space:nowrap}

.line {background:url(/img/line.gif); background-repeat:repeat-x; background-position:0px 100%}
.nick small, small.nick {font:normal 200 11px times, serif}
.more small, small.more {font:normal 200 11px times, serif}
.range small {font:normal 200 13px times, serif}

.rm {font:normal 600 15px times, serif; color:#555555}
.rm a {font:normal 600 15px times, serif; color:#333333; text-decoration:underline}
.rm a:hover {font:normal 600 15px times, serif; color:black; text-decoration:underline}

small.based {font:normal 200 10px times, serif}
small.based .count {font-weight:800}

small.sm {font:normal 200 10px times, serif} .na {color:#555555}
small.sm a {font:normal 200 10px times, serif; text-decoration:none}
small.sm a:hover {text-decoration:underline}