body {
text-align: center;
background-color:#999999;
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: #FFF;
background-image: url(images/nycityscape_bkgd.jpg);
background-repeat: no-repeat;
background-position: top left;
}

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

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

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

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

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

#nav h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
text-align: left;
margin: 0;
padding: .5em 0 .5em 30px;
color: #333;
}

#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: #688238;
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: #E47C97;
}

#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-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
color: #333; 
margin: 0;
padding-left: 0.3em;
border-left: 1em solid #ccc;
line-height: 1em;
}

#maincontent .firstsection {
font-size: 1.3em;
color: #333; 
margin: 0;
padding: 0 0 0 .3em;
border-left: 1em solid #999;
line-height: 1em;
}

#maincontent ul, #maincontent ol {
text-align: left;
padding: 0;
margin: -.2em 6em .75em 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: #688238;
border-bottom:1px dotted #688238; 
}

#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;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: .04em;
text-align: left;
margin: 0 0 .5em 0;
color: #333;
font-size: 1.3em;
border-left: 1em solid #ccc;
padding: 0 0 0 .3em;
line-height: 1em;
}

#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 #688238;
color: #333;
}

#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 ul li {
margin-bottom:.5em;
}

#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 #688238;
}

#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:200%;
	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;
display: inline;
text-align: center;
font-size: 0.9em;
line-height: 1.3em;
padding: 1em .5em 1em .5em;
margin: 1em 0 .5em 1em;
background-color: #f0f0f0;
}

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

#footer {
clear: both;
border-top: 1px solid #688238;
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;
}

.lastline {
padding-bottom: 1em;
}

.firstline {
padding-top: 1em;
}

#maincontent .firstsection {
font-size: 1.3em;
color: #333; 
margin: 0;
padding: 0 0 0 .3em;
border-left: 1em solid #999;
line-height: 1em;
}

.caption-left {
display: block;
width: 288px;
float: left;
display: inline;
text-align: left;
font-size: 0.68em;
font-style: italic;
line-height: 1.3em;
margin: .5em 1em .5em 0;
}

.pix-left {
float: left;
padding: .5em 1em 0 0;
}