@charset "utf-8";
.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: 0; font-family: Arial, Helvetica, sans-serif; background: url(/images/bg.gif) repeat-x top #f2f2f2; }
#wrap { width: 1000px; margin: auto; position: relative;  }
#head { margin-bottom: 16px; position: relative; height: 93px; }
#head img { position: absolute; top: 0; left:0; }
#head p { background: url(/images/headbg.gif) repeat-x; height: 32px; position: absolute; right:0; top:0; margin-top: 8px; color: #ccc; font-size: 11px; width: 760px; padding: 5px 10px; text-align: center; }
#head p a.bookmark { background: url(/images/bookmark.gif) no-repeat; height: 23px; width: 126px; float: right; margin-top: 4px; }
#head p a.bookmark span { display: none; }
ul#nav { list-style: none; margin: 0; padding:0; top: 60px; right:0; position: absolute; display: block; }

ul#nav li { float: left; height: 34px; background: url(/images/tab_right-trans.gif) no-repeat right top; margin-left: 5px; display: inline; }
ul#nav li a { float:left; height: 34px; background: url(/images/tab_left-trans.gif) no-repeat left top; color: #8b6800; font-size: 11px; font-weight: bold; text-decoration: none; outline:none; display: inline; }
ul#nav li a span { float:left; background: url(/images/tab_bg-trans.gif) repeat-x top; height: 28px; margin: 0 7px; padding: 6px 7px 0 7px; display: inline; }
ul#nav li a:hover { text-decoration: underline; color: #0C3B85; }

ul#nav li.active { float: left; height: 34px; background: url(/images/tab_right.gif) no-repeat right top; }
ul#nav li.active a { float:left; height: 34px; background: url(/images/tab_left.gif) no-repeat left top; color: #333; font-size: 11px; font-weight: bold; }
ul#nav li.active a span { float:left; background: url(/images/tab_bg.gif) repeat-x top; height: 28px; margin: 0 7px; padding: 6px 7px 0 7px; }

#left {  width: 157px; float:left; clear:left; }
#left .left { background: url(/images/left_bg.gif) repeat-y; margin-bottom: 10px; }
#left .left h1 { background: url(/images/left_top.gif) no-repeat top; margin: 0; color: #de0072; font-size: 14px; padding: 5px 0 4px 16px; }
#left .left .inner { background: url(/images/left_bottom.gif) no-repeat bottom; padding-bottom: 2px; }
#left .left ul { list-style: none; margin:0; padding: 0; }
#left .left ul li { border-top: 1px solid #ccc; margin: 0 1px; display: block; padding:0; }
#left .left ul a { display: inline-block; }
#left .left ul li a { font-size: 14px; font-weight: bold; color: #444; background: url(/images/arrow.gif) no-repeat 6px center; padding: 5px 6px 5px 16px; text-decoration: none; display: block; }
#left .left ul li a:hover { color: #de0072; background: url(/images/arrow.gif) no-repeat 8px center #f2f2f2; }
#left .small ul li a { font-size: 11px; padding: 6px 6px 6px 16px; }

#right { width: 841px; margin-left:2px; float:left; }
#right .feature, #right .tbl { margin-bottom: 13px; }

#right .tbl img { float:left; border: 1px solid #ccc; margin: 0 0 4px 4px; }
#right .tbl a:hover img { border-color: #de0072; }
#right h1 { margin: 0 0 4px 4px; border-bottom: 3px solid #de0072; padding: 0px 4px 4px 5px; font-size: 22px; color: #444; clear:left; position: relative; }
#right h1 a.bookmark { background: url(/images/bookmark_grey.gif) no-repeat; height: 23px; width: 126px; position: absolute; right:0; top: 2px; }
#right h1 a.bookmark span { display: none; }

#right .feature ul { list-style: none; margin:0; padding: 0; }
#right .feature ul li { float:left; margin: 0 0 4px 4px; padding:0; display: inline; }
#right .feature ul li img { display: block; border: 1px solid #ccc; }
#right .feature ul li a { color: #444; text-align: center; font-weight: bold; display: block; }
#right .feature ul li a:hover { color: #de0072; }
#right .feature ul li a:hover img { border-color: #de0072; }
#right .feature ul li p { width: 256px; font-size: 11px; text-align: center; margin: 4px 10px; color: #666; }

.toplist { clear:left; margin: 20px 0; }
.toplist h1 {margin: 0 0 4px 0; border-bottom: 3px solid #de0072; padding: 0px 4px 4px 5px; font-size: 22px; color: #444; clear:left; position: relative;}
.toplist ul { margin: 5px 0; width: 192px; font-size: 12px; float:left; display: inline; padding: 0 4px; list-style: none; }
.toplist ul li { padding: 3px 0; color: #666; }
.toplist ul li a { font-weight: bold; color: #de0072;  }
.toplist ul li a:hover { color: #000; }

/* Pagination */
.pages a { border: 1px solid #ccc; padding: 2px 8px; text-decoration: none; font-size: 12px; font-weight: bold; color: #de0072;}
.pages a:hover { color: #f2f2f2; background: #de0072; }
.pages { font-size: 12px; font-weight: bold; border-top: 1px solid #ccc; padding-top: 10px; color: #666; text-align: right; }
.pages strong.active { border: 1px solid #ccc; padding: 2px 8px; color: #333; }

#footer { padding: 20px; text-align: center; color: #ff3ba0; font-size: 11px; border-top: 2px solid #fff; background: url(/images/bg.gif) repeat-x; }