body {
text-align: center;
background-color: #FFFFF0;
font-size: 101%;
}


#wrapper {
width: 740px;
text-align:left;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-size: .83em;
color: #333;
background-color: #FFFFF0;
background-image: url(images/racer.jpg);
background-repeat: no-repeat;
background-position: 69px 18px;
}

#header {
background-image:url(images/hist711banner.jpg);
background-position: 20px 30px;
background-repeat: no-repeat;
float: left;
width: 100%;
height: auto;
margin-top: .5em;
margin-bottom: .5em;
}

#header h1 {
display: none;
font-size: medium;
margin-left: 2em;
}

#header h2 {
display: block;
font-size: 1.5em;
color: #BC8F8F;
text-align: right;
margin-top: 72px;
margin-bottom: 1em;
margin-right: 2em;
}

#racer img {
float: left;
width: 1px;
height: 1px; 
}

#nav {
width: 130px;
float: left;
}

#nav h4 {
font-size: 1.2em;
text-align: left;
margin: 0;
padding: .5em 0 .5em 30px;
}

#nav ul {
margin: 0;
padding: 0 0 0 30px;
text-align: left;
list-style-type: none;
font-weight:bold;
}

#navlist1 li {
width: 120px;
margin: 0;
padding: 0;
} 

#navlist2 li, #navlist3 li {
width:120px;
margin: 0;
}

#navlist1 li a, #navlist2 li a, #navlist3 li a {
display: block;
padding: 3px;
color:#922230;
text-decoration:none;
padding-left: 20px; 
}
 
#navlist1 li a:visited,  #navlist2 li a:visited, #navlist3 li a:visited {
color: #B9ACAE;
}
 
#navlist1 li a:hover, #navlist2 li a:hover, #navlist3 li a:hover {
color:#D87093;
}

#maincontent {
width: 570px;
float: right;
}

#maincontent p {
margin-top: .2em;
margin-bottom: 1em;
padding: 0 3em 0 0;
line-height: 1.6em;
}

#maincontent h3 {
font-size: 1.3em;
color: #3E080E; 
margin: 0;
padding-left: 0.3em;
border-left: 1em solid #BC8F8F;
line-height: 1em;
}

#maincontent ul, #maincontent ol {
text-align: left;
padding: 0;
margin: 0 6em 0 6em;
}

#maincontent ul li {
margin-bottom: 0;
}

#maincontent ul.booklist {
list-style-type:none;
margin: 1em 0 1em 3em;
padding:0;
}

#maincontent ul li.booklist {
list-style-type:none;
margin: .5em 0 .5em 0;
padding:0;
}

#maincontent a:link, #maincontenttable a:link {
font-size:1em;
text-decoration: none;
color: #922230;
border-bottom:1px dotted #922230; 
}

#maincontent a:visited, #maincontenttable a:visited {
text-decoration: none; 
color: #B9ACAE;
border-bottom:1px dotted #B9ACAE; 
}

#maincontent a:hover, #maincontenttable a:hover, #maincontent a:active, #maincontenttable a:active {
text-decoration: none;
color: #D87093;
border-bottom:1px dotted #D87093;
}

#maincontenttable {
float: right;
width: 535px;
margin-right: 30px;
}

#maincontenttable p {
margin: 0em 0em .2em 0;
}

#maincontenttable caption {
font-weight: bold;
text-align: left;
margin: 0em 0em .5em 0em;
color: #3E080E;
font-size: 1.3em;
border-left: 1em solid #BC8F8F;
padding-left: .3em;
}

#maincontenttable th {
font-variant: small-caps;
text-align: left;
margin: 0 0 .5em 0;
color: #333;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
border-bottom: 1px solid #3E080E;
}

#maincontenttable h2 {
font-size: 1.7em;
font-weight: bold;
text-align: right;
margin: 0 0 .5em 0;
color:#666666;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
letter-spacing: .1em;
}

#maincontenttable ul {
list-style-type:none;
margin: 0 1em 0 1em;
padding: 0;
}

#maincontenttable h3 {
font-size: .9em;
line-height: 1.4em;
margin: 0;
}

#maincontenttable p, li {
font-size: .9em;
line-height: 1.4em;
margin: 0;
}

#maincontenttable td {
vertical-align:top;
padding-top:.5em;
padding-bottom: .75em;
border-bottom: 1px solid #3E080E;
}

#maincontenttable tr {
vertical-align:top;
}

#studentcol1 {
	float:left;
	width: 250px;
}

#studentcol2 {
	margin-left:251px;
	width: 250px;
}

#studentcol1 ol, #studentcol2 ol {
	margin: 0 0 1em 1.5em;
	list-style-type:decimal;
	line-height:110%;
}

#studentcol1 li, #studentcol2 li {
	list-style-type:decimal;
	line-height:110%;
	margin-left: 0;
	padding: 0;
}

#studentcol1 li li, #studentcol2 li li {
	list-style-type:upper-alpha;
	margin: 0 0 .2em 0;
	padding: 0;
	font-size: 1em;
}

#studentcol1 li li li, #studentcol2 li li li {
	list-style-type:lower-roman;
	margin-left:0;
}

#evalcontainer ol {
list-style-type:decimal;
font-size: 1em;
line-height: 1em;
margin: 0;
padding: 0 2em 0 3em;
}

#evalcontainer li {
padding: 0;
margin-bottom: 0;
font-size: 1em;
}

#evalcontainer li li {
list-style-type:upper-alpha;
margin-bottom:0;
padding:0;
}

#evalcontainer li li li {
list-style-type:lower-roman;
padding: 0;
margin:0;
}

.inset {
display: block;
width: 42%;
float: right;
text-align: center;
font-size: 0.9em;
line-height: 1.3em;
padding: 1em .5em 1em .5em;
margin: 1em 0 .5em 1em;
background-color: #F8F0E5;
}

#inset p {
text-align: center;
line-height: 1.2em;
margin: 0;
padding: .5em 0 .7em 0;
}

#footer {
clear: both;
border-top: 1px solid #3E080E;
width: 680px;
text-align: center;
margin-top: 1.5em;
margin-right: auto;
margin-bottom: 1.5em;
margin-left: auto;
}

#footer p {
font-size: smaller;
line-height: 1.2em;
padding-left: 2em;
margin: 0;
}