html,body{height:100%;}
body{margin:0;background:url(../images/bg.gif) #143264 repeat-x;}
body,td,th{font:13px/1.8em tahoma;color:#333;vertical-align:top}
input,textarea{font:12px tahoma}
img{border:none}
hr {border:0; height:1px; background-color:#d4d4d4;color:#d4d4d4}

h2{color:#039}
h3,h4{color:#da1}

.fl{float:left}
.fr{float:right}
.cl{clear:both}

dd{margin-left:16px}

#main{width:990px;margin:0 auto}
#indent{background:url(../images/main_bg.gif) repeat-y}
#footer{background:url(../images/bottom_bg.gif)}
#footer div{margin:10px 10px 5px 10px}

#ml{width:210px}
#mr{width:770px;min-height:100%;height:auto !important;height:100%}

#title_bar img{float:left}
#func{margin:10px;text-align:right}
#func a{background:url(../images/spot.gif) no-repeat 0 5px;padding:0 0 3px 12px}

#top{background:url(../images/top_bg.gif) repeat-y top;padding-top:10px}
#top .func{margin:0 10px;text-align:right}
#top dl{margin:30px 0 0 0;width:100%}


#widget{width:210px;background:url(../images/left_bg.gif) no-repeat top;margin:10px 0}
#widget .t1, #widget .t2{margin-left:16px}
#widget .t1{font:12px/1.3em tahoma}
#widget .t2{font:11px/1.2em tahoma;color:#da8815;margin-bottom:8px}
#widget ul{margin:0;padding:0 0 0 28px}
#widget li{margin:0;padding:0}

#memo{margin:15px}
#memo ol{margin:10px 0 20px 0}
#memo ol li{padding:0;margin:0}
#memo blockquote{margin-right:0}

#ri_photo{margin:0 10px 10px 0;padding:4px;border:1px solid #ccc}

#tb_style{width:100%;border-collapse: collapse}
#tb_style tr {background: url(../images/tbbg.png) repeat-x #F8F8F8}
#tb_style tr:hover {background: #FFF}
#tb_style thead th{color: #139;font:bold 15px/1.5em tahoma;text-align:left}
#tb_style td, #tb_style th {padding:6px; border-bottom: 1px solid #EEE}
#tb_style tfoot th{border:none;padding:10px}

#tb_style2{width:100%;border-collapse: collapse}
#tb_style2 th,#tb_style2 td{padding:3px}
#tb_style2 thead th{background:#69C;font-weight:bold;color:#FFF}
#tb_style2 tfoot th{border:none;padding:10px}
#tb_style2 .other{background:#BFD5EA}

.smallword{font-size:11px;color:#777}

#top .select{width:auto;text-align:center;margin:34px 0 5px 0;padding:0 10px;border-left:1px solid #ccc}

.menu {margin:34px 0 5px 0; padding:0; list-style:none; height:30px; position:relative}
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:30px; line-height:35px; color:#000; text-decoration:none; padding:0 12.5px; cursor:pointer;border-left:1px solid #ccc}
.menu li a.top_link:hover {color:#F90}
.menu li:hover > a.top_link {}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:0; top:30px; background: #fff; border:1px solid #ccc; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; position:relative; float:left; width:200px;border-bottom:1px  dotted #ccc}
.menu :hover ul.sub li a {display:block; width:200px; line-height:40px; text-indent:5px; color:#000; text-decoration:none;background: url(../images/tbbg.png) repeat-x #F8F8F8}
.menu :hover ul.sub li a:hover {background:#999; color:#fff;}

a{color:#36c;text-decoration:none;}
a:hover{color:#F90;text-decoration:underline;}