@charset url( "utf-8" );

html {
   margin: 0;
   padding: 0;
   background-color: #8798b4;
}

/* font face by Dario Manuel Muhafara */
@font-face {
   font-family: "Overlock SC";
   font-style: normal;
   font-weight: 400;
   src: local("Overlock SC"), local("OverlockSC-Regular"), url("http://themes.googleusercontent.com/static/fonts/overlocksc/v1/cFrEOzZWUct6fhBu_bFdkrrIa-7acMAeDBVuclsi6Gc.woff") format("woff");
}
body {
   font: 1.1em/1.4 "Overlock SC", serif;
   color: #435470; /* THIS IS THE FINAL FONT COLOR */
}
h1 {
   background-color: #8798b4;
}
h2 {
   text-align: center;
   color: #8798b4;
   background-color: #fff;
}
h4, h5 {
   color: #435470;
   text-decoration: none;
}
h3, h4, h5, h6 {
   text-align: center;
   padding: 15px;
   border: 1px solid #8798b4;
   border-radius: 20px;
   clear: both;
}
p {
   white-space: pre-wrap;
}
#textbook {
   margin-bottom: 15px;
}
#announcements dt {
   font-style: italic;
}
.go_to_top {
   float: right;
   width: 20px;
   margin-right: 15px;
}
dl>dt {
   font-weight: bold;
}
th {
   background-color: rgb( 120, 150, 200 );
   padding-left: 5px;
}

footer {
   background-color: #8798b4;
   color: #fff;
   text-align: center;
   padding: 50px;
}

.tabcontainer {
   margin: 10px auto;
   padding: 5px;
   width: 600px;
}
.tabnavigation ul {
   padding: 0;
   margin: 0 auto;
   display: none;
}
.tabnavigation ul li {
   padding: 10px 5px 20px;
   display: inline;
   border: 1px solid #8798b4;
   border-radius: 10px;
   background-color: #fff;
   color: #8798b4;
}
.tabnavigation ul li:hover {
   cursor: pointer;
}
.tabpages {
   position: relative;
   z-index: 2;
   border: 1px solid #8798b4;
   background-color: #fff;
}
.tabpage {
   overflow: auto;
   margin: 0 10px;
}

hgroup h4 {
   font-size: 1em;
   font-weight: bold;
   padding: 0;
   margin: 0;
   border: none;
}

hgroup h5 {
   font-size: .9em;
   padding: 0;
   margin: 0;
   border: none;
}

div#textbook {
   margin: 25px 10px;
   float: right;
   width: 200px;
   border: 1px solid #8798b4;
   border-radius: 10px;
}

div#textbook_image {
   text-align: center;
}