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

#container {
width: 990px;
}

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

#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 */
#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 .8em/1.0em 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: 990px;
margin: 3px;
}

#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: 360px;

/*
width: 425px;
height: 300px;
*/
border: 3px groove green;
margin-left: 6px;
}
/* info area */
#player div.info {
    height:36px;
    opacity:0.7;
    color:#fff;
    background-color: #666;
    text-align:left;
    padding:5px 40px;
    font-family:"bitstream vera sans","trebuchet ms";
    font-size:12px;
    border-top:1px solid #ccc;
    margin-top:164px;
}

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

#playbtn {
margin-top: 100px;
}

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

#clips a {
text-decoration:none;
color: blue;
margin-left: -12px;
padding: 0px 3px 0px 3px;
}

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

#clips ul li {
text-decoration:none;
color: #163477;
margin-left: -20px;
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;
}
/*=== Letter on front page === */
#msg {
float:left;
width: 230px;
height: 760px;
font: normal .96em/1.1em sans-serif;
text-align: left;
margin: 0px 0px 0px 3px;
padding: 0px 3px 0px 3px;
border:1px solid gray;
}
/*=== Lessons Signup Page ===*/
#signform {
width: 780px;
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: 780px;
height: 480px;
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 {
width: 900px;
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;
}
/* ==================== 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: 80%;
}

.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;
}

a {
text-decoration: none;
}

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