* { padding: 0; border: 0; margin: 0; }
body { font-family: Arial; background: url(images/bg.gif) repeat-x left top #595146; } 

ul, li { list-style: none; }
ul li { float: left; margin-left: 10px; }

.clear { clear: both; float: none; }

a { text-decoration: none; color: #ffffff }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { display: inline; line-height: normal; height: auto; font-weight: normal; margin: 0; padding: 0; color: inherit; text-decoration: inherit; }
h1 { font-size: 24px; }
h2 { font-size: 15px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }
 
#top { width: 900px; margin: auto; margin-bottom: 10px; margin-top: 10px; }
#top .top_menu { width: 100%; line-height: 30px; height: 30px; }
#top .top_menu ul { float: right; padding-right: 10px; }
#top .top_menu h3 { line-height: 30px; }
#top .top_menu a { color: #ffffff; }

#top .middle { margin-top: 10px; width: 890px; padding-left: 10px; height: 200px; background: url(images/top.jpg) no-repeat; }
#top .middle ul { margin: 10px; margin-left: 0; border: 1px solid #666; width: 198px; float: left; padding: 5px 0 5px 0 }
#top .middle ul li { float: none; }
#top .middle .info { float: left; width: 658px; margin: 10px 0 10px 0; padding-left: 10px; padding: 5px; }

#top .bottom_menu { width: 100%; line-height: 30px; height: 30px; margin-top: 10px; background: #585757; }
#top .bottom_menu h3 { line-height: 30px; }
#top .top_menu a { color: #ffffff; }

#content { margin: auto; margin-top: 10px; width: 900px; }
#content .box { width: 228px; margin-bottom: 10px; } 
#content .box ul li { float: none; }
#content .box p { font-size: 12px; padding: 10px; color: #ffffff; }
#content .box .title { margin: 2px; text-align: center; height: 25px; font-size: 13px; font-weight: bold; background: #4c453a; line-height: 23px; color: #ffffff; }

#content #center { width: 420px; margin-left: 10px; margin-right: 10px; float: left; background: #a2a2a2; }
#content #center .center_box { width: 400px; padding: 10px; font-size: 12px; color: #ffffff; }
#content #center .center_box .text img { float: left; width: 110px; border: 1px solid #666; margin-right: 10px; margin-bottom: 10px; }
#content #center .center_box .title { margin-top: 10px; margin-bottom: 5px; padding-left: 10px; }
#content #center .center_box .title_art { margin-top: 10px; margin-bottom: 5px; padding-left: 10px; height: 25px; font-size: 13px; font-weight: bold; background: #4c453a; line-height: 25px; color: #ffffff; }
#content #center .center_box a { vertical-align: middle; font-weight: bold; line-height: 23px; font-size: 13px; }
#content #center .center_box .more { width: 100%; text-align: right; }
#content #center .center_box .more a { color: #ffffff; background: #4c453a; padding: 3px 6px 3px 6px; border-top: 1px solid #807d78; border-bottom: 1px solid #807d78; }

#content #center .ads { margin: 10px; background-color: #919191; border: 3px solid #ffffff; color: #ffffff; padding: 5px; }

#content #left { width: 230px; float: left; background: #7a7878; }
#content #right { width: 230px; float: left; background: #7a7878; }

#footer { width: 900px; margin: auto; margin-top: 10px; }
#footer .menu { width: 100%; line-height: 30px; height: 30px; background: #585757; }
#footer .menu ul { padding-right: 10px; }
#footer .menu h3 { line-height: 30px; }
#footer .menu a { color: #ffffff; }

#footer .links { width: 100%; line-height: 30px; height: 30px; margin-top: 10px; margin-bottom: 20px; background: #585757; }
#footer .links ul { padding-right: 10px; }
#footer .links h3 { line-height: 30px; }
#footer .links a { color: #ffffff; }