body { 
	margin: 0px;
	padding: 0 px;
	background-color: #c2b7b9;
}


a {
    color: #1c1900;
    text-decoration: none;
}
a:visited {
    color: #697076;
    text-decoration: none;
}
a:hover {
    color: #ab653b;
    text-decoration: underline;
}

/* wrapper */

#wrapper{
	position: absolute;
    width: 700px;
    height: 750px;
    margin: 30px;
    margin-top: 10px;
    padding: 10px;
    background-color: white;
    text-align: left;
    border: 4px #501A02 solid;
}


/* header info */

#header {

	position: relative;
    color: #697076;
    font-family: 'Palatino-Bold', 'Palatino', 'serif';    
    font-style: normal;
    font-variant: normal;
    
    letter-spacing: 0.16em;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: uppercase;
    background-color: #FFFFFF;
    background-image: url(header-img2.jpg);
}

#header a:visited {
	color: #1c1900;
    text-decoration: none;
}

#header_text {
	float: left;
}

#header img{
	float:left; 
	height: 50px;
	margin-left: 30px;
	margin-right: 10px;
}

.coursename{
	
	font-size: 29px;
	line-height: 38px;
}

.deptname{
	font-size: 14px; 
	line-height: 19px; 
}

/* navigation bar */

#papers{
position: relative;
	float: left;
	color: #181d00;
    font-family: 'Palatino-Roman', 'Palatino', 'serif';
    font-size: 12pt; 
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 20px;
    
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 8px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}

#papers li{
	margin-bottom: 20px;
}

#navbar{
	position: relative;
	float: left;
	width: 150px;
	height: 500px;
	
	background-color: #f8f9da;

	color: #181d00;
    font-family: 'Palatino-Roman', 'Palatino', 'serif';
    font-size: 20px; 
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 20px;
    
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 8px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}

#navbar ul{
	list-style-type: none;
}

#navbar li{
	margin-bottom: 20px;
	margin-left: -8px;
}

#navbar a {
    color: #1c1900;
    text-decoration: none;
}
#navbar a:visited {
    color: 1c1900;
    text-decoration: none;
}
#navbar a:hover {
    color: #ab653b;
    text-decoration: underline;
}


/* Footer */

#footer{

	position: relative;
	background-color: white;
	float: left;
	width: 450px
	color: #181d00;
    font-family: 'Palatino-Roman', 'Palatino', 'serif';
    font-size: 10pt; 
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 110%;
    
    border-top: 4px #9999CC solid;
    
    margin-bottom: 0px;
    margin-left: 210px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}



/* Main Content */

#content{
	float: left;
	width: 450px;
	height: 500px;
	background-color: white;
	
	
	color: #000000;
    font-family: 'Palatino-Roman', 'Palatino', 'serif';
    font-size: 12pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 0px;
    margin-left: 45px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}

#content a {
    color: #1c1900;
    text-decoration: underline;
}
#content a:visited {
    color: #697076;
    text-decoration: underline;
}
#content a:hover {
    color: #ab653b;
    text-decoration: underline;
}
#content p{
text-align: justify;
}

#content ol li{
margin: 5px;
}

#content ul li{
margin: 5px;
}

/* subsidary navigation bar */

#sub_navbar{
	background-color: #B2C9CF;
	font-size: 14pt;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#sub_navbar ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;

}

#sub_navbar ul li{
	display: inline;
	margin: 10px;
}

#sub_navbar a {
    color: #1c1900;
    text-decoration: none;
}
#sub_navbar a:visited {
    color: #1c1900;
    text-decoration: none;
}
#sub_navbar a:hover {
    color: #ab653b;
    text-decoration: none;
}

#listContainer{
  margin-top:15px;
}
 
.open {
	display: block;
	}
.closed {
	display: none;
	}