/*
   New Perspectives on HTML and XHTML 5th Edition
   Tutorial 4
   Case Problem 2

   Civil War Studies Style Sheet
   Author: 
   Date:   

   Filename:         cw.css
   Supporting Files: tan.jpg

*/

body {
	margin: 0px;
	background: white;
}

h2 {
	font-size: 2.5em;
	margin: 0px;
}

#head {
	text-align: center;
	border-bottom: 1px solid black; 
	background-image: url(tan.jpg);
	margin: 0px;
}

#page_content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 95%;
	min-width: 800px;
	/*width: expression(document.body.clientWidth > 800? "800px": "auto" );*/
	max-width: 1000px;
	/*width: expression(document.body.clientwidth < 1000? "1000px": "auto" );*/
}

#linkList {
	position: absolute;
	top: 140px;
	left: 5px;
	width: 280px;
	border: 0;
	border-right: 1px solid black;
}

#linkList a {
	color: black;
	text-decoration: none;
}

#linkList a:hover {
	text-decoration: underline;
}

#linkList ol {
	list-style-type: upper-roman;
	font-size: .9em;
}

#linkList ol ol {
	list-style-type: upper-alpha;
}

#linkList ol ol ol {
	list-style-type: decimal;
}

#article {
	position: absolute;
	top: 190px;
	left: 320px;
}

h2 {
	position: absolute;
	top: 125px;
	left: 320px;
	color: rgb(237,227,178);
	z-index: 2;
}

h2.shadow {
	position: absolute;
	top: 126px;
	left: 321px;
	color: black;
	z-index: 1;
}

p {
	text-align: justify;
}

.first_para:first-line {
	text-transform: uppercase;
}

#page_content #article p.first_para:first-letter {
	float: left;
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 300%;
	line-height: .75;
}

.following_para {
	text-indent: 10px;
}