@charset "utf-8";
/*\*/
@import "reset.css";
@import "common.css";


/*homecontent
===========================================================*/
#homecontent {
width:950px;
margin:0 auto 0 auto;
text-align:left;
background: url(../img/home/homecontent_bg.gif) left bottom no-repeat;
position:relative;
}



#homeleft {
width:300px;

float:left;
display:inline;
}

#homeleft .homeinfo {
width:300px;
display:inline;
text-align:left;
}

#homeleft .whatsnew {
float:left;
}

#homeleft .schedule {
float:right;
}

#homeleft .homeinfo h3 a {
width:300px;
height:50px;
display:block;
text-indent:-9999px;
margin-bottom:5px;
}





#homeleft .homeinfo h3 a:hover {
background-position:0 -50px;
}

#homeleft .whatsnew h3 a {
background:url(../img/home/homeinfobtn_whatsnew.gif) no-repeat;
}

#homeleft .whatsnew ul {
clear:both;
}

#homeleft .schedule h3 a {
background:url(../img/home/homeinfobtn_schedule.gif) no-repeat;
}


/*whatsnew
===========================================================*/

#homeleft .whatsnew dl{
float:left;
padding-bottom:10px;
margin:5px 0 5px 15px;
display:inline;
background:url(../img/common/hrx.gif) bottom repeat-x;
}

#homeleft .whatsnew dt{
width:80px;
float:left;
clear:left;
color: #666;
display:inline;
}

#homeleft .whatsnew dd{
float:left;
width:190px;
display:inline;
}


#homeleft .whatsnew dd a{
line-height:120%;
display:block;
}




/*schedule
===========================================================*/
#homeleft .schedule h4 {
margin:5px 15px;
}


#homeleft .schedule h4 span {
font-family: Verdana, sans-serif;
font-size:16px;
margin-right:3px;
}

#homeleft .schedule dl {
margin:5px 15px;
background:url(../img/common/hrx.gif) bottom repeat-x;
padding-bottom:5px;
}

#homeleft .schedule dl dt {
color: #666;
margin-bottom:5px;
}

#homeleft .schedule dl dd {
background:url(../img/common/yjss_on.gif) left 1px no-repeat;
padding-left:16px;
margin-bottom:5px;
}

/*homeright
===========================================================*/
#homeright {
width:950px;
margin:20px auto 0 auto;
clear:both;
text-align:left;
}

#homeright dl {
width:300px;
background:url(../img/home/homepr_bg.jpg) bottom no-repeat;
position:relative;
padding-bottom:15px;
margin-bottom:5px;
margin-left:10px;
display:inline;
float:left;
}

#homeright dl dt {
background:url(../img/home/homepr_top.jpg) top no-repeat;
padding-top:15px;
}

#homeright dl dt img {
float:left;
margin-left:15px;
width:80px;
}

#homeright dd {
display:inline;
float:right;
width:190px;
margin-bottom:5px;
}

#homeright dd a {
display:block;
background:url(../img/common/yjss_off.gif) left 2px no-repeat;
padding-left:15px;
}

#homeright dd a:hover {
background:url(../img/common/yjss_on.gif) left 2px no-repeat;
}

#homeright dl a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
}

/*loopedSlider
===========================================================*/
#loopedSlider,
.slides a,
.slides div,
#toptopics,
#slider{
width:640px;
height:400px;
behavior:url(../img/iepngfix.htc);
}

#toptopics {
behavior:url(../img/iepngfix.htc);
position: relative;
display:inline;
float:right;
}

#toptopics .frame {
position:absolute;
left:0;
top:0;
z-index:9999;
behavior:url(../img/iepngfix.htc);
}

#slider {
position:absolute;
left:0;
top:0;
}

#loopedSlider {
overflow:hidden;
position: relative;
cursor:pointer;
}

.slides {
position:absolute;
top:0;
left:0;
}
.slides div {
position:absolute;
top:0;
display:none;
}
.image {
float:left;
margin-right:5px;
}
.slides a {
display:block;
color:5e5748;
text-decoration:none;
z-index:10000;
}
.slides h2 {
color:#2b5cbd;
padding:10px 0;
font-size:130%;
margin-left:10px;
}
.slides p {
color:#5e5748;
line-height:1.3;
padding-right:5px;
margin-left:10px;
}
#slidesNav {
position:absolute;
left:8px;
bottom:7px;
font-family:Arial, Helvetica, sans-serif;
z-index:10001;
}
ul.pagination { 
list-style:none;
padding:0 1px 0 0;
margin:0;
display:inline;
}
ul.pagination li {
float:left;
}
#slidesNav a {
padding:1px 3px;
background:#5d83ce;
color:#fff;
text-decoration:none;
margin:0 1px;
}
#slidesNav li a {
background:#2b5cbd;
}
#slidesNav li.active a {
background:#b8c8ea;
color:#2b5cbd;
}
#slidesNav a:hover {
background:#fff;
color:#2b5cbd;
}

/*Clearfix
===========================================================*/
#homeleft .homeinfo:after,
#homeleft:after,
#homeright dl:after,
#homecontent:after {
content:".";
height:0;
clear:both;
visibility:hidden;
display:block;
}

#homeleft .homeinfo,
#homeleft,
#homeright dl,
homecontent {
display:inline-block;
}

/*\*/
* html #homeleft .homeinfo,
* html #homeleft,
* html #homeright dl,
* html homecontent {
height:1%;
}

#homeleft .homeinfo,
#homeleft,
#homeright dl,
#homecontent {
display:block;
}