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

#banner {
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:996px;
/*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: 60px;
margin-top: 20px;
font: bold italic 1.2em/.86em 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:38px;
padding-top: 92px;
text-align: center;
/*border-width:2px;
border-style:groove;
border-color:#e8cb9f;*/
background-color: white;
/* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    /*CCborderRadius: 10px;*/
}


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

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

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

/* ================== Lesson menu - displays after login  ================== */
#menu2 {
width: 100%;
margin-top:42px;
margin-bottom: 0px;
padding-top: 4px;
padding-bottom: 4px;
background-image:url('../images/Parchment-HBG.jpg');
border-width:2px;
border-style:groove;
border-color:#e8cb9f;
/* 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 1.2em/1.2em sans-serif;
text-decoration: none;

}

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

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


p {
padding: 1.5em;
text-indent:3em;
margin-bottom: -3em;
line-height: 150%;
text-align:justify;
}

p a:hover {
color: maroon;
background-color: #f6b8d7;
}

#indextable {
border: 0.5em 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;
}

h4 {
font: bold 1.0em/1.0em 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;
margin-bottom:1.1em;
}


a {
text-decoration: none;
}

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

#content {
/*border: 1px solid #1215a0;*/
width:996px;
background-color: white;
margin-top: 16px;
/* 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:118px;
margin-left:70px;
margin-right:70px;
margin-bottom: 15px;
/* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    /*CCborderRadius: 10px;*/
}
/*--- Video Player Notices and Video Teaching Links---*/
.notice {
margin-left: 12px;
padding-left: 1em;
list-style: none;
font: normal 1.0em/1.1em sans-serif;
margin-top: 3px;
/* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    /*CCborderRadius: 10px;*/
}

/* ================== Video Player  ================== */
#vidplayer {
width: 950px;
}

#player {
border:7px groove blue;
display:block;
float:left;
width: 500px;
height: 281px;
margin-top: 0px;
}

/* ================== Audio Player  ================== */
#playertwo {
border:7px groove blue;
display:block;
float:left;
width: 500px;
height: 112px;
margin-top: 0px;
}



/* ================ 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;
}

/* Download Offers */
#offer {
width: 900px;
margin-left: 76px;
font: normal 1.1em/1.2em sans-serif;
}

#offer ul {
margin-left: 0px;
list-style: none;
}

#offer ul li {
font: normal .86em/.9em sans-serif;
margin-left:-8px;
}
#offer ul li a {
text-decoration: none;
font: normal 1.1em/1.1em sans-serif;
}

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

/* info area */
#player div.info {
    height:12px;
    opacity:0.7;
    color:#fff;
    background-color: #666666;
    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;
}