/* ==================Overall ================= */
body {
font: normal .9em/1.1em sans-serif;
color: #163477;
margin:0px;
padding:0px;
}

#container {
width: 990px;
}

.para {
text-indent:2em;
padding: 1em;
margin-right: 200px;
}
/* ================= Top =====================*/
#top {
width: 100%;
height: 140px;
margin-top: 0px;
background-image: url('../img/books6.png');
background-repeat: no-repeat;
background-position: 50% 0%;
}
#logo {
float: left;
margin: 7px 0px 0px 30px;
}

#gktxt {
float:left;
margin-left: 0px;
width: 250px;
margin-top: 6px;
text-align: left;
font-size: 12px;
font-style: bold;
line-height: 20px;
text-align: left;
}

.byline {
font:italic .8em/1em sans-serif;
}

h2 {padding: 6px;}

#signup {
float:right;
width: 220px;
height: 120px;
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;
}
/*
#shelf {
height: 9px;
width: 100%;
margin-top: -8px;
background-image: url('../img/shelf.png');
background-repeat: repeat-x;
}
*/
/* Link style and color */
a:hover {
color: #FF0000;
}

#menubar {
color: #FFFFFF;
height: 18px;
padding: 3px;
margin-bottom: 3px;
background-image: url('../img/shelf.png');
width: 100%;
}

#menubar a {
text-decoration: none;
font: small-caps bold .9em/1.1em sans-serif;
color: #FFFFFF;
}
/* Link hover color */
#menubar a:hover {
color: #FF0000;
}
/* Link click color */
#menubar a:active {
color: red;
}
/* Link click color */
/*
#menubar a:visited {
color: green;
}
*/
#content {
width: 100%;
margin: 3px;
/*border: 2px dotted gray;*/
}

#newsframe {
width: 700px;
margin: 3px;
}
/* ==================== Lower Page ==================== */
/*--- Video Player ---*/
#playercontent {
width: 99.4%;
margin:3px;
height: 830px;
}

#player {
display:block;
float:left;
width: 480px;
height: 352px;
border: 3px groove green;
margin-left: 6px;
}
/* info area */
#lessonplayer div.info {
    height:23px;
    opacity:0.7;
    color:#fff;
    background-color: #666;
    text-align:left;
    padding:5px 60px;
    font-family:"bitstream vera sans","trebuchet ms";
    font-size:12px;
    border-top:1px solid #ccc;
    margin-top:152px;
}

#lessonplayer div.info span {
    color:#99FF99;
    display:block;
    font-weight:bold;
}

#playbtn {
margin-top: 140px;
}

#clips {
float:right;
width: 230px;
height: 830px;
padding-left: -16px;
border:1px solid gray;
margin-left:6px;
color: #163477;
}

#clips a {
text-decoration:none;
color: blue;
}

#clips a:hover {
text-decoration:none;
color: maroon;
}

#clips ul li {
text-decoration:none;
color: #163477;
margin-left: -30px;
font: normal .96em/1.1em sans-serif;
list-style: none;
}
#clips ul li p {
text-decoration:none;
color: #163477;
margin-left: -14px;
margin-top: 0px;
font: normal .96em/1.1em sans-serif;
}

/* === Lessons Player Pages === */
#lessonplayer {
display:block;
float:left;
width: 480px;
height: 352px;
border: 3px groove green;
margin-left: 30px;
margin-top: 12px;
}

#lessonplaybtn {
margin-top: 100px;
}

#lessonclips {
float:right;
width: 360px;
/*height: 352px;*/
padding-left: 3px;
margin-right: 20px;
border:1px solid gray;
margin-left:6px;
color: #163477;
margin-top: 8px;
}

#lessonclips a {
text-decoration:none;
color: blue;
margin-left: -12px;
margin-bottom: 0px;
}

#lessonclips a:hover {
text-decoration:none;
color: maroon;
}

#lessonclips ul li {
text-decoration:none;
color: #163477;
margin-left: -20px;
font: normal .86em/1em sans-serif;
list-style: none;
}

#lessonclips ul li p {
text-decoration:none;
color: #163477;
margin-left: -14px;
margin-top: -8px;
font: normal .86em/1em sans-serif;
margin-bottom: .9em;
}

#lesson0clips {
float:right;
width: 300px;
/*height: 380px;*/
padding-left: 0px;
margin-right: 30px;
border:1px solid gray;
margin-left:6px;
color: #163477;
margin-top: 12px;
}

#lesson0clips a {
text-decoration:none;
color: blue;
margin-left: -12px;
}

#lesson0clips a:hover {
text-decoration:none;
color: maroon;
}

#lesson0clips ul li {
text-decoration:none;
color: #163477;
margin-left: -20px;
font: normal .96em/1.1em sans-serif;
list-style: none;
}

#lesson0clips ul li p {
text-decoration:none;
color: #163477;
margin-left: -14px;
margin-top: 0px;
font: normal .96em/1.1em sans-serif;
}

#lessonbox {
background-image: url('../img/Paul-bg.gif');
background-repeat: no-repeat;
float:left; 
display: block; 
width: 840px;
margin-left:30px;
padding-left: 6px; 
height:304px;
border:1px dotted green;
margin-top:56px;
}

.adobe {
margin: 24px 12px 6px 12px;
border: 2px solid maroon;
padding: 12px;
}

/*=== Letter on front page === */
#msg {
float:left;
width: 230px;
height: 830px;
font: normal .86em/1.1em sans-serif;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:1px solid gray;
}
/*=== Lessons Signup Page ===*/
#signform {
width: 990px;
height: 1020px;
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;
}

#loginform {
width: 990px;
height: 990px;
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;
    
}

/* =============== About Class Page =============== */
#letter {
font: normal 1em/1.3em sans-serif;
border: 1px solid gray;
padding:2em;
    /* CurveyCorners, Do rounding (native in Firefox and Safari, CC in IE) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;
}
/* =============== Lesson Pages =============== */
#lessonpage {
width: 990px;
height: 880px;
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;
}
/* ==================== Book Store ==================== */
.booknote {
/*border-top: 1px dotted gray;*/
padding-top: 6px;
width: 990px;
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;
}

.book {
/*border-top: 1px dotted gray;*/
padding-top: 6px;
width: 990px;
}

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

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

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

.docs {
border-top: 1px dotted gray;
padding-top: 6px;
width: 80%;
}

.doclist {
border: 1px dotted gray;
}

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

a {
text-decoration: none;
}

.credit a {
font: normal .8em/1.2em sans-serif;
color: green;
text-decoration: none;
float: none;
text-align: center;
}