/* CSS Document */
body {
  width: 800px;
  margin: 8px auto; padding: 0 8px;
  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10pt;
  border: 1px solid #006;
}
a:link { color:#009; text-decoration:none; }
a:visited { color:#009; text-decoration:none; }
a:hover { color:#695; text-decoration:underline; }

pre, code {
  font-family: Consolas, Courier New, Courier, monospace;
}
pre {
  background: #f8f8f8;
  padding: 4px;  margin: 0 16px;
}
code {
  background: inherit;
  padding: 0;
}

img { margin: 8px; }



#TOC {
  width: 300px;
  float: right;
  margin: 0 0 1em 1em; padding: 4px;
  background: #F3EFE0;
}
#TOC ul { margin: 0 0 0 -1em; }




h1, h2, h3, h4, h5, h6 {
  font-family: Palatino, 'Palatino Linotype', Times New Roman, Times, serif;
  font-weight: normal;
}
.toc-section-number, .header-section-number { font-weight: bold; }
.header-section-number { padding-right: 0.5em; }

h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size:  90%; }


#header {
  border-bottom: 1px solid #006;
  padding: 0 0 1em 0;  margin: 0 0 1em 0;
}
#header .title, #header .author, #header .date {
  margin: 0;
  font-weight: normal;
}
#header .title  { font-size: 200%; }
#header .author { font-size: 160%; }
#header .date   { font-size: 140%; }



#before {
  background: #CFDEEF;
  margin: 0 -8px; padding: 4px 8px;
  position: relative;
}
#before #courseHeader {
  width: 100%;
}
#before #courseHeader td {
  vertical-align: bottom;
}
#before #courseTitle {
  font-family: Palatino, 'Palatino Linotype', Times New Roman, Times, serif; font-size: 180%;
  font-variant: small-caps;
  letter-spacing: 0.02em;
}
#before #courseInstructor {
  font-family: Palatino, 'Palatino Linotype', Times New Roman, Times, serif; font-size: 120%;
}
#before #courseTerm {
  font-family: Palatino, 'Palatino Linotype', Times New Roman, Times, serif; font-size: 140%;
  font-style: italic;
  float: right;
}

#after {
  background: #CFDEEF;
  margin: 1em -8px 0 -8px; padding: 4px 8px;
}
#after #copyright {
  font-family: Palatino, 'Palatino Linotype', Times New Roman, Times, serif; font-size: 80%;
  color: #333;
}
#after #copyright a:link, #after #copyright a:visited { color: #333; text-decoration: underline; }
#after #copyright a:hover { color: #695; }



#nav {
  background-color: #9FBCDF;
  margin: 0 -8px 1em -8px; padding: 0 8px;
}
#nav ul {
  background-color: #9FBCDF;
	list-style: none;
	margin: 0;  padding: 0;
  border-left:1px solid #8FB0DA;
  clear: both;
}
#nav li {
	float:left;
	position: relative;
}
#nav a {
	display:block;
	font-weight:bold;
	border-right:1px solid #8FB0DA;
	text-decoration:none;
	padding:0 10px;
	line-height:28px;
}
#nav a:hover {
  background-color: #008;
  color: #9FBCDF;
}


#announcements li {
  text-indent: -2em;
  padding-left: 2em;
  padding-bottom: 0.4em;
}
#announcements .time {
  font-weight: bold;
  color: #747060;
  background-color: #E8E0C1;
  padding: 0 3px;
}

#project img {
  margin: 0;
}

.word, .excel, .powerpoint, .access, .bonusProject {
  font-weight: bold;
  padding: 0 3px;
}
.word {
  color: rgb(31,82,155);
  background-color: rgb(154,196,220);
}
.excel {
  color: rgb(1,111,63);
  background-color: rgb(191,219,178);
}
.powerpoint {
  color: rgb(224,39,0);
  background-color: rgb(252,217,164);
}
.access {
  color: rgb(164,28,96);
  background-color: rgb(241,191,221);
}
.bonusProject {
  color: #747060;
  background-color: #E8E0C1;
}


table .header { background-color: #9FBCDF; }
table .even { background-color: #F3EFE0; }

#recitationInfo tr { background-color: #F3EFE0; }
#recitationInfo td { padding: 0 1em; }