.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #7d4460; background-image: url(/trannycumswappers/images/bg.gif); }
.rbd { background-image: url(/trannycumswappers/images/rbd.gif); background-repeat: repeat-y; width: 10px; }
.lbd { background-image: url(/trannycumswappers/images/lbd.gif); background-repeat: repeat-y; width: 10px; }
.maintd { background-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #8b4367; border-right-color: #8b4367; border-bottom-color: #8b4367; border-left-color: #8b4367; }
.text1 { font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #eeee38; line-height: 16px; }
.text2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #f2d0e1; }
.text3 { color: #0099FF; }
.descbox { background-color: #000000; border: 6px solid #ab517e; }
.rt { font-family: Tahoma, Arial, sans-serif; font-size: 14px; color: #FFFFFF; background-color: #e066a3; padding: 5px; }
.desc { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #FFFFFF; text-align: justify; padding: 7px; }
.mp_name { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #eeee38; background-image: url(/trannycumswappers/images/mp1.jpg); height: 58px; width: 232px; text-align: center; vertical-align: bottom; padding-bottom: 3px; }
.mp_bg { background-image: url(/trannycumswappers/images/mp2.jpg); height: 239px; width: 232px; }
.bd1 { border: 1px solid #ffff3c; }
.nav { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #f8d7e7; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #a6738c; border-right-color: #a6738c; border-bottom-color: #a6738c; border-left-color: #a6738c; color: #000000; }
.navlink { font-weight: bold; text-decoration: underline; color: #864163; }
.link1 { color: #E30600; }
.cr { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #864163; }
.nav2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 24px; letter-spacing: -1px; color:#864163 }
.navbar { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 24px; letter-spacing: -1px; }
.navbar a { color: #0033CC; text-decoration: underline; }
.navbar a.color1 { color: #c00; }
.navbar a.color2 { color: #009933; }
.navbar a.color3 { color: #fa9108; }
.navbar a.color4 { color: #730081; }
.navbar a:hover { color: #000; text-decoration: none; }

#sites { margin: auto; width: 875px; text-align: center; }
#sites h1 { text-align: center; margin: 0; padding:0; line-height: normal; font-size: 22px; }
#sites h1 a { color: #900; }
#sites h2 a { display: block; color: #900; padding: 10px; margin: 0 76px; }
#sites h2 { text-align: center; color: #000; font-size: 18px; font-weight: normal; margin: 0; padding:0; text-indent: 0; height: auto; background: none; line-height: 130%; }
#sites ul { list-style: none; }
#sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center; padding:5px 5px; font-family: Arial, Helvetica, sans-serif; }
#sites ul li a { font-weight: bold; color: #900; }
#sites ul li p { width: 181px; font-size: 12px; font-weight: bold; color: #000; margin-top:6px; height: 46px; }
#sites ul li img { display: block; border: 1px solid #000; clear: both; }
#sites ul li a:hover img { border: 1px dotted #000; }
#sites ul li a:hover { color: #000; }
#sites ul.bigsites li p { width: 385px; font-size: 16px; margin: -5px 0 -15px 0; }
#sites ul.bigsites h2 a { padding: 2px 0 5px 0; }

#join .left { float:left; width: 470px; margin: 0 0 0 25px; height: 455px; display: inline; background: url(/trannycumswappers/images/join_left.jpg) no-repeat;font-family: Arial, Helvetica, sans-serif; }
#join .left p { margin: 73px 0  0 148px; height: 41px; font-size: 13px; font-weight: bold; color: #333; text-shadow: 1px 1px 1px #fff;text-align: left; }
#join .form { float:left; display: inline; margin: 0 0 20px 30px; position: relative;border: 3px solid #ccc;padding: 0 10px 10px 10px; }
#join .form img { display: block; }
#join .form img.secure { position: absolute; top: -45px; left:25px; }
#join .stats { margin-left: 14px; margin-bottom: 20px;margin-top: 15px; }
#join .stats p { float:left; width: 127px; border: 1px solid #ccc;-moz-border-radius: 6px; -webkit-border-radius: 6px; margin-left: 10px; font-size: 13px; font-weight: bold; padding: 5px; text-align: center; display: inline; }
#join .stats p span { text-align: center; display: block; font-size: 20px; background: #e4e4e4; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 4px 0 0 0; }

#common_footer { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #000;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #864163; text-decoration: underline; }
#common_footer a:hover { color: #000; text-decoration: none; }