/*<style>*/
/*<style>*/

div.banner {
  background-image:url("../images/logo_transparent.png");
}


div.course_descript, div.expectations {
  margin:1em 1.5em 1em 14.5em;
}

div.menu, div.side_menu {
  width:16em;
}

div.menu ul {
  padding-left:35px;
}

div.content {
  min-height:575px;
}



body {
  font-family: "Arial", sans-serif;
  margin:auto;
  min-width:800px;
}

div.menu {
  z-index:0;
  float:left;
  background:#431f74;
  color:white;
  padding:.5em;
  padding-top:235px;
  font-size:10pt;
}

div.menu ul {
  margin-top:5px;
}

div.menu h4 {
  margin-bottom:5px;
  padding-left:10px;
  font-size: 12pt;
}

div.menu a {
  color:white;
  font-weight:bold;
}

div.topad {
  z-index:5;
  position:relative;
  height:70px;
  padding-top:10px;
  text-align:center;
}

div.banner {
  z-index:10;
  position:relative;
  height:100px;
  margin-left:80px;
  background:silver;
  padding-top:10px;
  background-image:url("../images/logo_gray.png");
  background-repeat:no-repeat;
  background-position:1.75em center;
}

div.banner h1 {
  margin-left: 100px;
  margin-top:.2em;
  margin-bottom:.05em;
}

div.banner h2 {
  margin:0em;
  margin-left: 100px;
  color:#404040;
}

div.content {
  background:#f8f6d1;
  border:3px solid #d5cb31;
  padding-bottom:40px;
}

div.welcome {
  float:right;
  width:50%;
  margin:40px;
  margin-bottom:0px;
  padding-bottom:10px;
  background:white;
  border:3px solid #d5cb31;
  line-height:150%;
}

div.welcome table {
  width:100%;
  margin:0px;
  border-collapse:collapse;
}

div.welcome td {
  padding-left:10px;
  border:1px solid #d5cb31;
  border-right:none;
}

div.welcome p {
  margin-top:5px;
}

div.welcome h4, div.welcome p {
  padding-left:5px;
  padding-right:5px;
}

div.assignments_list {
  padding:2em 1em 2em .5em;
}

div.assignments_list table {
  margin:auto;
  background:#ffffff;
  border:3px solid #d5cb31;
  border-collapse:collapse;
}

div.assignments_list th {
  padding:0em 1.5em 0em 1.5em;
  text-align:left;
}

div.assignments_list td {
  padding:.5em 1em .5em 1em;
  border-bottom:1px solid #d5cb31;
}

tr.head {
  text-align:center;
  font-weight:bold;
  font-size:110%;
  border-bottom:3px solid #d5cb31;
}

div.side_login {
  margin:3em auto .05em auto;
  padding:.2em;
  color:white;
  font-size:10pt;
  border:double #ffffff;
}

div.side_login h4 {
  margin:0em;
  padding:.05em;
  text-align:center;
  font-size:110%;
}

div.side_login table {
  margin:auto;
  padding:.05em;
}

div.bottom {
  clear:both;
  background:silver;
  text-align:center;
  padding:15px;
}

div.bottom img {
  padding-right:5px;
  border:none;
}

div.login {
  text-align:center;
  padding-bottom:20px;
}

div.materials {
  float:right;
  background:#ffffff;
}

div.materials table {
  margin:.1em;
  border:1px solid #bfbfbf;
}

div.materials th {
  border:1px solid #bfbfbf;
}

div.materials td {
  padding:.05em .3em .05em .3em;
  background:#f0f0f0;
  border:1px solid #ffffff;
}

td.right {
  text-align:right;
}

#space {
  height:1em;
}

table.gradesheet_views {
  border: thin black solid;
  border-style: outset;
  border-collapse: collapse;
  border-spacing: 15px;
  width: 75%;
}

table.gradesheet_views tr {
  border-left: thin black solid;
  border-right: thin black solid;
  border-top: none;
  border-bottom: none;
}



table.gradesheet_views tr.shaded_row {
  background-color: #EAEAEA;
}



table.gradesheet_views th {
  text-align: center;
  border: thin black solid;
}



table.gradesheet_views tr.shaded_row th {
  font-weight: normal;
}



table.gradesheet_views td {
  text-align: left;
  border: thin black solid;
}


table.gradesheet_views td.name {
  text-align: left;
  border-right: thin black solid;
}



table.gradesheet_views td.value {
  text-align: right;
  border-left: thin black solid;
}



table.gradesheet_views tr.total, table.gradesheet_views tr.total td.name, table.gradesheet_views tr.total td.value {
  font-weight: bold;
  border-top: thin black solid;
}


table.gradesheet_views tr.category td {
  background-color:silver;
  font-weight:bold
}

table.gradesheet_views tr.grade_heading td {
  background-color:silver;
  font-weight:bold;
  font-size:larger;
}