#container-cover{
    width:950px;
    padding-left:7px;
    padding-right:14px;
    margin:22px auto;
    margin-bottom:0;
    background: url('../img/bgcover.png') no-repeat;
    height:22px;
}
#container{
    width:950px;
    padding-left:7px;
    padding-right:14px;
    margin:0 auto;
    background: url('../img/bg-content.png') repeat-y;
}
#headbar{
    height:150px;
    position:relative;
}

#nice-title-img {
    border:0;
    position:absolute;
    top:10px;
    left:30px;
    margin:0;
}
#icon-img {
    border:0;
    position:absolute;
    left:830px;
    bottom:10px;
    margin:0;
    width:100px;
}
#bar{
    height:43px;
    background-image: url('../img/beam.png');
    width:1020px;
    margin:0 0 0 -27px;
}
.bar_con{
    padding:10px;
    margin:0 39px;
    font-size:120%;
}
#bar a{
    text-decoration:none;
    color:black;
}
#br_ico{
    background-image: url('../img/sp_ico.png');
    width:20px;
    height:20px;
    float:left;
    margin:2px;
}

#content{
    padding: 20px;
}
#footer{
    background: url('../img/footer.png') no-repeat;
    width:950px;
    height:23px;
    padding-left:7px;
    padding-right:14px;
    padding-bottom:19px;
    padding-top:12px;
    margin:0 auto;
    font-size: 80%;
}
#footer p{
    margin:0 16px;
}

html, body{
    margin:0;
    padding:0;
}
html{
    background: #cde3f4 url('../img/bg-water2.jpg') repeat-x

}

#menu{
    position:relative;
    background: white;
    left: 40px;
    top:-5px;
    border: 1px solid black;
    max-width:500px;
}
#menu >b{
    margin: 3px 0;
    padding: 0px 2px;
    border-top:1px solid #aaaaaa;
    border-bottom:1px solid #999999;
    display:block;
}
#menu div{
    padding:3px 2px;
}
#menu img{
    vertical-align:middle;
    margin-right:5px;
    width:67px;
    height:45px;
}
#menu div:hover {
    background-color:#dcdccc;
}

#photo{
}
#photo >div{
    border:1px solid #eeeeee;
    float:left;
    margin:4px;
    padding:10px; 
    width:150px;
    height:150px;
    display:table;
}
#photo >div:hover {
    background:url('../img/bgthumb.png') no-repeat;
}
#photo >div>div{
    vertical-align:middle;
    text-align:center;
    display:table-cell;
    width:150px;
    height:150px;
}
#photo img{
    margin:0;
    border:0;
    max-width:140px;
    max-height:140px;
}
#photo+div{
    clear:both;
}

#dialog {
    position:fixed;
    top:50%;
    left:50%;
    width:100px;
    height:100px;
    margin:-50px 0 0 -50px;
    background: white;
    border:2px solid #888888;
    display:none;
}

.authors{
    margin:40px 30px 0;
}
.authors h5{
    margin:0;
}
.authors ul{
    margin-top: 9px;
    font-size:90%;
    list-style-type:none;
}

.loader{
    position:absolute;
    top:50%;
    left:50%;
    margin:-16px 0 0 -16px;
}

#ico_exit{
    position:absolute;
    top:0;
    right:0;
    width:34px;
    height:27px;
    background:url('../img/exit2.png') left bottom;
    margin-right:-36px;
    margin-top:-2px;
}
#ico_exit:hover {
    background-position:top;
}
#tool_control{
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-75px;
    opacity:0.2;
}

#ico_prev,#ico_next,#ico_play{
    width:40px;
    height:40px;
    float:left;
    margin-left:15px;
    background: url('../img/ico_tools.png');
}
#ico_prev{
    background-position:-120px;
}
#ico_next{
    background-position:-80px;
}
#ico_play{
    background-position:-40px;
}

.text{
    margin:20px 55px;
    text-indent:25px;
}

.text-entry{
    color: #333333;
    display: block;
    outline: #717171 0px;
    vertical-align: baseline;
    font: normal normal 400 14px/18.2px "Trebuchet MS";
    overflow: hidden;
    width: 930px;
}

.divimg {
    width:80%;
    /*padding-bottom:13px;*/
    margin-bottom:20px;
    margin-top:20px;
    background:#e9e3d8;

}
.divimg p{
    font-style:italic;
    margin:5px;
}
.divimg img{
    width:100%;
}

/* Content tools edited pages for img, tables, etc. */
.ct-edited {
    max-width: 800px;
    margin-right: 15px;
}

.ct-edited iframe,
.ct-edited image,
.ct-edited [data-ce-tag=img],
.ct-edited img,
.ct-edited video {
    clear: both;
    display: block;
    margin:12px auto;
    max-width: 100%;
	height: auto;
}

.ct-edited .align-left {
    clear: initial;
    float: left;
    margin-right: 0.5em;
}

.ct-edited .align-right {
    clear: initial;
    float: right;
    margin-left: 0.5em;
}

.ct-edited .text-center {
    text-align: center;
}

.ct-edited .text-left {
    text-align: left;
}

.ct-edited .text-right {
    text-align: right;
}

.ct-edited p{
    text-align:justify;
}

@media (max-width: 960px) {
    #container-cover{
        display: none;
    }
    #container{
        width:100%;
        background:#fbfbf3;
        padding:0;
    }
    #headbar{
        height:65px;
    }
    #bar{
        height:43px;
        background-image: url('../img/beam.png');
        width:100%;
        margin:0;
    }
    .text-entry{
        width:100%;
        font-size: 16px;
        line-height: 1.4em;
    }
    #footer{
        display: none;
    }

    #nice-title-img {
        border:0;
        position:absolute;
        width:60%;
        max-width:300px;
        top:10px;
        left:15px;
        margin:0;
    }
    #nice-title-img img{
        width:100%;
    }
    #icon-img {
        border:0;
        position:absolute;
        top:15px;
        right:15px;
        left:auto;
        margin:0;
        width:50px;
    }
    #menu{
        left: 40px;
        top:-5px;
        max-width:90%;
    }
    #menu div{
        padding:3px 2px;
        padding-left:74px;
        line-height: 1em;
        min-height:45px;
    }
    #menu img{
        margin-left:-69px;
        position:absolute;
    }
    .text{
        margin:5px 5px;
        text-indent:10px;
    }

}