/* CSS Document */
* { margin: 0; padding: 0; }
body { width: 100%; text-align: center; background: #F1F1F1; font-family: arial; font-size: 12px; }
ul li { padding: 0; margin: 0; list-style: none; }
p { padding: 8px; color: #666; font-size: 12px; line-height: 20px; }
img { border: none; }
.row { width: 100%; float: left; display: inline; }
#page { width: 950px; text-align: left; margin: 0 auto; margin-top: 4px; }
#page .main { width: 100%; float: left; display: inline; background: url(images/bg.gif) repeat-y; }
#page .main .page_content { width: 928px; float: left; margin-left: 11px; display: inline; }
.main .header { width: 100%; float: left; display: inline; }
.header .htop { width: 100%; float: left; display: inline; background: url(images/top.gif) no-repeat; height: 22px; }
.header .hmid { width: 100%; float: left; display: inline; height: 60px; }
.hmid .lc { width: 14px; float: left; background: url(images/left.gif) no-repeat; height: 60px; }
.hmid .mm { width: 922px; float: left; background: url(images/mid.gif) repeat-x; height: 60px; }
.hmid .mm .logo { width: 200px; float: left; margin-left: 20px; display: inline; }
.hmid .rr { width: 14px; float: left; background: url(images/right.gif) no-repeat; height: 60px; } 
.right_nav { width: 400px; float: right; text-align: right; font-weight: bold; color: #FFF; padding-right: 20px; }
.right_nav a { color: #FFF; }
.page_content .top_menu { width: 100%; float: left; background: url(images/gline.gif); height: 36px; font-size: 14px; }
.top_menu ul { padding: 0; margin: 0; height: 36px; }
.top_menu ul li { width: 120px; text-align: center; border-right: 1px dotted #666; float: left; display: inline; height: 28px; margin-top: 4px; line-height: 28px; }
.top_menu ul li a { text-decoration: none; color: #000; }
.top_menu ul li a:hover { text-decoration: none; color: #0069bc; text-decoration: underline; }
.page_content .mid_menu { width: 100%; float: left; background: url(images/green_line.gif); height: 25px; font-size: 12px; display: inline; }
.mid_menu ul { padding: 0; margin: 0; height: 25px; }
.mid_menu ul li {text-align: center; border-right: 1px solid #eee; float: left; display: inline; height: 22px; margin-top: 2px; line-height: 22px; padding-left: 9px; padding-right: 9px; }
.mid_menu ul li a { color: #000; }
.mid_menu ul li a:hover { color: #FFF; text-decoration: underline; }
table.login { float: left; font-size: 12px; }
.lcol {width: 272px; float: left; display: inline; }
.green_box { width: 100%; float: left; display: inline; border: 1px solid #558f00; }
.green_box .head { height: 25px; background: url(images/gbox_head.gif) repeat-x; color: #345900; font-size: 16px; font-weight: bold; text-indent: 10px; line-height: 24px; }
.green_box .head .con { text-align: center; }
.red_box { width: 100%; float: left; display: inline; border: 1px solid #a20000; }
.red_box .head { height: 25px; background: url(images/redbox.gif) repeat-x; color: #FFF; font-size: 12px; font-weight: bold; text-indent: 10px; line-height: 24px; }

.area { width: 640px; margin-left: 10px; float: left; display: inline; }
.footer { border-top: 1px dotted #666; padding-top: 20px; font-size: 11px; text-align: center; margin-top: 40px; width: 900px; margin-left: 20px; color: #666; }

.area .row .l_cell { width: 79px; background: #EEE; float: left; display: inline; text-align: center; height: 80px; border-right: 1px solid #ddd; }
.area .row .m_cell { width: 400px; background: url(images/line.gif); float: left; display: inline; text-align: center; height: 80px; font-weight: bold; text-align: left; }
.area .row .r_cell { width: 160px; background: #ddd; float: left; display: inline; height: 80px; color: #222; }
.area .row .l_cell img { margin-left: 4px; margin-top: 10px; float: left; }
.area .row .m_cell span { color: #0069bc; }
.area .row .m_cell p { magin-left: 6px; }
.area .row .m_cell small { color: #000; }