/* Created using Style Master from Western Civilisation NS4.0 { 153 102 451 409 } */

body, p, td, li {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: black;
		font-size: 100%;
		background-color: #d1d9d9;
		text-align: center; 
}

h1, h2, h3, h4, h5, h6 {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #a6a6a6; 
}

/* Now use the individual heading levels to make each of the heading levels different from one another. For example, h1 should have a larger font-size than h2, which should be bigger than h3 and so on. */

h1 {
		font-size: 1.2em;
		border-bottom: 1px #9c9c9c solid;
		margin-bottom: 1em;
		padding-bottom: .5em;
		color: #000000; 
}

h2 {
		font-size: 1.3em; 
}

h3 {
		font-size: 1.3em;
		font-family: Courier, "Courier New", monospace;
		color: #ff0000;
		letter-spacing: .18em; 
}

h4 {

		background-color: #ffcccc;
		color: #666666;
		display: inline; 
}

p.linkstext {
		margin-top: 2em;
		color: #757575;
		text-align: left;
		margin-bottom: 0em; 
}

h5 { 
}

h6 { 
}

span.red {
		color: #ff0000; 
}

p { 
}

/* The following four selectors allow you to select links when they are in the four different states: link - before they have been visited, visited - after it has been visited, hover - when the mouse is over the link, active - when the user clicks the link. */

a:link {
		color: #5151f5; 
}

a:visited {
		color: #5151f5; 
}

a:hover {
		color: #ff4a50; 
}

a:active { 
}

/* You will often use images that are links in your web pages. In some older browsers this will result in the image having an unsightly bright blue border around it. The following statement will stop this by specifying that img elements, when they are inside a elements, should have no border. */

/* This style sheet provides selectors for the most commonly used elements. It also has a few simple and helpful properties for some of these selectors. Use it as the basis for your first style sheet. */

div#warContainer {
		width: 688px;
		background-color: transparent;
		font-size: 10px;
		margin-top: 3em;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
		height: 100%; 
}

dir#linksContainer {
		margin-left: 4em;
		margin-bottom: 1em; 
}

div#warLeftNav img {
		margin-top: 0em;
		margin-left: 0em;
		margin-bottom: 0em; 
}

/* div#warHeader { width: 100%; background-color: #e8e4bc; border-bottom: 1px black solid; right: 0px; top: 0em; height: 4em; } */

div#warDrawings {
		width: 420px;
		text-align: right;
		border-left: 1px #9c9c9c solid;
		margin-top: -12px;
		float: right; 
}

div#poem {
		width: 230px;
		border: olive;
		margin-top: 2em;
		margin-bottom: 2em; 
}

pre {
		font-size: 1.2em;
		margin-left: 1em;
		line-height: 1.05em; 
}

img {
		margin-top: 10em;
		border: 1px #999999 solid;
		clear: both;
		margin-bottom: 1em; 
}

div#warLeftNav {
		margin-left: 4em;
		margin-bottom: 1em; 
}