@charset "utf-8";
/* style.css */

body { background: #fff url('design/bg_body.jpg') repeat-x left top; color: #ddd; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }
a img { border: none; }
#container { width: 780px; position: absolute; top: 0; left: 50%; margin-left: -390px; }

#head { width: 780px; height: 247px; position: relative; overflow: hidden; background: url('design/bg_head.jpg') no-repeat left top; padding-top: 8px; }
#logo { width: 220px; height: 55px; position: absolute; top: 205px; left: 25px; color: #999966; }
#logo p { margin: 0; padding: 0; margin-top: -5px; }
#logo h1 { margin: 0; padding: 0; font-size: 34px; }
#logo h1 a { color: #AE9500; text-decoration: none; font-weight: normal; }
#logo h1 a:hover { color: #fc0; }

#logo2 { width: 220px; height: 55px; position: absolute; top: 145px; left: 25px; color: #ddd; }
#logo2 p { margin: 0; padding: 0; margin-top: -5px; }
#logo2 h1 { margin: 0; padding: 0; font-size: 22px; }
#logo2 h1 a { color: #fc0; text-decoration: none; font-weight: normal; }

#top-items { position: absolute; width: 350px; height: 230px; top: 6px; right: 0; overflow: hidden; }
#top-items a.top-item-left, #top-items a.top-item-right { float: left; display: block; width: 46px; height: 45px; margin-top: 129px; background-repeat: no-repeat; background-position: left top; text-decoration: none; }
#top-items a.top-item-center { display: block; width: 238px; height: 200px; background-repeat: no-repeat; background-position: center center; float: left; text-decoration: none; background-color: #fff; margin: 0 10px;}
#top-items a.top-item-left:hover, #top-items a.top-item-right:hover { background-position: left bottom; }
#top-items a.top-item-left { background-image: url('design/bg_top_item_left.jpg'); }
#top-items a.top-item-right { background-image: url('design/bg_top_item_right.jpg'); }
#top-items a.top-item-name { display: block; clear: both; width: 350px; text-align: center; text-decoration: none; color: #5A2F14; }
#top-items a.top-item-name:hover { text-decoration: none; color: #f90; }

#body { background: #666600; overflow: hidden; padding: 0; padding-bottom: 10px; }
#left { width: 225px; margin-left: 25px; float: left; overflow: hidden; padding-top: 20px;  }
#content { float: left; width: 520px; margin-left: 0; overflow: hidden; padding-right: 10px; }
#content .content { background: #fff; overflow: hidden; color: #666600; padding: 10px; }

#menu { width: 200px; overflow: hidden; }
#menu a { display: block; width: 200px; height: 27px; margin-bottom: 5px; color: #fff; text-decoration: none; background-image: url('design/bg_menu_a.jpg'); background-repeat: no-repeat; background-position: top; padding-top: 5px; text-align: center; font-size: 16px; }
#menu ul { margin: 0; padding: 0; margin-left: 23px; }
#menu ul a { width: 155px; height: 20px; padding-top: 3px; font-size: 14px; background-image: url('design/bg_lia.jpg'); }
#menu li { list-style: none; }
#menu a:hover { background-position: bottom; }

#left h2 { color: #fc0; font-weight: normal; margin: 20px 0 5px 0; padding: 0; font-size: 20px; }
#left p { padding: 2px; margin: 0; }
#content h2 { color: #ddd; font-weight: normal; margin: 20px 0 5px 0; padding: 0; font-size: 20px; }

.item { width: 500px; margin: 10px 0; overflow: hidden; }
.item-image { width: 300px; float: left; overflow: hidden; }
.item-content { width: 190px; float: left; margin-left: 10px; }
.item-content h3 { font-weight: normal; margin: 0; padding: 0; font-size: 18px; }
.item-content p { margin-top: 5px; font-size: 12px; }
 a.more { display: block; color: #360D08; text-align: center; padding-top: 5px; width: 155px; height: 26px; text-decoration: none; background-image: url('design/bg_item_a.jpg'); background-repeat: no-repeat; background-position: top; }
 a.more:hover { background-position: bottom; }

form.newsletter .form-input input { border: 1px solid #fc0; background: #AE9500; }

#foot { background: #fff url('design/bg_foot.jpg') no-repeat top left; height: 20px; padding-top: 30px; padding-bottom: 10px; color: #360D08; padding-left: 25px; width: 755px; }
#foot a { color: #f90; }
