/*
 *	main.css
 *
 *    Document page is divided into 3 areas:
 *	- top menuber
 *	- main area (container)
 *	- footer
 *
 *   The main area is divided into 2 areas:
 *	- (left) navigation menu
 *	- actual content
 *
 *	2003/04/13	snawin
 *		- Use table for container and move footer out of main area
*/

/*Normal properties */
/*----------------------------------------------------------------*/
body {
  margin: 0 0;
  padding: 0;
  width: 100%;
  color: black;
  background: white;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
}
em {
  color: red;
  font-size: 1em;
}
a {
  color: maroon;
}
a:visited {
  color: maroon;
}
a:hover {
  color: blue;
}
a:active {
  color: maroon;
}
a:visited:hover {
  color: blue;
}

.italic {
  font-style: italic;
}

/* Top top menu bar*/
/*----------------------------------------------------------------*/
#topbar {
  padding: 5px 5px;
  border-bottom: 4px solid #900;
  text-align: left;
  background: #666;
  height: 2em;
}

#topbar .tophead a {
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
}

#topbar .tophead a {
  color: white;
}
#topbar .tophead a:visited {
  color: white;
}
#topbar .tophead a:hover {
  color: white;
}
#topbar .tophead a:active {
  color: white;
}
#topbar .tophead a:visited:hover {
  color: white;
}

/* Container for navigation menu and content */
/*----------------------------------------------------------------*/
.container {
  border-collapse: collapse;
}
.container td.menu {
  vertical-align: top;
  padding: 15px 0;
}
.container td.content {
  vertical-align: top;
  padding: 15px 0;
}
/* should be set in .content instead */
.container td.content {
  width: 800px;
}

.menu {
  background: #cc9;
}

/* Navigation menu */
/*----------------------------------------------------------------*/
#navmenu {
  width: 140px;
  font-size: 1em;
  font-weight: normal;
  border-collapse: collapse;
}

#navmenu .nav-main {
  text-align: left;
  text-decoration: none;
  line-height: 1.5em;
  padding-left: 10px;
}

#navmenu a {
  color: black;
  text-decoration: none;
}
#navmenu a:visited {
  color: black;
}
#navmenu a:hover {
  text-decoration: underline;
}
#navmenu a:visited:hover {
  text-decoration: underline;
}

#navmenu .nav-main-bullet {
  text-align: left;
  text-decoration: none;
  line-height: 1.5em;
  padding-left: 10px;
  background: #fff;
  font-weight: bold;
  padding-right: 4px;
}
/*
.nobullet
{
  font-weight: bold;
  visibility: hidden;
  padding-right: 4px;
}
*/
/* Content */
/*----------------------------------------------------------------*/
.content {
  width: 100%;
  border-collapse: collapse;
}

.content td {
  vertical-align: top;
}
.content td.lt {
  padding: 0 0 10px 0px;
}
.content td.rt {
  padding: 0 10px 10px 5px;
  width: 16em;
}

/* Footer */
/*----------------------------------------------------------------*/
#footer {
  font-size: 0.8em;
  background: #999;
  padding: 10px 10px;
}
#footer .ece-homelink {
  float: left;
  text-align: left;
}
#footer .legallink {
  text-align: right;
}
.small {
  font-size: 0.8em;
}

.home {
  padding: 5px 20px;
}
.home span {
  margin: 0.5em;
}
.home h1 {
  font-size: 1.2em;
  color: maroon;
  margin-top: 0.5em;
}
.home h2 {
  font-size: 1em;
  margin-bottom: 0.2em;
}
.home h3 {
  font-size: 1em;
  margin-bottom: 0.2em;
}
.home ul {
  margin-top: 0;
}
.white {
  background: white;
}
.gray {
  background: #ddd;
}
.home table {
  border-collapse: collapse;
}
.home tbody tr {
  vertical-align: top;
}
.home td {
  border: 1px solid gray;
  padding: 0.3em 5px;
}
.home thead td {
  font-weight: bold;
  background: #aaa;
}
/*
	h - head, b - body
	nu - number, da - date, to - topic, nt - notes, fi - files
	du - due, su - supplelment
*/
.home td.h-nu {
  width: 2em;
  text-align: center;
}
.home td.b-nu {
  width: 2em;
  text-align: center;
}
.home td.h-da {
  width: 4em;
}
.home td.h-to {
}
.home td.h-nt {
}
.home td.h-fi {
  text-align: center;
  width: 5em;
}
.home td.h-du {
  width: 6em;
}
.home td.h-su {
  width: 10em;
}
.home td.h-so {
  width: 5em;
}
.home td.h-fo {
  width: 5em;
  font-size: 1em;
}
#handouts_tab {
  width: 95%;
}
#lectures_tab {
  width: 95%;
}
#assigns_tab {
  width: 95%;
}

.info {
  padding: 5px 10px;
  background: #eed;
  width: 18em;
}
.info h3 {
  font-size: 1em;
  padding: 0;
  margin: 0.25em 0;
}
.info p {
  margin: 0.25em 0;
}
.info .dtr {
  text-indent: 1em;
}

.submitlink {
  border: none;
  padding: 0;
  text-decoration: underline;
  color: maroon;
  background-color: transparent;
  display: block;
  cursor: pointer;
  float: left;
}

#marks_tab {
  font-size: 0.8em;
  white-space: nowrap;
  display: inline;
  text-align: center;
}