/* ================== Overall ================= */
body {
background-image:url(../images/Clouds-1.jpg);
font: normal .9em/1.1em sans-serif;
}

#banner {
background-image: url('../images/StraightBibleLogo-1.png');
background-repeat: no-repeat;
background-color: white;
height: 100px;
width: 100%;
/* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;

}

#bg {
width:972px;
/*border: 1px solid #1215a0;*/
/* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}

#headmsg {
float: right;
margin-right: 0px;
margin-top: 10px;
font: italic 1.4em/1.1em sans-serif;
text-decoration: none;

}

#submsg {
margin-top: .5em;
font: italic .66em/1.5em sans-serif;
text-decoration: none;
height: 30px;
}

#visitcnt a {
float: right;
margin-right: 10px;
margin-top: 10px;
font: bold .72em/1.1em sans-serif;
text-decoration: none;
height: 100px;
}

#visitcnt a:hover { color: maroon;}

#version {
float: right;
margin-right: 10px;
margin-top: -32px;
font: bold .72em/1.1em sans-serif;
height: 100px;
}

/*--- Main menu ---*/
#menu {
height:20px;
padding-top: 80px;
text-align: center;
}


#menu a {
font:small-caps bold .78em/.9em sans-serif;
text-decoration: none;
}

#menu a:hover {
color: maroon;
background-color: pink;
}

#menu a:active {
color: red;
background-color: pink;
}

/* ================== Lesson menu only displays after login  ================== */
#menu2 {
width: 100%;
margin-top:12px;
margin-bottom: 0px;
padding-top: 4px;
padding-bottom: 4px;
background-color: #ffffff;
/* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}

#menu2 a {
font:small-caps bold .78em/.9em sans-serif;
text-decoration: none;

}

#menu2 a:hover {
color: maroon;
background-color: pink;
}

#menu2 a:active {
color: red;
background-color: pink;
}


p {
padding: 2em;
text-indent:5em;
margin-bottom: -3em;
line-height: 1.2em;
}

p a:hover {
color: maroon;
background-color: pink;
}

#indextable {
border: 0.5 solid green;
}

.doclist th {
font: bold 1em/1em sans-serif;
}

h1 {
font: bold 2em/1.5em sans-serif;
color: maroon;
}


h2 {
font: bold 1.5em/1.5em sans-serif;
color: maroon;
}

h3 {
font: bold 1.2em/1.2em sans-serif;
color: maroon;
}

ol {
margin-left: 12em;
}

ol li {
font: bold 1em/1.2em sans-serif;
}

ul {
margin-left: 2em;
}

ul li {
font: normal .96em/1.1em sans-serif;
}


a {
text-decoration: none;
}

.doclist {
font: normal .9em/1em sans-serif;
}

#content {
/*border: 1px solid #1215a0;*/
width:972px;
background-color:#ffffff;
margin-top: 12px;
/* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
    
text-align: left;
}

.define {
font: italic .8em/1em sans-serif;
margin-left: 2em;
}

/* ===================== Default Page ======================= */
.frontpage {
padding-top: 6px;
margin-left: 20px;
width: 96%;
}

#listform {
border:1px solid gray;
text-align:center;
height:106px;
margin-left:70px;
margin-right:70px;
padding:10px;
/* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}
/*--- Video Player Notices ---*/
.notice {
margin-left: 12px;
padding-left: 1em;
list-style: none;
font: normal .9em/1.2em sans-serif;
margin-top: 3px;
background-color: #efefff;
/* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}

/* ================== Video Player  ================== */
#player {
border:1px solid white;
display:block;
float:left;
width: 500px;
height: 281px;
margin-top: 0px;
}

/* ================== Audio Player  ================== */
#playertwo {
border:1px solid white;
display:block;
float:left;
width: 500px;
height: 100px;
margin-top: 0px;
}

#vidplayer {
width: 950px;
}

/* ================ Both Players ====================== */
#playercontent {
width: 99.4%;
margin:3px;
height: 630px;
}

#clips {
width: 200px;
font: normal 1.1em/1.2em sans-serif;
}

#clips ul {
margin-left: -26px;
list-style: none;
}


#clips ul li {
font: normal .76em/.9em sans-serif;
margin-left:-8px;
}

#clips ul li a {
text-decoration: none;
font: normal .9em/1.1em sans-serif;
}

#clips ul li a:hover {
text-decoration: none;
font: normal .9em/1.1em sans-serif;
color: maroon;
}


#clipnotes p {
font: normal .8em/1em sans-serif;
}

#playbtn {
margin-top:96px;
}

#playbtnaudio {
margin-top:16px;
}

/* info area */
#player div.info {
    height:12px;
    opacity:0.7;
    color:#fff;
    background-color: #666;
    text-align:left;
    padding:5px 188px;
    font-family:"bitstream vera sans","trebuchet ms";
    font-size:10px;
    border-top:1px solid #ccc;
    margin-top:97px;
    margin-bottom: 30px;
}

/* ================== Lessons Signup Page ==============*/
#signform {
width: 960px;
/*height: 1020px;*/
margin: 3px 0px 0px 3px;
    /* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}

#loginform {
width: 960px;
height: 780px;
margin: 3px 0px 0px 3px;
/*border: 1px solid green;*/
    /* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    /*
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
    */
}

/* ==================== PDF Reader ==================== */
.adobe {
margin: 3px;
padding-top: 0px;
border: 1px solid maroon;
padding-bottom: 3px;
}

/* =================== Teachers Page ================== */
.bios {
margin-left:40px;
margin-bottom: 10px;
border:1px dotted green;
}

/* ==================== Book Store ==================== */
#booknote {
/*border-top: 1px dotted gray;*/
padding-top: 6px;
width: 80%;
}
.book {
border-bottom: 1px dotted gray;
padding-top: 6px;
margin-left: 20px;
width: 96%;
}

.booklist {
font: bold 1em/1.5em sans-serif;
color: maroon;
text-align: left;
padding-left: 0px;
}

.bktitle {
font: bold 1.2em/1em sans-serif;
color: blue;
}

.bkdetail {
font: bold .9em/1em serif;
color: red;
}

/* ==================== Credits at page bottom ==================== */
#credit a {
font: small-caps .72em/1em sans-serif;
text-align: center;
color: blue;
text-decoration: none;
margin-top: 12px;
}

#credit a:hover {
color: maroon;
}