/* CSS Document */

/* CSS Document */

/* TeshaR Project Theme */
@import url(https://fonts.googleapis.com/css?family=Oswald);

body {
  background:url(bg.jpg) repeat;
  color: #666;
  font-family: Arial;
  font-size: 90%;
  line-height: 1.5em;
  padding-top:15px;

}

h1, h2, h3 {
  font-family: 'Oswald', sans-serif;

}

a {
  color: #00b8bf;
}

#pageBody {
    background:#fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 5px 10px 15px;
      margin: 10px 50px 0px 250px
}

#pageName {
width:190px;
height:auto;
background:#00b8bf;
font-size: 32px;
padding:30px 0;
font-family: 'Oswald', sans-serif;
text-align: center;
color:#fff;

}

#pageName  span {
  font-size: 80px;
  padding: 20px 0;
  display:block;
  color:#005558;
}

#pageHeader {
  float:left; width:6em;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}

#pageContent {
  padding-left:5px;
}

#navLocal {
  margin: 0px 50px 0px 250px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  background:#fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  height:25px;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
}

#navLocal a {
  text-decoration: none;
  color:#666;
  padding: 0px 20px 5px;
  border-right: 1px solid #ccc;
}

#navLocal a:hover {
  color:#fff;
  background:#00b8bf;
}

#navUtility {
background: url(hatch.png) repeat ;
width:200px;
padding-top:5px;
}

a.utilityLink {
  margin-top: 10px;
  display: list-item;
  list-style: none;
  background:#fff;
  padding:7px 20px 7px 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color:#666;
  width:150px;
  text-align: right;
  font-weight: 300;
  text-decoration: none
}

a.utilityLink:hover {
  background:#00b8bf;
  color:#fff;
}


#navGlobal {
background: url(hatch.png) repeat;
width:200px;
padding-bottom: 20px
}

a.globalLink {
 margin-top: 10px;
  display: list-item;
  list-style: none;
  background:#fff;
  padding:7px 20px 7px 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  color:#666;
  width:150px;
  text-align: right;
  font-weight: 300;
  text-decoration: none
}

a.globalLink:hover {
  background:#00b8bf;
  color:#fff;
}

#pageFooter {
  margin-left:6em;
  text-align:center;
  padding: 10px;
}

#indexTable .feature h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300
}

.feature h3 {
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  display:block;
  margin-bottom: 20px
}

.feature p {
  text-align: center;
}

#indexTable td {
  
}

#indexTable .story {
  background:#f9f9f9;
  padding:20px;
}

.storyMain {
  border-bottom: 1px solid #ccc;
}

.storyHeader {
  font-size: 18px;
  font-family: 'Oswald', sans-serif;
  margin: 20px 0 10px
}
.storyBody {
  margin-bottom: 10px;
}

.storyBody li {
  line-height: 2em

}

.storyBody ul {
margin: 0;
padding: 0;
padding-left: 20px;

}

#pageFooter {
  background:#fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 5px 5px;
  margin: 10px 50px 0px 250px;
  font-size: 12px;
}


/*==========  Assignment Page  ==========*/

.description h3 {
  font-family: 'Oswald', sans-serif;
}

#assignmentTable .number {
  background:#00b8bf;
  color: #fff;
  padding:10px 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 20px
}

#assignmentTable tr {
  margin-bottom: 20px;
  display: block;
  border: 1px solid #EEE;
}

#assignmentTable .description {
  padding: 0 20px;
  width:1400px;
}

#assignmentTable .date{
  text-align: center;
  font-weight: bold;
  padding:0 10px;
}

/*==========  Syllabus Page  ==========*/

#syllabusHeader .feature {
   font-family: 'Oswald', sans-serif;
   font-weight: 300
}

#syllabusHeader .number {
  background:#eee;
  color: #fff;
  padding:10px 10px;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  color:#666;
  margin-right: 20px;
  display:block;
}
/*==========  Schedule Page  ==========*/
#scheduleTable .feature {
  text-align: left;
}