body {text-align:center;font:normal 12px arial;background:#8CDACC url(../images/bg.png)}
* {margin:0; padding:0;}
img {border:0}
a { color: #630;}
ul, li {list-style:none}
h2 {font:normal 14px verdana;margin:0 40px 10px 0;text-align:right;}
h2 a,#footer a  {color:#555}
#header {text-align:left;margin:10px auto 0 auto;background:url(../images/bg-header.png)}
#header p {text-align:center;padding:5px 0;border-top:1px dotted #eee;border-bottom:1px dotted #eee;}
#header p a {font:normal 18px tahoma;margin-right:12px;color:#c0c}
#header img { vertical-align:middle;margin-right:2px;}
#header dl.h {background:url(../images/c_tl.gif) top left no-repeat;}
#header dl.h dt {background:transparent url(../images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}

/*main frame*/
#cont,#sug {margin:0 auto;background:#fff url(../images/bg.gif);}
#cont td {vertical-align:top;}
#cont td.pn {vertical-align:middle;text-align:center}
#cont #side {width:160px;padding:20px 0;}
#cont #main {width:728px;padding:10px 0 30px 0}
#header,#header dl.h,#cont,#sug{width:888px}
#cont p,#sug td {font:normal 11px tahoma;padding-top:5px}
#sug {padding:0 0 30px 0;height:130px}


#links ul {padding:0 10px;text-align:left}
#menu {margin-bottom:10px;}
#menu ul {padding:0 5px;text-align:left}
#menu li {display:block;padding:0 5px 0 12px;border-bottom:1px dashed #F2CCBA;background:url(../images/dot.gif) no-repeat left center;}
#menu a {color:#630;text-decoration:none;display:block;font:normal 13px arial;padding:4px 0 1px 0;}
#menu img {vertical-align:middle;margin-right:3px}
#menu .selected {background:url(../images/on.gif) no-repeat right center;font:bold 13px arial}

/*category section on mainpage*/
.list {clear:both;text-align:center;}
.list div {text-align:center;margin:5px 0}
.list p {display:block;float:left;width:25%;text-align:center;height:160px;}
.list p img,#sug td img {margin-bottom:1px;padding:10px;background:#fff url(../images/bg-tn.png);}
.list p .imgrate, #main #popbox p .imgrate{vertical-align:middle;}
.list p a {font:bold 14px arial;color:#630}
.list p span {font-size:10px;color:#666}
.list p span.manage a {font:normal 10px tahoma;color:#690}

#path,p.desc {width:93%;margin:0 auto 5px auto}
#path td {width:50%;text-align:right;vertical-align:middle;font:normal 11px tahoma;}
#path td h1 {text-align:left;font:bold 15px arial}

/*new pagenav*/
.pageNav { clear: both; font: normal 13px/2 arial; margin: 5px 0; padding:5px 0 0 0;text-align:center}
.pageNav a {padding: 2px 5px; height: 18px;color:#630 }
.pageNav span.curPage { background: #630; color:#fff; padding: 2px 5px; }
.pageNav .pn {font:normal 18px arial;}
.alignMid { vertical-align: middle; margin: 0 2px; }

#footer {margin:20px auto;width:600px;font:normal 11px arial;color:#555}
#footer img {vertical-align:middle}