body,html {
margin: 0px;
padding: 0px;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
background-position: left top;
}
#warp{
width: 991px;
margin-right: auto;
margin-left: auto;
}
#header{
background-image: url(../images/topbg.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 305px;
width: 991px;
position: relative;
overflow: hidden;
}
#header ul.logo{
display: block;
float: left;
margin: 0px;
height: 83px;
width: 205px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
#header dig.right{
display: block;
margin: 0px;
float: left;
width: 726px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 0px;
position: relative;
}
#header ul.menu{
list-style-position: inside;
list-style-image: none;
list-style-type: none;
display: block;
margin: 0px;
float: left;
height: 33px;
padding-top: 12px;
padding-right: 39px;
padding-bottom: 22px;
position: relative;
width: 686px;
padding-left: 0px;
overflow: hidden;
}
#header ul.menu li{
margin: 0px;
padding: 0px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
float: left;
position: relative;
display: block;
}
#header ul.menu a{
float:left;
text-indent:-1000px;
position:relative;
cursor:pointer;;
}
#header ul.menu a.menu-about{
background-image: url(../images/menu/menu01.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 33px;
width: 88px;
position: relative;
overflow: hidden;
}
#header ul.menu a.menu-news{
background-image: url(../images/menu/menu02.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 33px;
width: 88px;
position: relative;
overflow: hidden;
}
#header ul.menu a.menu-album{
background-image: url(../images/menu/menu03.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 33px;
width: 88px;
position: relative;
overflow: hidden;
}
#header ul.menu a.menu-events{
background-image: url(../images/menu/menu04.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 33px;
width: 104px;
position: relative;
overflow: hidden;
}
#header ul.menu a.menu-application{
background-image: url(../images/menu/menu05.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 33px;
width: 88px;
position: relative;
overflow: hidden;
}
#header ul.menu a.menu-learning{
background-image: url(../images/menu/menu06.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 33px;
width: 88px;
position: relative;
overflow: hidden;
}
#header ul.menu a.menu-message{
background-image: url(../images/menu/menu07.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 33px;
width: 72px;
position: relative;
overflow: hidden;
}
#header ul.menu a.menu-home{
background-image: url(../images/menu/menu08.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 33px;
width: 70px;
position: relative;
overflow: hidden;
}
#header ul.menu a:hover{
background-position: bottom;
}
#header ul.topsub{
list-style-position: inside;
list-style-image: none;
list-style-type: none;
display: block;
margin: 0px;
float: left;
height: 16px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
position: relative;
width: 724px;
padding-left: 0px;
overflow: hidden;
}
#header ul.topsub li{
margin: 0px;
padding: 0px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
float: right;
position: relative;
display: block;
}
#header ul.topsub a{
float:left;
text-indent:-1000px;
position:relative;
cursor:pointer;;
}
#header ul.topsub a.login{
background-image: url(../images/topsub/topsub01.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 16px;
width: 69px;
position: relative;
overflow: hidden;
}
#header ul.topsub a.contact{
background-image: url(../images/topsub/topsub02.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 16px;
width: 75px;
position: relative;
overflow: hidden;
}
#header ul.topsub a.blog{
background-image: url(../images/topsub/topsub03.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
float: left;
height: 16px;
width: 63px;
position: relative;
overflow: hidden;
}
#header ul.topsub a:hover{
background-position: bottom;
}
#header ul.flashpic{
display: block;
float: left;
height: 198px;
width: 934px;
position: relative;
margin: 0px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
padding-top: 8px;
padding-right: 28px;
padding-bottom: 16px;
padding-left: 28px;
}
#container{
display: block;
float: left;
position: relative;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
}
#container div.container-main{
display: block;
margin: 0px;
padding: 0px;
float: left;
width: 731px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
}
#container div.sidebar{
display: block;
margin: 0px;
float: left;
width: 216px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 4px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
}
#container div.sidebar ul.linkbox{
background-image: url(../images/linkbox/ind-linkbox.gif);
display: block;
margin: 0px;
float: left;
height: 53px;
width: 186px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
background-repeat: no-repeat;
background-position: left top;
}
#container div.sidebar ul.linkbox img{
display: block;
float: left;
position: relative;
padding-right: 6px;
padding-left: 5px;
}
#container div.sidebar a.blog{
display: block;
margin: 0px;
float: left;
height: 72px;
width: 216px;
position: relative;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;
}
#container div.sidebar ul.adbox{
display: block;
margin: 0px;
float: left;
width: 215px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 1px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
}
#container div.sidebar ul.adbox li{
margin: 0px;
float: left;
width: 215px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
display: block;
}
#container div.sidebar ul.adbox img{
margin: 0px;
float: left;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
display: block;
}
#container div.sidebar ul.ads{
display: block;
margin: 0px;
float: left;
width: 216px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
#footer{
display: block;
float: left;
width: 951px;
position: relative;
padding-right: 20px;
padding-left: 20px;
background-color: #F9FAFB;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #E2E7EA;
}
#footer img{
float: left;
padding-right: 10px;
position: relative;
padding-top: 3px;
}
#footer ul.copyright{
display: block;
margin: 0px;
padding: 0px;
float: left;
width: 710px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 18px;
font-weight: normal;
color: #7486A3;
}
#footer ul.copyright span.txt{
font-size: 8pt;
color: #4D607E;
display: block;
margin: 0px;
padding: 0px;
float: left;
width: 710px;
position: relative;
}
#footer ul.copyright a{
color: #7486A3;
text-decoration: none;
}
#footer ul.copyright a:hover{
color: #E28A05;
}
#footer ul.design{
display: block;
margin: 0px;
padding: 0px;
float: left;
width: 90px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 20px;
color: #7486A3;
overflow: hidden;
}
ul.searchbar{
display: block;
margin: 0px;
float: left;
width: 725px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
background-image: url(../images/search/imputbar-bg.gif);
background-repeat: no-repeat;
background-position: right top;
height: 30px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
overflow: hidden;
}
ul.searchbar img{
float: left;
position: relative;
}
ul.searchbar b.google{
float: right;
position: relative;
padding-top: 4px;
display: block;
}
ul.searchbar a{
display: block;
margin: 0px;
padding: 0px;
float: left;
width: 300px;
position: relative;
height: 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 31px;
font-weight: normal;
color: #9E0B0E;
text-decoration: none;
}
ul.searchbar a:hover{
text-decoration: underline;
}
ul.searchbar input{
background-color: transparent;
background-image: url(../images/spacer.gif);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}
ul.searchbar input.searchbox{
border: 1px solid #B8B8B8;
background-color: #FFFFFF;
color: #000000;
width: 135px;
height: 19px;
margin: 0px;
padding: 0px;
line-height: 20px;
}
ul.searchbar input.searchbut{
width: 41px;
height: 16px;
padding: 0px;
color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 16px;
cursor: pointer;
margin-top: 3px\9;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
ul.titleword{
display: block;
margin: 0px;
float: left;
width: 725px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
position: relative;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
ul.titleword h1{
display: block;
margin: 0px;
float: left;
padding-bottom: 6px;
width: 725px;
position: relative;
background-image: url(../images/titleword-bg.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
ul.titleword h1 img{
float: left;
position: relative;
display: block;
}
ul.titleword h1 b{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 20px;
font-weight: normal;
color: #666666;
float: right;
display: block;
position: relative;
padding-top: 3px;
}
ul.titleword h1 b td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 20px;
font-weight: normal;
color: #666666;
padding-right: 2px;
padding-left: 2px;
vertical-align: bottom;
}
ul.titleword h1 b input{
background-color: transparent;
background-image: url(../images/spacer.gif);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}
ul.titleword h1 b input.sel{
border: 1px solid #B8B8B8;
background-color: #FFFFFF;
color: #000000;
width: 135px;
height: 19px;
margin: 0px;
padding: 0px;
line-height: 20px;
}
ul.titleword h1 b input.selbut{
width: 41px;
height: 17px;
padding: 0px;
color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 15px;
cursor: pointer;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../learning/images/but-go.gif);
background-repeat: no-repeat;
}
ul.titleword h1 a.but{
display: block;
position: absolute;
right: 0px;
bottom: 0px;
height: 27px;
float: right;
width: 90px;
top: -2px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
ul.titleword h2{
background-image: url(../images/list-class.gif);
background-repeat: no-repeat;
background-position: 2px center;
background-position: 2px 9px\9;
margin: 0px;
float: left;
width: 708px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 17px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 20px;
font-weight: normal;
color: #666666;
}
ul.titleword h2 span{
display: block;
float: left;
position: relative;
}
ul.titleword h2 span a{
color: #666666;
text-decoration: none;
}
ul.titleword h2 span a:hover{
color: #0066FF;
}
ul.titleword h2 b{
display: block;
margin: 0px;
padding: 0px;
float: right;
position: relative;
color: #0072BC;
font-weight: normal;
text-align: right;
}
ul.titleword h2 b a{
color: #0072BC;
}
ul.titleword h2 b a.back{
color: #737373;
background-image: url(../images/icon-back.gif);
background-repeat: no-repeat;
background-position: left 2px;
padding-left: 20px;
text-decoration: none;
}
ul.titleword h2 b a.back:hover{
color: #0072bc;
text-decoration: underline;
}
.page{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
height: 20px;
padding-top: 8px;
padding-bottom: 8px;
display: block;
float: left;
position: relative;
width: 100%;
}
.page a{
BORDER-RIGHT: #dedfde 1px solid;
PADDING-RIGHT: 6px;
BACKGROUND-POSITION: 50% bottom;
BORDER-TOP: #dedfde 1px solid;
PADDING-LEFT: 6px;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #dedfde 1px solid;
COLOR: #0061de;
MARGIN-RIGHT: 3px;
PADDING-TOP: 2px;
BORDER-BOTTOM: #dedfde 1px solid;
TEXT-DECORATION: none;
height: 16px;
line-height: 16px;
}
.page a:hover{
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
.page a.active{
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de}
.page SPAN.current {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff0084; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
.page SPAN.disabled {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
.adbanner{
display: block;
margin: 0px;
padding: 0px;
float: left;
height: 200px;
width: 480px;
overflow: hidden;
position: absolute;
z-index: 500;
}