body { 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	background: #ddd;
	color: #000;
	margin: 0px;
}

a {
	text-decoration: none;
	color: #3366cc;
}
a:hover {
	color: #ccaa11;
}

a img {
  border: none;
}

.pagebackground {
	background: #ddd;
	margin: auto;
	padding: 20px;
	text-align: center;
}

.pagedecoration {
	background: #ddd repeat-y center; 
}
.pagedecorationbefore {
	background: #ddd no-repeat center bottom;
	height: 5px;
	margin-top:  0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.pagedecorationafter {
	background: #ddd no-repeat center top;
	height: 5px;
	margin-top:  0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.page { background-color: #fff; width: 800px; height: auto; margin: auto; padding: 0; text-align: center; border: solid 1px black; }

.header { width: auto;
	/*width: 100%;*/
	/*height: 75px; background-color: #EE3B3B; padding: 20px; margin: auto; text-align: left; }*/
	height: 75px; background-color: #B33B3B; padding: 20px; margin: auto; text-align: left; }
	
.title {
    font-size: 28px; font-weight: bold; color: #ffffff;
}

.subtitle {
    font-size: 20px;
    float: left;
	color: #ffffff;
}

.logo {
    float: right;
    border-style: none;
}

/*.navigation { width: auto; font-size: 18px; text-align: left; background-color: #7c8779; margin: 0; padding: 10px; }*/
.navigation { width: auto; font-size: 18px; text-align: left; background-color: #7D7D7D; margin: 0; padding: 10px; }

.navhere { background-color: #3e433c; position: relative; padding: 10px; margin: 0;}

/*.navthere { background-color: #7c8779; position: relative; padding: 10px; margin: 0;}*/
.navthere { background-color: #7D7D7D; position: relative; padding: 10px; margin: 0;}

.navigation a {
    color:#eeeedd;
}

.navigation a:hover {
  color:#CCC511;
}

.content { width: auto;
	background-color: #fff;
	/*width: 100%;*/
	text-align: left; font-size: 14px; padding: 20px 40px; }

h1 { font-size: 24px; text-align: left; }

h2 { font-size: 18px; font-style: italic; margin-top: 30px; border-top: 1px solid #7c8779;
/*margin-right: -10px; margin-left: -10px; padding-bottom: 5px; padding-left: 10px; */
  color: #7C7C7C;
	/*margin: 0px;
	padding: 0px;*/
}

h3 { font-size: 14px;
	/*margin: 0px;
	padding: 0px;*/
}

p { text-align: justify; margin-top: 10px; margin-bottom: 10px;
	/*margin: 0px;
	padding: 0px;*/
}

.footer { background-color: #B33B3B; border-top: 1px solid #a1b3b3; }

dt {
   font-style: italic;
}

dd {
   margin-left: 2em;
}

table.schedule {
	width: 100%;
	border-style: solid;
	border-color: #fff;
	border-collapse: collapse;
	font-size: 12px;
}

table.schedule td {
    white-space: nowrap;
}

#date {
      text-align: left;
      width: 10%;
}

#topics {
	text-align: left;
	width: 35%;
}

#refs {
      text-align: left;
      width: 35%;
}

#out {
      text-align: left;
      width: 10%;
}

#due {
      text-align: left;
      width: 10%;
}

.schedule td {
	padding: 2px 10px;
	margin: 0px;
	border-style: none solid;
	border-width: 2px;
	border-color: #fff;
}

.schedule th {
	padding: 2px 10px;
	font-weight: bold;
	margin: 0px;
}

tr.on {
	background-color: #eee;
}

tr.off {
	background-color: #fff;
}

.quiz {
	color: #f33;
}

.cancel {
	color: #f33;
}

.xhour {
	color: #f33;
}

tr.off td {
	border-color: #ddd;
}

#notetitle {
  padding: 0;
  margin: 0;
}

#notenav { 
  font-size: 12px;
  text-align: right;
  float: right;
  padding: 0;
  margin: 0;
}

div.code {
  font-size: 12px;
  padding: 0px 5px 0px 5px;
  margin: 10px 0 10px 0;
  background: #f6f6ff;
  border-style: groove;
  border-width: 3px;
  border-color: #aaaadd;
  border-collapse: collapse;
}

.sketchtab {
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px 0 10px;
  border-left: groove;
  border-right: groove;
  border-bottom: groove;
}

span.code {
  background: #f6f6ff;
  padding: 0px 5px 0px 5px;
  margin: 10px 0 10px 0;
  border-style: groove;
  border-color: #aaaadd;
}

span.inline {
  background: #f6f6ff;
  padding: 0px 5px 0px 5px;
  margin: 10px 0 10px 0;
  border: solid #aaaadd 1px;
}

.javaword {
  color: #cc6600;
}

.javaword a {
  color: #cc6600;
}

.javaword a:hover {
  color: #3366cc;
}

.procfunc {
  color: #cc6600;
}

.procfunc a {
  color: #cc6600;
}

.procfunc a:hover {
  color: #3366cc;
}

.procvar {
  color: #006699;
}

.procvar a {
  color: #006699;
}

.procvar a:hover {
  color: #ccaa11;
}

.comment {
  color: #7e7e7e;
}

.type {
  color: #996600;
}

ul.outline {
  margin: 0;
  padding: 0;
  list-style-type: square;
  list-style-position: inside;
}

ul.bullet {
  padding-left: 1em;
  margin-left: 1em;
  list-style-type: square;
}

ul.note {
  padding-left: 1em;
  margin-left: 1em;
  list-style-type: square;
}

ul.note li {
  padding-bottom: 2ex;
}

ol.note {
  padding-left: 1em;
  margin-left: 1em;
}

ol.note li {
  padding-bottom: 2ex;
}

.newcode {
  background: #ff0;
}

dl.prog dt {
  font-weight: bold;
  color: #7c8779;
  font-style: normal;
}

dl.prog dd {
  margin-left:0;
  margin-bottom: 1em;
}

table.pixels {
  border: 1px solid black;
  border-collapse: collapse;
}

table.pixels td {
  border: 1px solid black;
  text-align: right;
  width: 3em;
}

ol.hw {
  padding-left: 1em;
  margin-left: 1em;
}

ol.hw li {
  padding-bottom: 2ex;
}

ol.hw ul.bullet li {
  padding: 0;
  margin: 0;
}

dl.exhibit dt {
   font-style: normal;
}

dl.exhibit dd {
  padding-bottom: 1em;
}
