@charset "utf-8";
/* CSS Document */

body{ background:url(../image/bodybg.gif) repeat; }
.lines { width:900px; margin:0px auto;}
.left,.mid,.right{ float:left;}
.pdr0{ padding-right:0px;}

.line1{ height:80px; background:url(../image/line1bg.gif) repeat-x; border-bottom:1px solid #930; border-top:1px solid #521b00;}
.line1 .lines{ width:1000px; height:80px; background:url(../image/line1bg.gif) repeat-x;}
.line1 a{ height:80px;}
.line1 .logo a{ display:block; width:250px; background:url(../image/logo.gif) no-repeat;}
/*navs*/
.line1 li,.line1 li div{ background:url(../image/navslidivbg.png) no-repeat; height:80px;}
.line1 li{ float:left; padding-right:2px; background-position:right 0px;}
.line1 li div{ padding-left:2px; background-position:left -80px;}
.line1 li div a{ background:url(../image/navsabg.png) repeat-x; display:block;}
.line1 li div a.focus{ background-position:0px -160px;}
.line1 li div a span{ background-repeat:no-repeat; height:80px; display:block; cursor:pointer;}
.line1 li div a:hover{ background-position:0px -80px;}
.line1 li div a:hover span{ background-position:0px -80px;}
/*navname*/
.line1 li.open div a span{ background-image:url(../image/open.png); width:93px;}
.line1 li.eminent div a span{ background-image:url(../image/eminent.png); width:107px;}
.line1 li.leader div a span{ background-image:url(../image/leader.png); width:78px;}
.line1 li.study div a span{ background-image:url(../image/study.png); width:67px;}
.line1 li.exam div a span{ background-image:url(../image/exam.png); width:63px;}
.line1 li.library div a span{ background-image:url(../image/library.png); width:82px;}
.line1 li.media div a span{ background-image:url(../image/media.png); width:68px;}
.line1 li.gov div a span{ background-image:url(../image/gov.png); width:78px;}
.line1 li.life div a span{ background-image:url(../image/life.png); width:78px;}

.lines .classes,.lines .title,.lines .box{ width:900px;}
.lines .classes{ height:50px; width:900px; margin:20px auto 0px; background:url(../image/linestitlebg.png) repeat-x; text-align:center;}
.lines .title{ margin:0px auto 10px; height:20px; width:900px; font-size:14px; font-weight:bold;}
.lines .title a{ color:#69528d;text-shadow: 1px 1px 1px #ffffff;filter:dropshadow(color=#ffffff,offx=1,offy=1,positive=1);}
.lines .title a:hover{ color:#583a86;text-shadow: -1px -1px 1px #ffffff;filter:dropshadow(color=#ffffff,offx=-1,offy=-1,positive=1);}
.lines .more,.lines .more a{ width:32px; height:60px;}
.lines .more a{ display:block; background:url(../image/more.gif) no-repeat;}
.lines .more a:hover{ background-position:-32px 0px;}
.line2{ border-top:1px solid #521b00;}
.line2 .box{ background:url(../image/line2boxbg.gif) repeat-x bottom; padding-bottom:20px; margin-bottom:20px;}
.line2 .list li{ width:140px; height:auto; float:left; margin-left:24px; position:relative;}
.line2 .list li img{ border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6); margin-bottom:6px; border:1px solid #999;}
.line2 .list li a span{ cursor:pointer; position:absolute; height:32px; width:34px; display:block; background:url(../image/shareplaybtn.png) no-repeat; top:48px; left:0px;}
.line2 .list li a:hover span{ background-position:0px -32px;}

.line3 .title{ color:#69528d;text-shadow: 1px 1px 1px #ffffff;filter:dropshadow(color=#ffffff,offx=1,offy=1,positive=1);}
.line3 .textlist{ width:900px; height:auto; margin-bottom:10px; line-height:26px;}
.line3 .textlist .list{ width:900px; height:auto; font-size:13px;}
.line3 .textlist .list li{ float:left; padding-right:22px; height:26px; white-space:nowrap; word-wrap: break-word;} 
.line3 .textlist .list li a{ float:left;}
.line3 .onoff{ width:900px; height:40px; background:url(../image/line2boxbg.gif) repeat-x 0px 16px; display:none;}
.line3 .onoff a{ background:url(../image/onoff.png) no-repeat; display:block; width:154px; height:40px; margin:0px auto; cursor:pointer;}
.line3 .onoff a:hover{ background-position:0px -40px;}
.line3 .onoff a.clickoff{ display:none;}
.footer { clear: both; color: #fff; font-size: 12px; font-weight: normal; line-height: 24px; margin: 10px auto 0px; padding: 20px 0px; border-top:1px solid #999; text-align: center; width: 100%; background:url(../image/footerbg.jpg) repeat-x;text-shadow: 1px 1px 1px #000000;filter:dropshadow(color=#000000,offx=1,offy=1,positive=1);}
.footer_bold { font-weight: bold; line-height: 24px;}
.footer a { color: #fff;}
.footer a:hover { text-decoration: underline; color: #fff;}