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

/*------home------*/

header #slideimg{
position:absolute;
display:block;
width:1000px;
height:340px;
top:110px;
}

header #slideimg ul{
top: 0;
left: 0;
height: 340px;
position: absolute;
overflow: hidden;
}

header #slideimg ul li{
width: 1000px;
height: 340px;
float: left;
display: inline;
overflow: hidden;
padding:0;
}

header #slideimg #slideprev{
top: 0;
left: -23px;
width: 25px;
height: 340px;
background: transparent url(../img/slideprev.png) no-repeat left top;
position: absolute;
cursor: pointer;
}

header #slideimg #slidenext{
top: 0;
right: -23px;
width: 25px;
height: 340px;
background: transparent url(../img/slidenext.png) no-repeat left top;
position: absolute;
cursor: pointer;
}

header #slideimg ul:after{
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

#slideimg ul{
display: inline-block;
overflow: hidden;
}


/*------home------*/

#home #content h1{
font-size: 26px;
font-weight: bold;
margin: 10px;
padding: 10px;
color: #333333;
background: url(../img/titleline.png) bottom left no-repeat;
}

#home #content .end {
font-size: 21px;
line-height: 1.5em;
font-weight: bold;
margin: 10px;
padding: 10px;
color: #333333;
background: url(../img/titleline.png) bottom left no-repeat;
}


#home #wrapper #content article {
margin-bottom: 20px;
}

#home #wrapper #content article h2 {
margin: 20px 40px 10px 40px;
color: #336699;
font-size: 120%;
font-weight: bold;
}

#home #wrapper #content article p {
margin: 0 40px;
}

/*------class------*/

#class #content h1{
font-size: 26px;
font-weight: bold;
margin: 10px;
padding: 10px;
color: #336699;
background: url(../img/titleline.png) bottom left no-repeat;
}

#class #wrapper #content article {
margin-bottom: 40px;
}

#class #wrapper #content article ul {
margin: 20px 40px 20px 60px;
}

#class #wrapper #content article li {
list-style-type: disc;
}

#class #wrapper #content article p {
margin: 20px 40px;
}

/*------teachers------*/

#teachers #content h1{
font-size: 26px;
font-weight: bold;
margin: 10px;
padding: 10px;
color: #336699;
background: url(../img/titleline.png) bottom left no-repeat;
}

#teachers #wrapper #content article {
margin-bottom: 40px;
}

#teachers #wrapper #content article ul {
margin: 20px 40px;
}

#teachers #wrapper #content article p {
margin: 20px 40px;
}

#teachers #wrapper #content table,tr,th,td {
margin: 20px 40px;
border-collapse: collapse;
border: 1px solid #999999;
padding: 5px;
}

#teachers #wrapper #content table {
width: 600px;
}

#teachers #wrapper #content th {
width: 100px;
text-align: center;
vertical-align:top;
background: #eeeeee;
font-weight: bold;
}

/*------voice------*/

#voice #wrapper #content article {
margin-bottom: 20px;
padding: 60px 40px 80px 40px;
width: 600px;
height: 281px;
font-size: 15px;
background: transparent url(../img/voicebg.png) no-repeat;
}

#voice #wrapper #content article .name {
margin-top: 10px;
text-align: right;
color: #336699;
font-weight: bold;
}

/*------map------*/

#map #wrapper #content article {
margin-bottom: 40px;
}