﻿*{margin: 0; padding: 0;  list-style-type: none;}
body { margin:0; padding:0px;}
img{border-style:none;    }
#main{width:1000px;}
#banner{ height:165px; background:url(/images/main_banner.jpg) no-repeat center; text-align:left;}
#flash{ width:340px; height:158px;position:relative; top:2px;left:590px;}
#guide{ background:url(/images/main_guide.jpg) no-repeat center top;text-align:left;}
.guide_link{ width:702px; height:31px; margin:10px auto 0;overflow:hidden; }
.guide_link li{ float:left;}
.guide_link li a{width:90px; height:31px; float:left; margin-right:20px; list-style:none;}
.one1{ background:url(/images/main_button2.jpg) no-repeat center center;}
.active .one1{background:url(/images/main_button2_.jpg) no-repeat center center;}
.active .one2{ background:url(/images/main_button3_.jpg) no-repeat center center;}
.one2{background:url(/images/main_button3.jpg) no-repeat center center;}
#player{ width:354px; height:35px; position:relative;  top:15px; left:560px; background:url(/images/main_playerBG.jpg) no-repeat center center;}
.floatleft{float:left;    }
#volumeControl{   padding:5px; display:none;}
.volumeindent{width:31px;height:17px;}
.volumespace{width:5px;height:17px;    }
.clear{ clear:both;    }
#volume{width:81px; height:17px; background:url(/images/volumeBG.html) no-repeat center center; }
#volumeShow{ width:81px; height:17px; background:url(/images/volume.html) no-repeat left center; overflow:hidden; }
#main{  background:url(/images/main_framerepeat.jpg) repeat-y center top; }
#bottom{ height:196px;background:url(/images/main_bottom.jpg) repeat-y center top;}
#copyright{  font-family: Arial,sans-serif; font-size:16px; color:Black; height:16px; padding-top:160px; }
/*.audiojsZ audio { position: absolute; left: -1px; }*/
.audiojsZ { width: 354px; height: 35px; background-color:transparent; overflow: hidden; font-family: monospace; font-size: 12px;}
.audiojsZ .play-pauseZ { width: 25px; height: 40px; padding: 3px 0px 0 4px; margin: 0px; float: left; overflow: hidden; border-style: none; }
.audiojsZ p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.audiojsZ .playZ { display: block; }
.audiojsZ .scrubberZ { position: relative; float: left; width: 204px; background: #d8ecad; height: 8px; margin:12px 10px 0 10px; border-style: none; overflow: hidden; }
.audiojsZ .progressZ { position: absolute; top: 0px; left: 0px; height: 8px; width: 0px; background: #789e25; z-index: 1; }
.audiojsZ .loadedZ { position: absolute; top: 0px; left: 0px; height: 8px; width: 0px; background: #b8e651; }
.audiojsZ .timeZ { float: left; width:75px; overflow:hidden; height: 30px; line-height: 30px; margin: 0px 0px 0px 5px; padding: 0px 6px 0px 6px; border-style:none; color: #4e6d09; overflow:hidden;}
.audiojsZ .timeZ em { padding: 0px 2px 0px 0px; color: #708f2b; font-style: normal; }
.audiojsZ .timeZ strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojsZ .error-messageZ { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojsZ .error-messageZ a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999;}
.audiojsZ .playZ { background: url(/images/player-graphics.gif) no-repeat -2px -1px; }
.audiojsZ .loadingZ { background: url(/images/player-graphics.gif) no-repeat -2px -31px; }
.audiojsZ .errorZ { background: url(/images/player-graphics.gif) no-repeat -2px -61px; }
.audiojsZ .pauseZ { background: url(/images/player-graphics.gif) no-repeat -2px -91px; }
.playingZ .playZ, .playingZ .loadingZ, .playingZ .errorZ { display: none; }
.playingZ .pauseZ { display: block; }
.loadingZ .playZ, .loadingZ .pauseZ, .loadingZ .errorZ { display: none; }
.loadingZ .loadingZ { display: block; }
.errorZ .timeZ, .errorZ .playZ, .errorZ .pauseZ, .errorZ .scrubberZ, .errorZ .loadingZ { display: none; }
.errorZ .errorZ { display: block; }
.errorZ .play-pauseZ p { cursor: auto; }
.errorZ .error-messageZ { display: block; }
.frame{ width:822px; margin:60px auto 0; overflow:hidden; }
.content{display:none; width:822px;}
.motto
{
    height:470px; width:804px;
    overflow:visible;
    background:url(/images/frame_bottom.jpg) no-repeat center bottom;
    padding:0 10px 250px 10px;
    line-height:1.5em;
}
.motto p{
    text-indent:2em;
    text-align:left;   }
.song{width:822px; margin:20px auto 0; text-align:center;}