body                                    { font-size:11px; font-family: helvetica, arial, sans-serif }
a                                       { text-decoration: none }
.maincontainer                          { width:828px; position:relative; clear:both; margin: 0 auto }
.maincontainer .header                  { width:828px; height:471px; position: relative; clear: both }
.maincontainer .topmenu                 { position: absolute; top:0px; right:20px }
.maincontainer .header .logo            { width:828px; height:168px; position: relative; clear: both; background: url('../images/headerbg.jpg') left top no-repeat }
.maincontainer .header .logo img        { position: absolute;left: 50px; top:20px; }
.maincontainer .header .menu            { width:828px; position: relative; clear: both }
.maincontainer .header .menu > .line    { width:828px; background-color: #41a5c7; min-height:4px; position: relative; clear: both }
.maincontainer .header .menu ul         { position: relative; clear: both }
.maincontainer .header .menu ul li      { height: 34px; background-color: #d0d0d0; line-height: 34px; color:#828282; position: relative;
                                            width:110px; vertical-align: middle; text-align: center; float: left; margin-right: 2px; font-size: 11px }
.maincontainer .header .menu ul li.active    { background: url(../images/activemenu.png) left top no-repeat #41a5c7 !important; color: #fff !important }
.maincontainer .header .menu ul li.search    { background-color: #747474 !important; color: #333333 !important; width:268px !important; margin: 0; text-indent: 25px }
.maincontainer .header .menu ul li.search span   { margin-right: 5px }
.search_input   { background-color: #535353; color: #8d8d8d; border: 0; line-height: 22px; vertical-align: 22px; width: 161px; height: 22px; text-indent: 3px }

.maincontainer .header .menu ul li a    { color: inherit; text-decoration: none; line-height: 34px }

.maincontainer .header .banner                          { position: relative; }
.maincontainer .header .banner .bannerTextField         { position: absolute; left: 0; bottom:0; background-color: #000; width:100%; height:75px }
.maincontainer .header .banner .bannerTextField h3      { color:#ffffff; font-size:14px; font-weight: bolder; position: relative; clear: both; text-indent: 10px; width:100%; margin-bottom: 5px }
.maincontainer .header .banner .bannerTextField span    { color:#ffffff; font-size:11px; padding-left: 10px; position: relative; text-decoration: none }
.maincontainer .header .head_bottom                     { position: relative; clear: both; width: 100%; background: url('../images/head_footer.jpg') repeat-x left top; }
.maincontainer .header .head_bottom .btnBar             { background-color: #FFF !important; position: relative; }
.maincontainer .header .head_bottom .btnBar div         { text-align: center; font-weight: bold }
.maincontainer .header .head_bottom .btnBar .btn1       { width:34px; height: 34px; position: relative; background-color: #999; line-height: 34px; vertical-align: middle; color:#333333 }
.maincontainer .header .head_bottom .btnBar .btn2       { width:34px; height: 34px; position: relative; background-color: #CCC; line-height: 34px; vertical-align: middle; color:#333333; margin-top: 2px }
.maincontainer .header .head_bottom .btnBar .btn3       { width:34px; height: 34px; position: relative; background-color: #EEE; line-height: 34px; vertical-align: middle; color:#333333; margin-top: 4px }
.maincontainer .header .head_bottom .btnBar .active     { background-color: #41a5c7 !important; color:#fff }
.maincontainer .header .head_bottom .newsBar    { position: relative; line-height: 34px; vertical-align: middle; height: 34px; padding-left: 5px }
.maincontainer .header .head_bottom .newsBar ul li a  { line-height: 34px; vertical-align: middle; height: 34px; padding-left: 10px; color:#666 }

.maincontainer .body { width:828px; position: relative; clear: both }
.maincontainer .body .left_side { width: 276px; position: relative; float: left; }
div.box { position: relative; width: 276px; position:relative; clear: both }
div.box h3 { height: 33px; line-height: 33px; vertical-align: middle; width: 241px; padding-left: 35px; position: relative; color: #6d6d6d; background: url('../images/header1.png') }
div.box .content { width: 276px; padding: 10px; color: #6d6d6d; font-size: 11px; position: relative; background: url('../images/divbg.jpg') left top no-repeat; }
div.box .content ul.groups > li { font-weight: bolder; background: url('../images/ulbg.png') 0 22px no-repeat; vertical-align:middle; line-height: 24px; position: relative; clear: both  }
div.box .content ul.groups > li > a { font-weight: bolder; text-decoration: none; color:#6d6d6d; position: relative; clear: both }
div.box .content ul.groups > li > ul { position: relative; clear: both }
div.box .content ul.groups > li > ul > li { margin-top: 4px; display: list-item; background: url('../images/libg.png') left center no-repeat; text-indent: 18px; vertical-align:middle; line-height: 24px; height: 24px; position: relative; clear: both }
div.box .content ul.groups > li > ul > li > a { font-weight: normal; text-decoration: none; color:#6d6d6d; vertical-align:middle; line-height: 24px; height: 24px; font-size: 11px }
div.box .content > h4 { font-weight: bolder; background: url('../images/ulbg.png') 0 22px no-repeat; vertical-align:middle; line-height: 24px; position: relative; clear: both; width: 100% }