body {font-size:12px;color:#760000;}
.head {width:1003px;margin:0 auto; background:url(images/head_bg.jpg) 50% top; height:106px;}
    .head .logo a {display:block; float:left; display:inline; margin:20px 0 0 70px;width:245px; height:85px;}
    .head .nav {float:left;margin:40px 0 0 10px;width:620px; height:20px;}
        .layer0 {float:left; background:url(images/space_line.gif) no-repeat right 4px; position:relative;}
        .layer0 a {color:#fff; display:block; padding:2px 8px; line-height:16px;}
        .layer1 { position:absolute;top:30px; left:0; height:20px;width:350px; overflow:hidden;color:#683502; display:none;}
        .layer1 li {float:left; color:#683502; background:url(images/nav_bg2.gif) 0 50% no-repeat;}
        .layer1 li a {color:#683502;}
.head2 {width:1003px;margin:0 auto; background:url(images/1.gif) no-repeat 50% top; height:342px; position:relative;}
    .head2 .pics { position:absolute; top:13px; left:72px; width:856px; height:314px; background:#000; }

.foot {height:90px; background:url(images/foot_bg.gif) repeat-x;width:100%;}
.tab { overflow:hidden; position:relative; width:280px; float:left; height:230px;}
    .tab ul.tabs_tabs { border-bottom:3px solid #CAB755; height:21px;}
    .tab li.tabs_tab {float:left;margin-right:3px;border:3px solid #CAB755;border-bottom:0; background:#B49A0C; height:21px; overflow:hidden;}
    .tab li.selected {border:3px solid #760000;border-bottom:0;}
    .tab li.tabs_tab a {display:inline-block; padding:0px 12px; height:18px; line-height:18px;}
    .tab li.tabs_tab a span {font-size:16px; font-family:Arial; font-weight:bold;}
    .tab div.tabs_panel {clear:both;}
    

.pics img {width:856px; height:314px;}
.wrap { width: 885px; margin: 0 auto; text-align:left;}

.index_photo { float:left; margin-left:10px; position:relative; width:360px; overflow:hidden;height:230px;}
    .index_photo dt {background:url(images/dt_bg1.gif) no-repeat; color:#390A00;font-weight:bold; font-size:14px; text-indent:2.5em; height:24px; line-height:24px;}
    .index_photo dd {border:1px solid #390A00; background:#885D0A; text-align:center; height:200px;}
    .index_photo .avatar-s { float:left; margin:9px 0 0 4px;}
    .index_photo .avatar-s img {background:#fff; border:2px solid #673300; padding:2px; width:105px; height:80px;}
    
.index_photo2 {background:url(images/bg1.gif) repeat;}
    .index_photo2 dt {background:url(images/dt_bg3.gif) 8px 8px no-repeat; height:50px; line-height:50px; text-indent:4em;}
    .index_photo2 dt span { color:#fff;font-size:14px; font-weight:bold;}
    .index_photo2 .avatar-s { float:left; margin:2px 0 3px 7px;}
    .index_photo2 .avatar-s img {background:#fff; border:2px solid #673300; padding:4px; width:90px; height:60px;}
    
.dl_style2 { position:relative;}
    .dl_style2 dt {height:35px; line-height:35px; background:url(images/dt_bg2.gif) no-repeat; text-indent:3em;color:#fff; font-size:14px; font-weight:bold;}
    .dl_style2 dt span {color:#4B1A00;font-size:16px; font-family:Arial;}
    
a.more {display:block; right:5px; top:0;height:20px; line-height:20px; position:absolute;font-size:9px; color:#fff; font-family:Arial;}
    
    
.left_menu { position:absolute;top:155px; left:15px; width:186px;}
    .left_menu li {background:url(images/left_li_bg.gif) left bottom no-repeat; width:186px; height:22px; color:#fff; float:left; margin-bottom:2px; line-height:22px; text-align:left; text-indent:1em;}
     .left_menu li.on {background-position:left top;}
     .left_menu li a {color:#fff; display:block;}
     .left_menu li a:hover { text-decoration:underline;}
     
.left_yuding {width:186px; height:195px;background:url(images/left_yuding.gif) 0 0 no-repeat; margin-top:20px;}
.right_list {padding:20px;}
    .right_list li {line-height:30px; border-bottom:1px dashed #760000; height:30px;background:url(images/li_block.png) left 50% no-repeat; text-indent:1em;}
    .right_list li .col1 {float:left; width:300px;}
    .right_list li .col2 {float:left; color:#fff;}
    .right_list li .thumbnail {float:left; width:130px;color:#fff;}
    
#online li {line-height:30px; clear:both; height:30px; float:left; width:98%}
#online li div { float:left; margin:0 5px;}
#online input[type=text] {border:1px solid #ccc; width:200px;}
#online li div span { display:block;_width:120px; padding:0px 5px; border:1px solid #aaa; color:#aaa; cursor:pointer; height:20px; line-height:20px; margin-top:3px; text-align:center;}
#online li div span.on { border:1px solid #f50;color:#f50;}

#newsContent * {margin:auto;padding:auto; list-style-type:disc; line-height:normal;}


/* ---------- gallery styles start here ----------------------- */
.gallery { list-style: none; margin: 0; padding: 0; }
.gallery li { margin: 10px; padding: 0; float: left; position: relative; width: 133px; height: 111px; }

.gallery a { text-decoration: none; color: #f00; }
.gallery a:hover { color: #000; text-decoration: underline; }
.gallery img { border: none; padding: 7px 0px 0px 7px; cursor: pointer; }
.gallery em { width: 133px; height: 22px; line-height:22px; overflow:hidden; display: block; position: absolute; top: 2px; left: 2px; background: url(images/watercolor-mask.png) no-repeat; text-align: center; padding-top: 95px; font-style: normal; cursor:pointer; }

/* ---------- gallery styles start here ----------------------- */
.golden { list-style: none; margin: 0; padding: 0; }
.golden li { margin: 20px; padding: 0; float: left; position: relative; width: 152px; height: 122px; }
.golden a {  color:#fff;}
.golden a:hover { color: #000;}
.golden img { padding: 13px 0 0 12px; }
.golden em { background-position: url(images/gold-frame.png) no-repeat; width: 152px; background: url(images/gold-frame.png) no-repeat; display: block; position: absolute; top: -2px; left: -2px; text-align: center; padding-top: 122px; font-size: 14px; font-style: normal; cursor:pointer;}

#logindisplay { font-size: 1.1em; display: block; text-align: left; margin: 10px; color: #000; }
#logindisplay a:link { color: #fff; text-decoration: underline; }
#logindisplay a:visited { color: #fff; text-decoration: underline; }
#logindisplay a:hover { color: #fff; text-decoration: none; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset { margin: 1em 0; padding: 1em; border: 1px solid #fff; color:#000; text-align:left;}
fieldset p { margin: 2px 12px 10px 10px; }
fieldset label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; color:#000; }
input[type="text"] { width: 200px; border: 1px solid #CCC; }
input[type="password"] { width: 200px; border: 1px solid #CCC;}